mirror of
https://codeberg.org/forgejo/forgejo.git
synced 2024-12-23 14:53:34 +01:00
c0777279fe
Confine the search menu to be at most the width of the page, or 80% of the viewport width, whichever is smaller. To do this, introduce a new `--container-width` variable for the descendant elements of `.ui.container` to be able to access. Also update the relevant e2e test: add a long 'lorem ipsum' page, add a search for it, parameterize the width.
39 lines
1.9 KiB
TypeScript
39 lines
1.9 KiB
TypeScript
// @watch start
|
|
// templates/repo/wiki/**
|
|
// web_src/css/repo**
|
|
// @watch end
|
|
|
|
import {expect} from '@playwright/test';
|
|
import {test} from './utils_e2e.ts';
|
|
|
|
for (const searchTerm of ['space', 'consectetur']) {
|
|
for (const width of [null, 2560, 4000]) {
|
|
test(`Search for '${searchTerm}' and test for no overflow ${width && `on ${width}-wide viewport` || ''}`, async ({page, viewport}, workerInfo) => {
|
|
test.skip(workerInfo.project.name === 'Mobile Safari', 'Fails as always, see https://codeberg.org/forgejo/forgejo/pulls/5326#issuecomment-2313275');
|
|
|
|
await page.setViewportSize({
|
|
width: width ?? viewport.width,
|
|
height: 1440, // We're testing that we fit horizontally - vertical scrolling is fine.
|
|
});
|
|
await page.goto('/user2/repo1/wiki');
|
|
await page.getByPlaceholder('Search wiki').fill(searchTerm);
|
|
await page.getByPlaceholder('Search wiki').click();
|
|
// workaround: HTMX listens on keyup events, playwright's fill only triggers the input event
|
|
// so we manually "type" the last letter
|
|
await page.getByPlaceholder('Search wiki').dispatchEvent('keyup');
|
|
// timeout is necessary because HTMX search could be slow
|
|
await expect(page.locator('#wiki-search a[href]')).toBeInViewport({ratio: 1});
|
|
});
|
|
}
|
|
}
|
|
|
|
test(`Search results show titles (and not file names)`, async ({page}, workerInfo) => {
|
|
test.skip(workerInfo.project.name === 'Mobile Safari', 'Fails as always, see https://codeberg.org/forgejo/forgejo/pulls/5326#issuecomment-2313275');
|
|
await page.goto('/user2/repo1/wiki');
|
|
await page.getByPlaceholder('Search wiki').fill('spaces');
|
|
await page.getByPlaceholder('Search wiki').click();
|
|
// workaround: HTMX listens on keyup events, playwright's fill only triggers the input event
|
|
// so we manually "type" the last letter
|
|
await page.getByPlaceholder('Search wiki').dispatchEvent('keyup');
|
|
await expect(page.locator('#wiki-search a[href] b')).toHaveText('Page With Spaced Name');
|
|
});
|