React, Testing and Chess

120-minute Workshop

In this workshop, we will use different types of tests (unit, component, subcutaneous, and others) to recreate the rules of chess while at the same time assembling a test strategy for our project.


2:45 p.m. – 4:45 p.m. Thursday 24th


Room D5+D6 - Track 6: Accessibility Deep Dive


Testers, Developers, QAs


Laptop, Kotlin-ready IDE (preferably IntelliJ)


  • The basics of modern React development cycle
  • How to introduce TDD to your React projects
  • Identifying, Defining and Implementing different types of tests for your React code
  • Developing a test strategy for your React project
  • Knowing how and when to mock or stub objects when using React

UI Testing can prove difficult for React-heavy codebases.

React has consistently gained popularity within the programming community, so much so that it was the most popular web development language in StackOverflow’s 2021 Developer Survey.

However, as it still happens with many front-end technologies, following common best practices while using it can prove to be a challenge. Testing is one such heuristic.

In this workshop, we will implement different types of tests for our React code to bring the rules of chess to a bare-bones version of the game. While this will not be a ‘from-scratch’ workshop, we will go over the basics of both React and testing as well as more advanced techniques such as refactoring, clean code, mocking vs stubbing while taking full advantage of React’s features. Culminating in a robust test strategy and guidelines on how to create your own.

Related Sessions

9:00 a.m. – 5:00 p.m.
F-,E- & D-Rooms

Full-Day Tutorial (6 hours)

Virtual Pass session
10:45 a.m. – 11:30 a.m.
Room F2 - Track 2: Talks

25-minute Talk

Virtual Pass session
10:45 a.m. – 11:30 a.m.
Room F1 - Track 1: Talks

25-minute Talk

Virtual Pass session
4:00 p.m. – 4:45 p.m.
Room F3 - Track 3: Talks

25-minute Talk