Tutorial
Learn TWD step by step with practical examples and real-world scenarios.
Tutorial Path
Follow this recommended learning path to master TWD:
| Step | Topic | Description |
|---|---|---|
| 0 | Introduction | Welcome to TWD and what you'll learn |
| 1 | Installation | Set up TWD in your project |
| 2 | First Test | Write and run your first test with selectors and assertions |
| 3 | API Mocking | Mock HTTP requests and responses |
| 4 | CI Integration | Run tests in continuous integration |
| 5 | Code Coverage | Collect and visualize code coverage |
| 6 | Production Builds | Remove test code from production bundles |
What You'll Learn
By the end of this tutorial, you'll be able to:
- Set up TWD in any React project
- Write comprehensive UI tests with assertions and user interactions
- Mock API calls for isolated testing
- Run tests automatically in CI/CD pipelines
- Collect and report code coverage
- Build production-ready applications without test code
Prerequisites
- Basic knowledge of JavaScript/TypeScript
- Familiarity with React
- Understanding of web development concepts (DOM, HTTP requests)
- Node.js and npm/yarn installed
Getting Help
If you get stuck during the tutorial:
- 📖 Check the API Reference for detailed documentation
- 📚 Review the Writing Tests Guide for best practices
- 🐛 Report issues if you find bugs
- 💬 Join discussions for questions
Let's get started! Introduction