• ReactJSDay 2019
  • React Testing Course
    • Course description
    • About us
  • Testing definitions
    • What is a test?
    • Types of Test
  • Testing introduction
    • Why Testing?
    • Testing rules
    • Having fun while testing
    • The cost of testing
  • An easier journey: top to bottom
  • E2E Testing
    • Headless browser
    • What is an E2E test
  • The first E2E test
    • Conduit: the Realworld project
    • Testing the signup flow: challenges
    • Opening Cypress
    • Interacting with the page
    • Cypress waitings and execution order
    • Main E2E test defects
      • Determinism
      • Stability
      • Utility in case of failure
  • Polishing the E2E test
    • DOM elements selection
      • data-testid
      • @testing-library/cypress
    • Sharing app constants
  • AJAX requests
    • Waiting for an AJAX request
    • Asserting on payloads
  • Custom Commands
    • Signup
    • Intellisense
    • App Actions
    • Sharing authentication state
  • UI Integration Tests
    • Stubbing the Back-end
    • Fixtures
    • Custom command
    • Front-end testing on steroids
    • Cypress as a development tool
  • Other best practices
    • Dedicated scripts
    • Monitoring tests
    • Controlling the clock
  • Continuous integration
  • Visual Regression Testing
  • Cypress vs other tools
  • Why is E2E testing not enough?
  • Resources
  • About this book
  • Published with GitBook

Resources

Resources

Cypress Docs

  • E2E testing Best Practices
  • Recipes
  • Retry-ability
  • The Test Runner
  • GitHub Integration
  • Network Requests
  • Code Coverage

Articles

  • Stefano Magni: Test the request and response payloads
  • Kent C. Dodds: Write tests. Not too many. Mostly integration.
  • Stefano Magni: Component vs (UI) Integration vs E2E tests
  • Stefano Magni: Await, do not make your E2E tests sleep
  • Kent C. Dodds: Testing Implementation Details
  • Kent C. Dodds: Avoid Nesting when you're Testing
  • Stefano Magni: Front-end productivity boost: Cypress as your main development browser
  • Gil Tayar: Testing Your Frontend Code: Part V (Visual Testing)
  • Kent C. Dodds: How to know what to test
  • Gil Tayar (talk): Writing Tests For CSS Is Possible! Don’t Believe The Rumors
  • Kent C. Dodds: Common Testing Mistakes
  • Kent C. Dodds: React is an implementation detail
  • Stefano Magni: The concept of "Monitoring Tests"
  • Nivedita Sood: Storyshots a powerful side of Storybook to Visual Test React Components
  • Josh McClure: How to test for accessibility with Cypress

Courses

  • Kent C. Dodds: Testing JevaScript
  • Egghead.io: Test Production Ready Apps with Cypress

Extensive resources

  • Cypress documentation
  • Toast UI: Pragmatic Front-End Testing Strategies
  • Yoni Goldberg: JavaScript & Node.js Testing Best Practices
  • Yoni Goldberg: JavaScript Testing A-Z (still in private mode at the time of writing)
  • Stefano Magni: UI Testing Best Practices

Consultants

  • Yoni Goldberg

results matching ""

    No results matching ""