Testing React 16 Components

Focused View

Liam McLennan

2:23:36

46 View

01. Course Overview

01. Course Overview.mp4

01:24

02. Getting Started

02. Version Check.mp4

00:15

03. Introduction.mp4

02:15

04. Why We Test.mp4

02:59

05. Creating an Application and Test Environment.mp4

05:52

06. Testing Too Much.mp4

02:57

07. Visual Verification.mp4

08:42

03. Testing Component Rendering

08. Overview.mp4

01:22

09. Testing with React Testing Library.mp4

12:46

10. Testing Components Directly.mp4

08:50

11. Testing with Test Utilities.mp4

09:26

12. Testing with Test Renderer.mp4

03:02

13. Testing Selection.mp4

07:39

14. Testing Activation.mp4

06:42

15. Summary.mp4

01:43

04. Testing Component Events

16. Overview.mp4

02:48

17. Testing Events Testing Library.mp4

04:34

18. Testing Async.mp4

05:43

19. Testing Events Mocks.mp4

06:52

20. Testing Events Test Renderer.mp4

07:03

05. Testing Components with State and Effects

21. Overview.mp4

03:15

22. Testing the Effect Hook.mp4

02:53

23. Mocking the Effect Hook.mp4

02:21

24. Testing Components with State.mp4

04:22

25. Testing Components with a Reducer.mp4

08:28

06. Testing Components with State Management

26. Overview.mp4

01:06

27. State Management Libraries.mp4

01:37

28. Testing Redux Demo.mp4

06:51

29. Detecting Changes with Snapshot Testing.mp4

03:10

30. Snapshot Testing Demo.mp4

05:41

31. Summary.mp4

00:58

Exercise Files

getting-started-slides.pdf

package.zip
package-lock.zip
readme.zip
yarn.zip

favicon.zip
index.html
logo192.zip
logo512.zip
manifest.zip
robots.txt

app.test.zip
app.zip
index.zip
logo.zip
serviceworker.zip
setuptests.zip

0-welcome.stories.zip
1-button.stories.zip

testing-component-rendering-slides.pdf

package.zip
package-lock.zip
yarn.zip

favicon.zip
index.html
logo192.zip
logo512.zip
manifest.zip
nasa mars rover.zip
robots.txt

index.zip
logo.zip
serviceworker.zip
setuptests.zip

message.render.test.zip
message.stories.zip
message.zip
message.testing-library-render.test.zip

nasa.test.zip
nasa.zip

connectedroversearch.zip
nasa mars rover.zip
roversearch.zip

sols.test.zip
sols.zip

cameraselection.test.zip
cameraselection.zip
dateslider.stories.zip
dateslider.test.zip
dateslider.zip
roverselector.stories.zip
roverselector.testrenderer.test.zip
roverselector.test.zip
roverselector.zip

testing-component-events-slides.pdf

package.zip
package-lock.zip
readme.zip
yarn.zip

favicon.zip
index.html
logo192.zip
logo512.zip
manifest.zip
nasa mars rover.zip
robots.txt

index.zip
logo.zip
serviceworker.zip
setuptests.zip

counter.async.test.zip
counter.async.zip
counter.stories.zip
counter.testrenderer.test.zip
counter.test.zip
counter.zip
jestasync.test.zip

jestmocking.test.zip
message.render.test.zip
message.stories.zip
message.zip
message.testing-library-render.test.zip

nasa.test.zip
nasa.zip

connectedroversearch.zip
nasa mars rover.zip
roversearch.zip

sols.test.zip
sols.zip

cameraselection.test.zip
cameraselection.zip
dateslider.stories.zip
dateslider.testrenderer.test.zip
dateslider.test.zip
dateslider.zip
roverselector.stories.zip
roverselector.testrenderer.test.zip
roverselector.test.zip
roverselector.zip

testing-components-with-state-and-effects-slides.pdf

package.zip
package-lock.zip
readme.zip
yarn.zip

