Don't Skip Testing: How to Start Testing React Components
Discover the importance of testing in software development and how it can give you confidence that your application won't break. We'll talk about how to approach testing and write a few tests within React and RedwoodJS
👉 Chapters
0:00 Introduction
1:06 Building and Styling a Navigation Bar in Redwood JS
3:48 Running Storybook for Component Preview
4:08 Styling the Navigation Bar with Tailwind
8:17 Creating Animation for Navigation Visibility
9:11 Setting Up Storybook for Testing Scroll Behavior
10:53 Writing Tests for the Navigation Component
12:20 Importance of Testing Components as Users Interact
13:01 Examining the Generated Test File
13:46 Writing Individual Component Tests
15:10 Creating a Test Plan for Navigation Links
16:00 Grouping Tests Based on Authentication Status
17:11 Writing Specific Tests for Navigation Links
18:20 Setting Up Assertions for Navigation Tests
20:53 Finalizing the Test Suite for Navigation Component
⚡ Quick Links
Code on GitHub: https://github.com/ahaywood/brazilian...
Figma File: https://www.figma.com/file/z6Vipsmnua...
📹 Other videos in the series:
Part 1: Intro - Master the Full-Stack: RedwoodJS Step-by-Step Guide - • Intro - Master the Full-Stack: Redwoo...
Part 2: Setup Your Redwood.js Environment: A Beginner's Tutorial - • Setup Your Redwood.js Environment: A ...
Part 3: RedwoodJS File and Folder Structure: Everything You Need to Know - • RedwoodJS File and Folder Structure: ...
Part 4: Maximize Efficiency: Building Faster with Redwood's Generators - • Maximize Efficiency: Building Faster ...
Part 5: Mastering the Redwood Router: A Comprehensive Overview - • Mastering the Redwood Router: A Compr...
Part 6: Easy Tailwind Setup: Customize Fonts and Colors with RedwoodJS - • Easy Tailwind Setup: Customize Fonts ...
Part 7: Getting Started with Storybook: The Ultimate Tool for Component Documentation and Testing - • Getting Started with Storybook: The U...
👉 Part 8: THIS VIDEO 👈
🔗 Links
RedwoodJS: https://redwoodjs.com/
RedwoodJS Documentation: https://redwoodjs.com/docs/introduction
YouTube Video on Redwood Router - • Mastering the Redwood Router: A Compr...
RedwoodJS Documentation for working with the Router - https://redwoodjs.com/docs/router#rou...
RedwoodJS Documentation for Testing - https://redwoodjs.com/docs/testing#in...
Watch video Don't Skip Testing: How to Start Testing React Components online without registration, duration hours minute second in high quality. This video was added by user Self Teach Me 05 December 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,039 once and liked it 67 people.