Don't Skip Testing: How to Start Testing React Components

Self Teach Me
Self Teach Me
865 بار بازدید - 7 ماه پیش - Discover the importance of testing
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...
7 ماه پیش در تاریخ 1402/09/14 منتشر شده است.
865 بـار بازدید شده
... بیشتر