This hand guide outlines the workshop activities and goals.
Goals
Introduction
- What, Why, How’s of testing
- Why automation 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
- 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
- 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
- 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.