favicon.zip
index.html
logo192.zip
logo512.zip
manifest.zip
nasa mars rover.zip
robots.txt

index.zip
logo.zip
serviceworker.zip
setuptests.zip

counter.async.test.zip
counter.async.zip
counter.stories.zip
counter.testrenderer.test.zip
counter.test.zip
counter.zip
jestasync.test.zip

list.stories.zip
list.test.zip
list.zip
listreducer.test.zip
listreducer.zip
randomimage.mocked.test.zip
randomimage.stories.zip
randomimage.test.zip
randomimage.zip
randomimageservice.zip

jestmocking.test.zip
message.render.test.zip
message.stories.zip
message.zip
message.testing-library-render.test.zip

nasa.test.zip
nasa.zip

connectedroversearch.zip
nasa mars rover.zip
roversearch.zip

sols.test.zip
sols.zip

cameraselection.test.zip
cameraselection.zip
dateslider.stories.zip
dateslider.testrenderer.test.zip
dateslider.test.zip
dateslider.zip
roverselector.stories.zip
roverselector.testrenderer.test.zip
roverselector.test.zip
roverselector.zip

testing-components-with-state-management-slides.pdf

package.zip
package-lock.zip
readme.zip
yarn.zip

favicon.zip
index.html
logo192.zip
logo512.zip
manifest.zip
nasa mars rover.zip
robots.txt

app.test.zip
app.zip
index.zip
logo.zip
serviceworker.zip
setuptests.zip

counter.async.test.zip
counter.async.zip
counter.stories.zip
counter.testrenderer.test.zip
counter.test.zip
counter.zip
jestasync.test.zip

list.stories.zip
list.test.zip
list.zip
listreducer.test.zip
listreducer.zip
randomimage.mocked.test.zip
randomimage.stories.zip
randomimage.test.zip
randomimage.zip
randomimageservice.zip

jestmocking.test.zip
message.render.test.zip
message.stories.zip
message.zip
message.testing-library-render.test.zip

nasa.test.zip
nasa.zip

connectedroversearch.zip
nasa mars rover.zip
roversearch.zip

sols.test.zip
sols.zip

cameraselection.test.zip
cameraselection.zip
dateslider.stories.zip
dateslider.testrenderer.test.zip
dateslider.test.zip
dateslider.zip
roverselector.stories.zip
roverselector.testrenderer.test.zip
roverselector.test.zip
roverselector.zip

Description

This course will teach you how to create testable React components and how to implement tests for those components that are effective, fast, and reliable.

What You'll Learn?

React introduced a new style of web user interface development, but it is not obvious how to properly test React components in all different scenarios. In this course, Testing React Components, you'll gain the ability to write automated tests for your React user interfaces. First, you'll learn how to write testable components. Next, you'll discover how to write tests for React components. Finally, you'll explore advanced testing topics such as mocking dependencies and testing asynchronous operations. When you're finished with this course, you'll have the skills and knowledge of testing needed to automate the testing of your React user interfaces. Software required: node.js, npm.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

React

Software Testing

Liam McLennan

Instructor's Courses

Liam is a technology leader, engineering manager and product delivery expert. He helps organizations to develop effective technology strategy, then implement that strategy to achieve their objectives. Other major interests are optimizing the impact of software delivery and building cross-functional, high-performance teams. He is currently a Principal Consultant for product development consulting company Readify. Previously, he was Chief Technology Officer of an online media and travel company with 300,000 members.

Pluralsight

View courses Pluralsight

Pluralsight, LLC is an American privately held online education company that offers a variety of video training courses for software developers, IT administrators, and creative professionals through its website. Founded in 2004 by Aaron Skonnard, Keith Brown, Fritz Onion, and Bill Williams, the company has its headquarters in Farmington, Utah. As of July 2018, it uses more than 1,400 subject-matter experts as authors, and offers more than 7,000 courses in its catalog. Since first moving its courses online in 2007, the company has expanded, developing a full enterprise platform, and adding skills assessment modules.