forgejo/tests/e2e/repo-settings.test.e2e.ts
Otto Richter f87b76160e e2e: Selective screenshots (#9499)
* Add some test that only snapshot relevant content
* Allow adding marging around the element in case the environment is relevant (e.g. the location of an element relative to the parent, but excluding the environment of the parent)

Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/9499
Reviewed-by: Gusted <gusted@noreply.codeberg.org>
Co-authored-by: Otto Richter <git@otto.splvs.net>
Co-committed-by: Otto Richter <git@otto.splvs.net>
2025-10-03 13:45:08 +02:00

71 lines
2.8 KiB
TypeScript

// @watch start
// templates/webhook/shared-settings.tmpl
// templates/repo/settings/**
// web_src/css/{form,repo}.css
// web_src/css/modules/grid.css
// web_src/js/features/comp/WebHookEditor.js
// @watch end
import {expect} from '@playwright/test';
import {test} from './utils_e2e.ts';
import {screenshot} from './shared/screenshots.ts';
import {validate_form} from './shared/forms.ts';
test.use({user: 'user2'});
test('repo webhook settings', async ({page}) => {
const response = await page.goto('/user2/repo1/settings/hooks/forgejo/new');
expect(response?.status()).toBe(200);
await page.locator('input[name="events"][value="choose_events"]').click();
await expect(page.locator('.hide-unless-checked')).toBeVisible();
// check accessibility including the custom events (now visible) part
await validate_form({page}, 'fieldset');
await screenshot(page);
await page.locator('input[name="events"][value="push_only"]').click();
await expect(page.locator('.hide-unless-checked')).toBeHidden();
await page.locator('input[name="events"][value="send_everything"]').click();
await expect(page.locator('.hide-unless-checked')).toBeHidden();
await screenshot(page);
});
test.describe('repo branch protection settings', () => {
test.afterEach(async ({page}) => {
// delete the rule for the next test
await page.goto('/user2/repo1/settings/branches/');
await page.waitForLoadState('domcontentloaded');
const deleteButton = page.locator('.delete-button').first();
test.skip(await deleteButton.isHidden(), 'Nothing to delete at this time');
await deleteButton.click();
await page.locator('#delete-protected-branch .actions .ok').click();
// Here page.waitForLoadState('domcontentloaded') does not work reliably.
// Instead, wait for the delete button to disappear.
await expect(deleteButton).toHaveCount(0);
});
test('form', async ({page}) => {
const response = await page.goto('/user2/repo1/settings/branches/edit');
expect(response?.status()).toBe(200);
await validate_form({page}, 'fieldset');
// verify header is new
await expect(page.locator('h4')).toContainText('new');
await page.locator('input[name="rule_name"]').fill('testrule');
await screenshot(page);
await page.locator('button:text("Save rule")').click();
// verify header is in edit mode
await page.waitForLoadState('domcontentloaded');
await screenshot(page);
// find the edit button and click it
const editButton = page.locator('a[href="/user2/repo1/settings/branches/edit?rule_name=testrule"]');
await editButton.click();
await page.waitForLoadState();
await expect(page.locator('.repo-setting-content .header')).toContainText('Protection rules for branch', {ignoreCase: true, useInnerText: true});
await screenshot(page);
});
});