wehub-resource-sync
dde272c4b8
CD - Docker - GHCR Images / Build and Push Images (push) Waiting to run
i18n - Build Validation / Validate i18n Builds (24) (push) Has been cancelled
CI - Node.js / Lint (24) (push) Has been cancelled
CI - Node.js / Build (24) (push) Has been cancelled
CI - Node.js / Test (24) (push) Has been cancelled
CI - Node.js / Test - Upcoming Changes (24) (push) Has been cancelled
CI - Node.js / Test - i18n (italian, 24) (push) Has been cancelled
CI - Node.js / Test - i18n (portuguese, 24) (push) Has been cancelled
62 lines
2.0 KiB
TypeScript
62 lines
2.0 KiB
TypeScript
import { test, expect } from '@playwright/test';
|
|
|
|
test.describe('Editor scrollbar width on mobile', () => {
|
|
test.use({
|
|
viewport: { width: 393, height: 851 }
|
|
});
|
|
test.beforeEach(async ({ page }) => {
|
|
await page.goto('/settings');
|
|
});
|
|
|
|
test('Default editor scrollbar width should be 5px', async ({ page }) => {
|
|
await expect(page.locator('#scrollbar-width-slider')).toHaveValue('5');
|
|
await page.goto(
|
|
'/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-2'
|
|
);
|
|
|
|
const upperJawElement = page.locator('.editor-upper-jaw');
|
|
const upperJawWidth = await upperJawElement.evaluate(
|
|
(node: HTMLElement) => node.offsetWidth
|
|
);
|
|
|
|
const lowerJawElement = page.locator('#editor-lower-jaw');
|
|
expect(
|
|
await lowerJawElement.evaluate((node: HTMLElement) => node.offsetWidth)
|
|
).toEqual(upperJawWidth);
|
|
|
|
const scrollableElement = page.locator('.monaco-scrollable-element');
|
|
expect(
|
|
await scrollableElement.evaluate(
|
|
(node: HTMLElement) => node.offsetWidth - 5
|
|
)
|
|
).toEqual(upperJawWidth);
|
|
});
|
|
|
|
test('Should allow you to change editor scrollbar width to 25px', async ({
|
|
page
|
|
}) => {
|
|
await page.locator('.scrollbar-width-numbers > [data-value="25"]').click();
|
|
await expect(page.locator('#scrollbar-width-slider')).toHaveValue('25');
|
|
await page.goto(
|
|
'/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-2'
|
|
);
|
|
|
|
const upperJawElement = page.locator('.editor-upper-jaw');
|
|
const upperJawWidth = await upperJawElement.evaluate(
|
|
(node: HTMLElement) => node.offsetWidth
|
|
);
|
|
|
|
const lowerJawElement = page.locator('#editor-lower-jaw');
|
|
expect(
|
|
await lowerJawElement.evaluate((node: HTMLElement) => node.offsetWidth)
|
|
).toEqual(upperJawWidth);
|
|
|
|
const scrollableElement = page.locator('.monaco-scrollable-element');
|
|
expect(
|
|
await scrollableElement.evaluate(
|
|
(node: HTMLElement) => node.offsetWidth - 25
|
|
)
|
|
).toEqual(upperJawWidth);
|
|
});
|
|
});
|