kyush/forgejo
1
0
Fork 0
forked from mirrors/forgejo
Code Pull requests Activity

tests: add e2e test for color picker visibility in new label dialog (#12344)

Browse source 
Signed-off-by: Victor Gonzalez <victor@vgr.cl>
This commit is contained in:
Victor Gonzalez 2026-05-06 14:24:41 +02:00
commit 5ccb9e815a
No known key found for this signature in database
GPG key ID: 9E0D2F461B1366B7
1 changed files with 35 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

35
tests/e2e/label-colorpicker.test.e2e.ts Normal file
View file

@ -0,0 +1,35 @@
// Copyright 2026 The Forgejo Authors. All rights reserved.
// SPDX-License-Identifier: GPL-3.0-or-later
// @watch start
// web_src/js/features/colorpicker.js
// templates/repo/issue/labels/label_new.tmpl
// @watch end
import {expect} from '@playwright/test';
import {test} from './utils_e2e.ts';
test.use({user: 'user2'});
test('Color picker is visible above the new label dialog', async ({page}) => {
const response = await page.goto('/user2/repo1/labels');
expect(response?.status()).toBe(200);
// Open the "New label" dialog
await page.getByRole('button', {name: 'New label'}).click();
const dialog = page.locator('dialog#new-label-modal');
await expect(dialog).toBeVisible();
// Click the color preview square to open the color picker popup
const colorInput = dialog.locator('.js-color-picker-input input[name="color"]');
await colorInput.click();
// The hex-color-picker should be visible and not hidden behind the dialog
const picker = dialog.locator('hex-color-picker');
await expect(picker).toBeVisible();
// Verify the picker tippy popup is a descendant of the dialog element,
// not appended to document.body (which would render below the dialog top layer)
const pickerInDialog = dialog.locator('.tippy-box hex-color-picker');
await expect(pickerInDialog).toBeVisible();
});