Daniel Stern - Mastering React Testing with Jest
-
Upload
abdurrachman-mappuji -
Category
Engineering
-
view
158 -
download
14
Transcript of Daniel Stern - Mastering React Testing with Jest
![Page 1: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/1.jpg)
![Page 2: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/2.jpg)
![Page 3: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/3.jpg)
![Page 4: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/4.jpg)
![Page 5: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/5.jpg)
![Page 6: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/6.jpg)
![Page 7: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/7.jpg)
![Page 8: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/8.jpg)
// __tests__/sum-test.jsjest.dontMock('../sum');
describe('sum', function() { it('adds 1 + 2 to equal 3', function() {
var sum = require('../sum'); expect(sum(1, 2)).toBe(3);
}); });
require
![Page 9: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/9.jpg)
require
![Page 10: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/10.jpg)
require
![Page 11: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/11.jpg)
![Page 12: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/12.jpg)
![Page 13: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/13.jpg)
![Page 14: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/14.jpg)
![Page 15: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/15.jpg)
![Page 16: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/16.jpg)
![Page 17: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/17.jpg)
![Page 18: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/18.jpg)
![Page 19: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/19.jpg)
![Page 20: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/20.jpg)
![Page 21: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/21.jpg)
![Page 22: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/22.jpg)
![Page 23: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/23.jpg)
[jest.dontMock(“myModule”)]
![Page 24: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/24.jpg)
![Page 25: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/25.jpg)
jest.autoMockOn()
jest.autoMockOff()
![Page 27: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/27.jpg)
__mocks__
![Page 28: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/28.jpg)
![Page 29: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/29.jpg)
expect(value).toBe(other)
![Page 30: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/30.jpg)
beforeEachafterEach
describe()
it()
expect assert
![Page 31: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/31.jpg)
![Page 32: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/32.jpg)
new
mock
toBeCalled toBeCalledWith
![Page 33: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/33.jpg)
Github – danielstern | @danieljackstern
Daniel Stern
Building a Test-Ready React Application with ES6 and Express
![Page 34: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/34.jpg)
Application Overview
App
isomorphismlocalization express
Non-trivial isomorphic shopping cart
application with currency localization
![Page 35: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/35.jpg)
This slide is
with
animations
Babel processes ES6 and JSX via Gulp
Express responds to HTTP requests from the
browser by serving our application
React runs on the front and back end,
facilitating everything the user sees and
interacts with and minimizing performance
issues
![Page 36: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/36.jpg)
Application shares numerous technologies with app from Build a
Full Stack with React and Express Pluralsight, Daniel Stern
If you have course files, you can skip this chapter by checking
out the appropriate Git Branch
Before We Begin
![Page 37: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/37.jpg)
Demo
This bullet list is
with
animations
Constructing the App
![Page 38: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/38.jpg)
This bullet list is
with
animations
Fully functional cart application
total and currency localization with React
Real-world dependency scenarios
Learn more. Check out “Build a Full Stack with
React and Express”
Summary
![Page 39: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/39.jpg)
![Page 40: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/40.jpg)
![Page 41: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/41.jpg)
![Page 42: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/42.jpg)
![Page 43: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/43.jpg)
![Page 44: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/44.jpg)
![Page 45: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/45.jpg)
![Page 46: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/46.jpg)
![Page 47: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/47.jpg)
![Page 48: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/48.jpg)
![Page 49: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/49.jpg)
![Page 50: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/50.jpg)
![Page 51: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/51.jpg)
![Page 52: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/52.jpg)
![Page 53: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/53.jpg)
![Page 54: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/54.jpg)
![Page 55: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/55.jpg)
![Page 56: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/56.jpg)
![Page 57: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/57.jpg)
![Page 58: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/58.jpg)
![Page 59: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/59.jpg)
![Page 60: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/60.jpg)
![Page 61: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/61.jpg)
![Page 62: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/62.jpg)
![Page 63: Daniel Stern - Mastering React Testing with Jest](https://reader033.fdocuments.in/reader033/viewer/2022052200/58ce64a21a28ab2f268b644b/html5/thumbnails/63.jpg)