mirror of
https://codeberg.org/forgejo/forgejo.git
synced 2024-11-29 07:46:49 +00:00
Merge pull request 'docs(e2e): Add parametric viewport example test' (#5322) from fnetx/e2e-example into forgejo
Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/5322 Reviewed-by: Gusted <gusted@noreply.codeberg.org>
This commit is contained in:
commit
f93d8e8a45
|
@ -1,6 +1,6 @@
|
||||||
// @ts-check
|
// @ts-check
|
||||||
import {expect} from '@playwright/test';
|
import {expect} from '@playwright/test';
|
||||||
import {test, login_user, save_visual, load_logged_in_context} from './utils_e2e.js';
|
import {test, login_user, save_visual} from './utils_e2e.js';
|
||||||
|
|
||||||
test.beforeAll(async ({browser}, workerInfo) => {
|
test.beforeAll(async ({browser}, workerInfo) => {
|
||||||
await login_user(browser, workerInfo, 'user2');
|
await login_user(browser, workerInfo, 'user2');
|
||||||
|
@ -29,14 +29,22 @@ test('Register Form', async ({page}, workerInfo) => {
|
||||||
save_visual(page);
|
save_visual(page);
|
||||||
});
|
});
|
||||||
|
|
||||||
test('Logged In User', async ({browser}, workerInfo) => {
|
// eslint-disable-next-line playwright/no-skipped-test
|
||||||
const context = await load_logged_in_context(browser, workerInfo, 'user2');
|
test.describe.skip('example with different viewports (not actually run)', () => {
|
||||||
const page = await context.newPage();
|
// only necessary when the default web / mobile devices are not enough.
|
||||||
|
// If you need to use a single fixed viewport, you can also use:
|
||||||
await page.goto('/');
|
// test.use({viewport: {width: 400, height: 800}});
|
||||||
|
// also see https://playwright.dev/docs/test-parameterize
|
||||||
// Make sure we routed to the home page. Else login failed.
|
for (const width of [400, 1000]) {
|
||||||
await expect(page.url()).toBe(`${workerInfo.project.use.baseURL}/`);
|
// do not actually run (skip) this test
|
||||||
|
test(`Do x on width: ${width}px`, async ({page}) => {
|
||||||
save_visual(page);
|
await page.setViewportSize({
|
||||||
|
width,
|
||||||
|
height: 800,
|
||||||
|
});
|
||||||
|
// do something, then check that an element is fully in viewport
|
||||||
|
// (i.e. not overflowing)
|
||||||
|
await expect(page.locator('#my-element')).toBeInViewport({ratio: 1});
|
||||||
|
});
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
Loading…
Reference in a new issue