CtrlK
BlogDocsLog inGet started
Tessl Logo

tessl-labs/cypress-testing

Cypress E2E testing patterns -- selectors, cy.intercept, cy.session, cy.clock, custom commands, test isolation, and anti-patterns

98

1.25x
Quality

99%

Does it follow best practices?

Impact

97%

1.25x

Average score across 4 eval scenarios

SecuritybySnyk

Passed

No known issues

Overview
Quality
Evals
Security
Files

task.mdevals/scenario-3/

E2E Tests for Search with Debounced Input and Filters

Problem/Feature Description

A web application has a search page with a debounced text input and category filters. Write Cypress E2E tests for the search functionality.

The app runs on http://localhost:3000 with these pages:

  • /search -- search page with a text input (300ms debounce), category filter dropdown, and results grid
  • Results appear below the input after the debounce period elapses
  • Each result card shows title, description, and category
  • When no results match, an empty state message is displayed
  • Selecting a category filter immediately triggers a new search with the current query

The app has these API endpoints:

  • GET /api/search?q=<query>&category=<cat> -- returns search results
  • GET /api/categories -- returns available filter categories

Output Specification

Produce:

  • cypress.config.ts -- Cypress configuration
  • cypress/e2e/search.cy.ts -- tests for search input, debounce behavior, filters, results display, and empty state
  • cypress/support/commands.ts -- any reusable test helpers
  • cypress/fixtures/search-results.json -- fixture data for search API responses
  • package.json -- with cypress dependency listed

You may create additional files for good test organization.

evals

tile.json