Break test · 2026-10-06

after #menu

0 scenarios break13 hold1 to look at
As it isas it is

The component with its real content.

Text 3× longerholds

Every text three times its length: a long name, a long title, a real review.

A word that won't wrapholds

The longest word replaced by a 42-letter one. URLs, emails and German do this.

No textholds

Every text empty: missing data, a field nobody filled.

Translated, 40% longerholds

Accents everywhere and 40% more words, like a German or Finnish translation.

Huge numbersholds

Every number becomes 1,234,567.89.

Accents and emojiholds

Short texts get “Zoë Ñúñez-O'Brien 🎂”, the name your form will meet.

Images faillook

Every image and background image broken, like a slow CDN or a deleted file.

Only one itemholds

The list inside the component with a single item.

25 itemsholds

The list inside the component with 25 items.

Right to leftholds

The page in RTL, as in Arabic or Hebrew.

320px screenholds

The smallest phone, or a laptop at 400% zoom.

Text at 200%holds

The browser font size doubled, as a user with low vision sets it. Text in px does not follow.

High contrastholds

Windows forced colors: backgrounds and shadows disappear, only borders and text stay.

Dark modeholds

The system in dark mode.

  • looks exactly like the default

Made by /coleoni-break · skills.coleoni.com