iritmaximus/wasab
1
0
Fork 0
mirror of https://github.com/iritmaximus/wasab.git synced 2026-10-12 20:03:31 +03:00
Code Issues Packages Projects Releases Wiki Activity

[CI] Fix flaky test

Browse Source
This commit is contained in:
Aaro Koivukangas
2026-10-12 12:06:31 +03:00
parent 22396979d4
commit b700113371
2 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
e2e/home.spec.ts
+6 -3
View File
@@ -46,10 +46,13 @@ test('clicking anywhere on a card follows its link', async ({ page }) => {
test('search filters and Escape resets', async ({ page }) => { test('search filters and Escape resets', async ({ page }) => {
const search = page.getByRole('searchbox', { name: 'Search apps' }); const search = page.getByRole('searchbox', { name: 'Search apps' });
// the shortcut is registered in an effect that can land after the load event // the shortcut is registered in an effect that can land after the load event;
// only press again while unfocused, a "/" typed into the box would fail the next check
await expect(async () => { await expect(async () => {
await page.keyboard.press('/'); if (!(await search.evaluate((el) => el === document.activeElement))) {
await expect(search).toBeFocused({ timeout: 100 }); await page.keyboard.press('/');
}
await expect(search).toBeFocused({ timeout: 500 });
}).toPass(); }).toPass();
await expect(search).toHaveValue(''); await expect(search).toHaveValue('');
src/index.css
+7 -2
View File
@@ -291,7 +291,8 @@ body {
@media (max-width: 480px) { @media (max-width: 480px) {
.page { .page {
padding-top: 20px; padding-top: 16px;
padding-bottom: 16px;
} }
.tagline { .tagline {
@@ -303,7 +304,7 @@ body {
} }
.footer { .footer {
margin-top: 20px; margin-top: 16px;
} }
/* two narrow columns so everything fits on a phone screen */ /* two narrow columns so everything fits on a phone screen */
@@ -324,9 +325,13 @@ body {
font-size: 0.7rem; font-size: 0.7rem;
} }
/* one line regardless of the system font, so card height stays predictable */
.card-description { .card-description {
overflow: hidden;
font-size: 0.8rem; font-size: 0.8rem;
line-height: 1.35; line-height: 1.35;
text-overflow: ellipsis;
white-space: nowrap;
} }
.badges { .badges {