mirror of
https://codeberg.org/forgejo/forgejo.git
synced 2025-08-01 17:38:33 +00:00
feat(ui): redesign migration selection screen (#6795)
Ref https://codeberg.org/forgejo/design/issues/9. Changes: * Updated SVGs which had inconsistent paddings making them look off * Better usability on mobile * Better space efficiency on desktop, up to 4 columns * Nice responsive design * Less bland look on desktop. The borders were already here but invisible in Forgejo dark theme Preview: * https://codeberg.org/attachments/3c9e10ae-3315-46e5-b8bb-8021f6fd8936 * https://codeberg.org/attachments/8196ad89-5ab6-443a-98ce-a70dcc75bca9 * https://codeberg.org/attachments/24f52a14-2ac4-4949-8108-55c34bd3c650 Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/6795 Reviewed-by: Beowulf <beowulf@beocode.eu> Reviewed-by: Otto <otto@codeberg.org>
This commit is contained in:
parent
78e56ee2f7
commit
a0c9e81611
17 changed files with 149 additions and 94 deletions
|
@ -7,6 +7,24 @@ import {test, save_visual, test_context, dynamic_id} from './utils_e2e.ts';
|
|||
|
||||
test.use({user: 'user2'});
|
||||
|
||||
test('Migration type seleciton screen', async ({page}) => {
|
||||
await page.goto('/repo/migrate');
|
||||
|
||||
// For branding purposes, it is desired that `gitea-` prefixes in SVGs are
|
||||
// replaced with something like `productlogo-`.
|
||||
await expect(page.locator('svg.gitea-git')).toBeVisible();
|
||||
await expect(page.locator('svg.octicon-mark-github')).toBeVisible();
|
||||
await expect(page.locator('svg.gitea-gitlab')).toBeVisible();
|
||||
await expect(page.locator('svg.gitea-forgejo')).toBeVisible();
|
||||
await expect(page.locator('svg.gitea-gitea')).toBeVisible();
|
||||
await expect(page.locator('svg.gitea-gogs')).toBeVisible();
|
||||
await expect(page.locator('svg.gitea-onedev')).toBeVisible();
|
||||
await expect(page.locator('svg.gitea-gitbucket')).toBeVisible();
|
||||
await expect(page.locator('svg.gitea-codebase')).toBeVisible();
|
||||
|
||||
await save_visual(page);
|
||||
});
|
||||
|
||||
test('Migration Repo Name detection', async ({page}, workerInfo) => {
|
||||
test.skip(workerInfo.project.name === 'Mobile Safari', 'Flaky actionability checks on Mobile Safari');
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue