mirror of
https://codeberg.org/forgejo/forgejo.git
synced 2026-05-14 15:00:25 +00:00
555d88070d
Test coverage: |Modal|Test| |-|-| |admin: adopt unadopted|missing, not needed| |admin: delete unadopted|missing, not needed| |admin: delete user|e2e added: `Admin: delete a user`| |delete package|missing| |new project|?| |edit project col|?| |default project col|?| |delete project col|?| |commit cherry-pick|?| |commit delete note|?| |fork redirect|?| |lock/unlock issue|?| |dismiss PR review|?| |migration delete|?| |migration cancel|?| |lfs delete|?| |convert mirror|?| |convert fork|?| |transfer repo|?| |delete repo|?| |archive repo|integration present, selectors adjusted| |delete wiki|?| |rename wiki branch|?| |push mirror edit|?| |mde: new table|e2e present, selectors adjusted| |mde: new link|e2e present, selectors adjusted| |actions: add secret|?| |actions: edit variable|?| Co-authored-by: 0ko <0ko@noreply.codeberg.org> Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/10287 Reviewed-by: 0ko <0ko@noreply.codeberg.org>
105 lines
3.5 KiB
TypeScript
105 lines
3.5 KiB
TypeScript
// Copyright 2025 The Forgejo Authors. All rights reserved.
|
|
// SPDX-License-Identifier: GPL-3.0-or-later
|
|
|
|
// @watch start
|
|
// templates/demo/modal.tmpl
|
|
// templates/repo/editor/edit.tmpl
|
|
// templates/repo/editor/patch.tmpl
|
|
// web_src/js/features/repo-editor.js
|
|
// web_src/css/modules/dialog.ts
|
|
// web_src/css/modules/dialog.css
|
|
// @watch end
|
|
|
|
import {expect} from '@playwright/test';
|
|
import {dynamic_id, test} from './utils_e2e.ts';
|
|
import {screenshot} from './shared/screenshots.ts';
|
|
|
|
test.use({user: 'user2'});
|
|
|
|
test('Dialog modal', async ({page}) => {
|
|
let response = await page.goto('/user2/repo1/_new/master', {waitUntil: 'domcontentloaded'});
|
|
expect(response?.status()).toBe(200);
|
|
|
|
const filename = `${dynamic_id()}.md`;
|
|
|
|
await page.getByPlaceholder('Name your file…').fill(filename);
|
|
await page.locator('.cm-content').click();
|
|
await page.keyboard.type('Hi, nice to meet you. Can I talk about ');
|
|
|
|
await page.locator('.quick-pull-choice input[value="direct"]').click();
|
|
await page.getByRole('button', {name: 'Commit changes'}).click();
|
|
|
|
response = await page.goto(`/user2/repo1/_edit/master/${filename}`, {waitUntil: 'domcontentloaded'});
|
|
expect(response?.status()).toBe(200);
|
|
|
|
await page.locator('.cm-content').click();
|
|
await page.keyboard.press('ControlOrMeta+A');
|
|
await page.keyboard.press('Backspace');
|
|
|
|
await page.locator('#commit-button').click();
|
|
await screenshot(page);
|
|
await expect(page.locator('#edit-empty-content-modal')).toBeVisible();
|
|
|
|
await page.locator('#edit-empty-content-modal .cancel').click();
|
|
await expect(page.locator('#edit-empty-content-modal')).toBeHidden();
|
|
|
|
await page.locator('#commit-button').click();
|
|
await page.locator('#edit-empty-content-modal .ok').click();
|
|
await expect(page).toHaveURL(`/user2/repo1/src/branch/master/${filename}`);
|
|
});
|
|
|
|
test('Dialog modal: width', async ({page, isMobile}) => {
|
|
// This test doesn't need JS and runs a little faster without it
|
|
await page.goto('/-/demo/modal');
|
|
|
|
// Open modal with short content
|
|
const shortModal = page.locator('#short-modal');
|
|
await expect(shortModal).toBeHidden();
|
|
await page.locator('button[data-modal="#short-modal"]').click();
|
|
await expect(shortModal).toBeVisible();
|
|
|
|
// Check it's width
|
|
let width = Math.round((await shortModal.boundingBox()).width);
|
|
if (isMobile) {
|
|
// Bound by viewport width
|
|
expect(width).toBeLessThan(400);
|
|
} else {
|
|
// Bound by min-width
|
|
expect(width).toBe(400);
|
|
}
|
|
|
|
// Open modal with medium sized content
|
|
await shortModal.locator('button.cancel').click();
|
|
const mediumModal = page.locator('#medium-modal');
|
|
await expect(mediumModal).toBeHidden();
|
|
await page.locator('button[data-modal="#medium-modal"]').click();
|
|
await expect(mediumModal).toBeVisible();
|
|
|
|
// Check it's width
|
|
width = Math.round((await mediumModal.boundingBox()).width);
|
|
if (isMobile) {
|
|
// Bound by viewport width
|
|
expect(width).toBeLessThan(400);
|
|
} else {
|
|
// Not bound by min-width or max-width
|
|
expect(width).toBeLessThan(800);
|
|
expect(width).toBeGreaterThan(400);
|
|
}
|
|
|
|
// Open modal with long content
|
|
await mediumModal.locator('button.cancel').click();
|
|
const longModal = page.locator('#long-modal');
|
|
await expect(longModal).toBeHidden();
|
|
await page.locator('button[data-modal="#long-modal"]').click();
|
|
await expect(longModal).toBeVisible();
|
|
|
|
// Check it's width
|
|
width = Math.round((await longModal.boundingBox()).width);
|
|
if (isMobile) {
|
|
// Bound by viewport width
|
|
expect(width).toBeLessThan(400);
|
|
} else {
|
|
// Bound by max-width
|
|
expect(width).toBe(800);
|
|
}
|
|
});
|