jojo/tests/e2e/branch-operations.test.e2e.ts
Gusted 2a3d852e46 feat: convert create/rename branch and create tag to native dialog (#9760)
Followup to https://codeberg.org/forgejo/forgejo/pulls/8859, https://codeberg.org/forgejo/forgejo/pulls/9636.

Convert the create branch and rename branch modals in the branch list to native dialogs and convert the create branch and create tag in the commit view to native dialogs.

The dialogs in the commit view have been simplified and no longer uses javascript to construct the data in the dialog (thus would be eligible for nojs modals).

The dialogs have footer styled actions.

The rename branch modal now has a 'branch name' label to indicate the field is required.

E2E testing is added.

Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/9760
Reviewed-by: 0ko <0ko@noreply.codeberg.org>
Co-authored-by: Gusted <postmaster@gusted.xyz>
Co-committed-by: Gusted <postmaster@gusted.xyz>
2025-10-30 21:06:14 +01:00

95 lines
3.8 KiB
TypeScript

// Copyright 2025 The Forgejo Authors. All rights reserved.
// SPDX-License-Identifier: GPL-3.0-or-later
// @watch start
// templates/repo/branch/list.tmpl
// web_src/js/features/repo-branch.ts
// @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('Create branch from branch', async ({page}) => {
let response = await page.goto('/user2/repo1/branches');
expect(response?.status()).toBe(200);
// Open create branch modal.
await page.getByRole('button', {name: 'Create new branch from "branch2"'}).click();
await expect(page.locator('#create-branch-modal')).toBeVisible();
await screenshot(page, page.locator('#create-branch-modal'));
// Check that it can be cancelled.
await page.getByRole('button', {name: 'Cancel'}).click();
await expect(page.locator('#create-branch-modal')).toBeHidden();
// Open it again and make a branch.
await page.getByRole('button', {name: 'Create new branch from "branch2"'}).click();
await expect(page.locator('#create-branch-modal')).toBeVisible();
const branchName = dynamic_id();
await page.getByRole('textbox').fill(branchName);
await page.getByRole('button', {name: 'Confirm'}).click();
// Verify branch exists.
response = await page.goto(`/user2/repo1/src/branch/${branchName}`);
expect(response?.status()).toBe(200);
});
test('Rename normal branch', async ({page}) => {
let response = await page.goto('/user2/repo1/branches');
expect(response?.status()).toBe(200);
// Open rename branch modal.
await page.locator('button[data-is-default-branch="false"]:not([data-old-branch-name="branch2"])').first().click();
await expect(page.locator('#rename-branch-modal')).toBeVisible();
await expect(page.locator('#rename-branch-modal .warning')).toBeHidden();
await screenshot(page, page.locator('#rename-branch-modal'));
// Check that it can be cancelled.
await page.getByRole('button', {name: 'Cancel'}).click();
await expect(page.locator('#rename-branch-modal')).toBeHidden();
// Open it again and rename the branch.
await page.locator('button[data-is-default-branch="false"]:not([data-old-branch-name="branch2"])').first().click();
await expect(page.locator('#rename-branch-modal')).toBeVisible();
await expect(page.locator('#rename-branch-modal .warning')).toBeHidden();
const branchName = dynamic_id();
await page.getByRole('textbox').fill(branchName);
await page.getByRole('button', {name: 'Confirm'}).click();
// Verify branch exists.
response = await page.goto(`/user2/repo1/src/branch/${branchName}`);
expect(response?.status()).toBe(200);
});
test('Rename default branch', async ({page}) => {
let response = await page.goto('/user2/repo1/branches');
expect(response?.status()).toBe(200);
// Open rename branch modal.
await page.locator('button[data-is-default-branch="true"]').click();
await expect(page.locator('#rename-branch-modal')).toBeVisible();
await expect(page.locator('#rename-branch-modal .warning')).toBeVisible();
await screenshot(page, page.locator('#rename-branch-modal'));
// Check that it can be cancelled.
await page.getByRole('button', {name: 'Cancel'}).click();
await expect(page.locator('#rename-branch-modal')).toBeHidden();
// Open it again and rename the branch.
await page.locator('button[data-is-default-branch="true"]').click();
await expect(page.locator('#rename-branch-modal')).toBeVisible();
await expect(page.locator('#rename-branch-modal .warning')).toBeVisible();
const branchName = dynamic_id();
await page.getByRole('textbox').fill(branchName);
await page.getByRole('button', {name: 'Confirm'}).click();
// Verify branch exists.
response = await page.goto(`/user2/repo1/src/branch/${branchName}`);
expect(response?.status()).toBe(200);
});