Refactor and redesign user menu #1470
Annotations
4 errors and 1 notice
|
Run Playwright tests
Process completed with exit code 1.
|
|
Run Playwright tests:
apps/web/playwright/e2e/app-loading/guest-registration.spec.ts#L41
1) [Chrome] › playwright/e2e/app-loading/guest-registration.spec.ts:37:1 › Shows the user menu for guests @screenshot
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: getByRole('menu', { name: 'User menu' })
Expected an image 221px by 230px, received 219px by 314px. 10515 pixels (ratio 0.16 of all image pixels) are different.
Snapshot: guest-menu.png
Call log:
- Expect "toHaveScreenshot(guest-menu.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for getByRole('menu', { name: 'User menu' })
- locator resolved to <div dir="ltr" role="menu" tabindex="-1" id="radix-_r_h_" data-state="open" data-side="bottom" data-align="start" aria-label="User menu" data-radix-menu-content="" aria-orientation="vertical" data-orientation="vertical" aria-labelledby="radix-_r_g_" class="_container_3x4xf_8 _menu_1kl3y_8">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- Expected an image 221px by 230px, received 219px by 314px. 10515 pixels (ratio 0.16 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for getByRole('menu', { name: 'User menu' })
- locator resolved to <div dir="ltr" role="menu" tabindex="-1" id="radix-_r_h_" data-state="open" data-side="bottom" data-align="start" aria-label="User menu" data-radix-menu-content="" aria-orientation="vertical" data-orientation="vertical" aria-labelledby="radix-_r_g_" class="_container_3x4xf_8 _menu_1kl3y_8">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- Expected an image 221px by 230px, received 219px by 314px. 10515 pixels (ratio 0.16 of all image pixels) are different.
39 | await page.waitForSelector(".mx_MatrixChat", { timeout: 30000 });
40 | const menu = await app.openUserMenu();
> 41 | await expect(menu).toMatchScreenshot("guest-menu.png", screenshotOptions(page));
| ^
42 | });
43 |
44 | test("Room link correctly loads a room view", async ({ page }) => {
at /home/runner/work/element-web/element-web/apps/web/playwright/e2e/app-loading/guest-registration.spec.ts:41:24
|
|
Run Playwright tests:
apps/web/playwright/e2e/app-loading/guest-registration.spec.ts#L41
1) [Chrome] › playwright/e2e/app-loading/guest-registration.spec.ts:37:1 › Shows the user menu for guests @screenshot
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: getByRole('menu', { name: 'User menu' })
Expected an image 221px by 230px, received 219px by 314px. 10515 pixels (ratio 0.16 of all image pixels) are different.
Snapshot: guest-menu.png
Call log:
- Expect "toHaveScreenshot(guest-menu.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for getByRole('menu', { name: 'User menu' })
- locator resolved to <div dir="ltr" role="menu" tabindex="-1" id="radix-_r_h_" data-state="open" data-side="bottom" data-align="start" aria-label="User menu" data-radix-menu-content="" aria-orientation="vertical" data-orientation="vertical" aria-labelledby="radix-_r_g_" class="_container_3x4xf_8 _menu_1kl3y_8">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- Expected an image 221px by 230px, received 219px by 314px. 10515 pixels (ratio 0.16 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for getByRole('menu', { name: 'User menu' })
- locator resolved to <div dir="ltr" role="menu" tabindex="-1" id="radix-_r_h_" data-state="open" data-side="bottom" data-align="start" aria-label="User menu" data-radix-menu-content="" aria-orientation="vertical" data-orientation="vertical" aria-labelledby="radix-_r_g_" class="_container_3x4xf_8 _menu_1kl3y_8">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- Expected an image 221px by 230px, received 219px by 314px. 10515 pixels (ratio 0.16 of all image pixels) are different.
39 | await page.waitForSelector(".mx_MatrixChat", { timeout: 30000 });
40 | const menu = await app.openUserMenu();
> 41 | await expect(menu).toMatchScreenshot("guest-menu.png", screenshotOptions(page));
| ^
42 | });
43 |
44 | test("Room link correctly loads a room view", async ({ page }) => {
at /home/runner/work/element-web/element-web/apps/web/playwright/e2e/app-loading/guest-registration.spec.ts:41:24
|
|
Run Playwright tests:
apps/web/playwright/e2e/app-loading/guest-registration.spec.ts#L41
1) [Chrome] › playwright/e2e/app-loading/guest-registration.spec.ts:37:1 › Shows the user menu for guests @screenshot
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: getByRole('menu', { name: 'User menu' })
Expected an image 221px by 230px, received 219px by 314px. 10795 pixels (ratio 0.16 of all image pixels) are different.
Snapshot: guest-menu.png
Call log:
- Expect "toHaveScreenshot(guest-menu.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for getByRole('menu', { name: 'User menu' })
- locator resolved to <div dir="ltr" role="menu" tabindex="-1" id="radix-_r_h_" data-state="open" data-side="bottom" data-align="start" aria-label="User menu" data-radix-menu-content="" aria-orientation="vertical" data-orientation="vertical" aria-labelledby="radix-_r_g_" class="_container_3x4xf_8 _menu_1kl3y_8">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- Expected an image 221px by 230px, received 219px by 314px. 10795 pixels (ratio 0.16 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for getByRole('menu', { name: 'User menu' })
- locator resolved to <div dir="ltr" role="menu" tabindex="-1" id="radix-_r_h_" data-state="open" data-side="bottom" data-align="start" aria-label="User menu" data-radix-menu-content="" aria-orientation="vertical" data-orientation="vertical" aria-labelledby="radix-_r_g_" class="_container_3x4xf_8 _menu_1kl3y_8">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- Expected an image 221px by 230px, received 219px by 314px. 10795 pixels (ratio 0.16 of all image pixels) are different.
39 | await page.waitForSelector(".mx_MatrixChat", { timeout: 30000 });
40 | const menu = await app.openUserMenu();
> 41 | await expect(menu).toMatchScreenshot("guest-menu.png", screenshotOptions(page));
| ^
42 | });
43 |
44 | test("Room link correctly loads a room view", async ({ page }) => {
at /home/runner/work/element-web/element-web/apps/web/playwright/e2e/app-loading/guest-registration.spec.ts:41:24
|
|
Run Playwright tests
1 failed
[Chrome] › playwright/e2e/app-loading/guest-registration.spec.ts:37:1 › Shows the user menu for guests @screenshot
1 skipped
130 passed (16.8m)
|
Loading