05056b8aa2
**Backport:** https://codeberg.org/forgejo/forgejo/pulls/6400 Replaced manual login and context loading across tests with Playwright's `test.use` configuration for user authentication. This simplifies test setup, improves readability, and reduces repetition. #6362 first part ## Checklist The [contributor guide](https://forgejo.org/docs/next/contributor/) contains information that will be helpful to first time contributors. There also are a few [conditions for merging Pull Requests in Forgejo repositories](https://codeberg.org/forgejo/governance/src/branch/main/PullRequestsAgreement.md). You are also welcome to join the [Forgejo development chatroom](https://matrix.to/#/#forgejo-development:matrix.org). ### Tests - I added test coverage for Go changes... - [ ] in their respective `*_test.go` for unit tests. - [ ] in the `tests/integration` directory if it involves interactions with a live Forgejo server. - I added test coverage for JavaScript changes... - [ ] in `web_src/js/*.test.js` if it can be unit tested. - [ ] in `tests/e2e/*.test.e2e.js` if it requires interactions with a live Forgejo server (see also the [developer guide for JavaScript testing](https://codeberg.org/forgejo/forgejo/src/branch/forgejo/tests/e2e/README.md#end-to-end-tests)). ### Documentation - [x] I created a pull request [to the documentation](https://codeberg.org/forgejo/docs) to explain to Forgejo users how to use this change. - [ ] I did not document these changes and I do not expect someone else to do it. ### Release notes - [x] I do not want this change to show in the release notes. - [ ] I want the title to show in the release notes with a link to this pull request. - [ ] I want the content of the `release-notes/<pull request number>.md` to be be used for the release notes instead of the title. Co-authored-by: Julian Schlarb <julian.schlarb@denktmit.de> Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/6585 Reviewed-by: Otto <otto@codeberg.org> Co-authored-by: forgejo-backport-action <forgejo-backport-action@noreply.codeberg.org> Co-committed-by: forgejo-backport-action <forgejo-backport-action@noreply.codeberg.org>
125 lines
4.5 KiB
TypeScript
125 lines
4.5 KiB
TypeScript
// @watch start
|
|
// templates/org/**
|
|
// templates/repo/**
|
|
// web_src/js/webcomponents/overflow-menu.js
|
|
// @watch end
|
|
|
|
import {expect} from '@playwright/test';
|
|
import {test} from './utils_e2e.ts';
|
|
|
|
test.describe('desktop viewport as user 2', () => {
|
|
test.use({user: 'user2', viewport: {width: 1920, height: 300}});
|
|
|
|
test('Settings button on right of repo header', async ({page}) => {
|
|
await page.goto('/user2/repo1');
|
|
|
|
const settingsBtn = page.locator('.overflow-menu-items>#settings-btn');
|
|
await expect(settingsBtn).toBeVisible();
|
|
await expect(settingsBtn).toHaveClass(/right/);
|
|
|
|
await expect(page.locator('.overflow-menu-button')).toHaveCount(0);
|
|
});
|
|
|
|
test('Settings button on right of org header', async ({page}) => {
|
|
await page.goto('/org3');
|
|
|
|
const settingsBtn = page.locator('.overflow-menu-items>#settings-btn');
|
|
await expect(settingsBtn).toBeVisible();
|
|
await expect(settingsBtn).toHaveClass(/right/);
|
|
|
|
await expect(page.locator('.overflow-menu-button')).toHaveCount(0);
|
|
});
|
|
});
|
|
|
|
test.describe('desktop viewport as user12', () => {
|
|
test.use({user: 'user12', viewport: {width: 1920, height: 300}});
|
|
|
|
test('Settings button on right of repo header also when add more button is shown', async ({page}) => {
|
|
await page.goto('/user12/repo10');
|
|
|
|
const settingsBtn = page.locator('.overflow-menu-items>#settings-btn');
|
|
await expect(settingsBtn).toBeVisible();
|
|
await expect(settingsBtn).toHaveClass(/right/);
|
|
|
|
await expect(page.locator('.overflow-menu-button')).toHaveCount(0);
|
|
});
|
|
});
|
|
|
|
test.describe('desktop viewport, unauthenticated', () => {
|
|
test.use({viewport: {width: 1920, height: 300}});
|
|
|
|
test('User overview overflow menu should not be influenced', async ({page}) => {
|
|
await page.goto('/user2');
|
|
|
|
await expect(page.locator('.overflow-menu-items>#settings-btn')).toHaveCount(0);
|
|
|
|
await expect(page.locator('.overflow-menu-button')).toHaveCount(0);
|
|
});
|
|
});
|
|
|
|
test.describe('small viewport', () => {
|
|
test.use({user: 'user2', viewport: {width: 800, height: 300}});
|
|
|
|
test('Settings button in overflow menu of repo header', async ({page}) => {
|
|
await page.goto('/user2/repo1');
|
|
|
|
await expect(page.locator('.overflow-menu-items>#settings-btn')).toHaveCount(0);
|
|
|
|
await expect(page.locator('.overflow-menu-button')).toBeVisible();
|
|
|
|
await page.click('.overflow-menu-button');
|
|
await expect(page.locator('.tippy-target>#settings-btn')).toBeVisible();
|
|
|
|
// Verify that we have no duplicated items
|
|
const shownItems = await page.locator('.overflow-menu-items>a').all();
|
|
expect(shownItems).not.toHaveLength(0);
|
|
const overflowItems = await page.locator('.tippy-target>a').all();
|
|
expect(overflowItems).not.toHaveLength(0);
|
|
|
|
const items = shownItems.concat(overflowItems);
|
|
expect(Array.from(new Set(items))).toHaveLength(items.length);
|
|
});
|
|
|
|
test('Settings button in overflow menu of org header', async ({page}) => {
|
|
await page.goto('/org3');
|
|
|
|
await expect(page.locator('.overflow-menu-items>#settings-btn')).toHaveCount(0);
|
|
|
|
await expect(page.locator('.overflow-menu-button')).toBeVisible();
|
|
|
|
await page.click('.overflow-menu-button');
|
|
await expect(page.locator('.tippy-target>#settings-btn')).toBeVisible();
|
|
|
|
// Verify that we have no duplicated items
|
|
const shownItems = await page.locator('.overflow-menu-items>a').all();
|
|
expect(shownItems).not.toHaveLength(0);
|
|
const overflowItems = await page.locator('.tippy-target>a').all();
|
|
expect(overflowItems).not.toHaveLength(0);
|
|
|
|
const items = shownItems.concat(overflowItems);
|
|
expect(Array.from(new Set(items))).toHaveLength(items.length);
|
|
});
|
|
});
|
|
|
|
test.describe('small viewport, unauthenticated', () => {
|
|
test.use({viewport: {width: 800, height: 300}});
|
|
|
|
test('User overview overflow menu should not be influenced', async ({page}) => {
|
|
await page.goto('/user2');
|
|
|
|
await expect(page.locator('.overflow-menu-items>#settings-btn')).toHaveCount(0);
|
|
|
|
await expect(page.locator('.overflow-menu-button')).toBeVisible();
|
|
await page.click('.overflow-menu-button');
|
|
await expect(page.locator('.tippy-target>#settings-btn')).toHaveCount(0);
|
|
|
|
// Verify that we have no duplicated items
|
|
const shownItems = await page.locator('.overflow-menu-items>a').all();
|
|
expect(shownItems).not.toHaveLength(0);
|
|
const overflowItems = await page.locator('.tippy-target>a').all();
|
|
expect(overflowItems).not.toHaveLength(0);
|
|
|
|
const items = shownItems.concat(overflowItems);
|
|
expect(Array.from(new Set(items))).toHaveLength(items.length);
|
|
});
|
|
});
|