054537989f
**Backport:** https://codeberg.org/forgejo/forgejo/pulls/6617 Fix that the branch selector in the commit graph can overflow | Previous | Now | | :----: | :----: | |  |  | |  |  | |  |  | Fixes #6615 Co-authored-by: Beowulf <beowulf@beocode.eu> Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/6636 Reviewed-by: Otto <otto@codeberg.org> Reviewed-by: Beowulf <beowulf@beocode.eu> Co-authored-by: forgejo-backport-action <forgejo-backport-action@noreply.codeberg.org> Co-committed-by: forgejo-backport-action <forgejo-backport-action@noreply.codeberg.org>
49 lines
1.7 KiB
TypeScript
49 lines
1.7 KiB
TypeScript
// @watch start
|
|
// templates/repo/graph.tmpl
|
|
// web_src/css/features/gitgraph.css
|
|
// web_src/js/features/repo-graph.js
|
|
// @watch end
|
|
|
|
import {expect} from '@playwright/test';
|
|
import {save_visual, test} from './utils_e2e.ts';
|
|
|
|
test('Commit graph overflow', async ({page}) => {
|
|
const response = await page.goto('/user2/repo1/graph');
|
|
expect(response?.status()).toBe(200);
|
|
|
|
await page.click('#flow-select-refs-dropdown');
|
|
const input = page.locator('#flow-select-refs-dropdown');
|
|
await input.press('Enter');
|
|
await input.press('Enter');
|
|
await input.press('Enter');
|
|
await input.press('Enter');
|
|
await input.press('Enter');
|
|
await input.press('Enter');
|
|
await input.press('Enter');
|
|
await input.press('Enter');
|
|
await input.press('Enter');
|
|
await input.press('Enter');
|
|
|
|
await expect(page.locator('#flow-select-refs-dropdown')).toBeInViewport({ratio: 1});
|
|
await expect(page.getByRole('button', {name: 'Mono'})).toBeInViewport({ratio: 1});
|
|
await expect(page.getByRole('button', {name: 'Color'})).toBeInViewport({ratio: 1});
|
|
await expect(page.locator('.selection.search.dropdown')).toBeInViewport({ratio: 1});
|
|
await save_visual(page);
|
|
});
|
|
|
|
test('Switch branch', async ({page}) => {
|
|
const response = await page.goto('/user2/repo1/graph');
|
|
expect(response?.status()).toBe(200);
|
|
|
|
await page.click('#flow-select-refs-dropdown');
|
|
const input = page.locator('#flow-select-refs-dropdown');
|
|
await input.pressSequentially('develop', {delay: 50});
|
|
await input.press('Enter');
|
|
|
|
await page.waitForLoadState();
|
|
|
|
await expect(page.locator('#loading-indicator')).toBeHidden();
|
|
await expect(page.locator('#rel-container')).toBeVisible();
|
|
await expect(page.locator('#rev-container')).toBeVisible();
|
|
await save_visual(page);
|
|
});
|