~/talk

Testing React Applications

Talkat React Amsterdam 2016 · on Saturday, 2016-04-16· [testing, react]

Shows a small Todo app and proves tests actually catch behaviour: adding, toggling and deleting items work and regressions get prevented. Uses tape as the test runner, React TestUtils + shallow rendering for fast unit checks, jsdom and mount/Enzyme for DOM interaction, and browser bundling to run tests in Chrome. Core state logic is extracted to plain functions so pure-unit tests run quickly. All examples build and run successfully.

AI-written summary · about

  1. 0:00Introduction
  2. 1:03Overview
  3. 4:34Tape
  4. 6:44Embrace JavaScript Objects
  5. 8:43Testing React Components
  6. 13:47Testing User Interaction
  7. 15:01JSON DOM
  8. 18:45Test doubles
  9. 19:59Form submissions
  10. 21:25Highlevel tests
  11. 23:44Enzyme
  12. 24:31Shallow Rendering
  13. 25:28Mount
  14. 27:27Outro
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.