How I shaved over a minute off a test suite with a one-line change.

Thoughtbot's platform is a central hub for software developers and product designers, offering insights into product development, design thinking, and agile methodologies. Through articles, case studies, and design sprints, Thoughtbot offers insights into user research, prototyping, and usability testing. Readers can learn about lean product development, iterative design processes, and cross-functional collaboration to create user-centric digital products and services.

thoughbot

A Capybara matcher using two sequential `has_css?` calls causes each call to wait the full timeout before trying the next selector. Since `has_css?` is a waiting method, a 30-second CI timeout per failing selector adds up fast. The fix is combining both CSS selectors with a comma into a single query, so Capybara checks both in one pass. Even better, Capybara's built-in `:label` selector already handles both label-for and label-wrapping-input cases natively, eliminating the need for custom CSS entirely.

Combine Capybara selectors to avoid the sequential timeout trap