🧪
In-Browser Test Runner
Beautiful sidebar UI that runs tests directly in your browser with instant feedback as you develop.
TWDTest While Developing
because testing isn’t a phase, it’s part of the flow.
because testing isn’t a phase, it’s part of the flow.
VIDEO HERE - Overview of TWD in action - showing the sidebar, running tests, and seeing results in real-time
import { twd, userEvent } from "twd-js";
import { describe, it } from "twd-js/runner";
describe("User login", () => {
it("should login successfully", async () => {
await twd.visit("/login");
const user = userEvent.setup();
const emailInput = await twd.get("input#email");
const passwordInput = await twd.get("input#password");
const loginButton = await twd.get("button[type='submit']");
await user.type(emailInput.el, "user@example.com");
await user.type(passwordInput.el, "password123");
await user.click(loginButton.el);
const welcome = await twd.get("h1");
welcome.should("contain.text", "Welcome");
});
});TWD bridges the gap between development and testing by bringing tests directly into your development environment. Instead of running tests in a separate terminal, you can see results instantly in your browser's sidebar while you code.
Perfect for: