Automated Testing Workshop Hand Guide

This hand guide outlines the workshop activities and goals.




  • What, Why, How’s of testing
  • Why automation testing?

Static Testing
Static Testing

  • Setup ESLint: Learn how to integrate ESLint into your project for identifying and reporting on patterns.
  • Prettier: Understand how to use Prettier as an opinionated code formatter.
  • TypeScript: Learn the basics of TypeScript, a statically typed superset of JavaScript.

Unit Testing
Unit Testing

  • Set up Jest: Learn how to set up Jest, a delightful JavaScript Testing Framework with a focus on simplicity.
  • Writing our first unit test: Learn how to write a basic unit test to check the functionality of a single function or component.
  • Writing an advance unit test: Delve deeper into unit testing by handling more complex components and functions.

Integration Test
Integration Test

  • Setup DOM testing library: Understand how to set up the DOM Testing Library to facilitate testing of DOM nodes.
  • Writing our first test with DOM: Learn to write a basic test using the DOM Testing Library.
  • Setup DOM testing library with React: Learn how to use the React Testing Library, a variant of DOM Testing Library for React components.
  • Writing our first test with React: Understand how to write a test for a React component using the React Testing Library.

End to End Testing
End to End Testing

  • Setup Playwright on existing project: Learn to integrate Playwright, a tool for browser automation, into an existing project.
  • Writing our first test: Understand how to write a basic end-to-end test that covers the complete flow of your application.
  • Introducing codegen: Learn about Playwright's codegen utility which aids in generating code for automation scripts.


Sub-pages here: