Uploaded January 2025 | Updated September 2026, 1 week ago
This video shows how I practice test-driven development using end-to-end Cypress tests while modifying the application. We need to add "data-todo-id" attribute with the item's unique id. Before modifying the HTML / Vue markup I update the test to check for that attribute. The test fails, since the attribute does not exist yet. To make the test pass, I update the application. Once the test is green again, the feature is done. Find the source code in the repo github.com/bahmutov/todomvc-callback-example and my entire course about TDD with Cypress at https://cypress.tips/courses
This video shows how I practice test-driven development using end-to-end Cypress tests while modifying the application. We need to add "data-todo-id" attribute with the item's unique id. Before modifying the HTML / Vue markup I update the test to check for that attribute. The test fails, since the attribute does not exist yet. To make the test pass, I update the application. Once the test is green again, the feature is done. Find the source code in the repo github.com/bahmutov/todomvc-callback-example and my entire course about TDD with Cypress at https://cypress.tips/courses
