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
46 lines
1.3 KiB
TypeScript
46 lines
1.3 KiB
TypeScript
import { expect, test } from '@playwright/test';
|
|
import translations from '../client/i18n/locales/english/translations.json';
|
|
import { focusEditor } from './utils/editor';
|
|
|
|
test.beforeEach(async ({ page }) => {
|
|
await page.goto(
|
|
'/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-3'
|
|
);
|
|
});
|
|
|
|
test.describe('Challenge Preview Component', () => {
|
|
test('should render correct output for default and changed code', async ({
|
|
page,
|
|
isMobile
|
|
}) => {
|
|
if (isMobile) {
|
|
await page
|
|
.getByRole('tab', { name: translations.learn['editor-tabs'].preview })
|
|
.click();
|
|
}
|
|
|
|
// Check default code output
|
|
await expect(
|
|
page
|
|
.frameLocator('.challenge-preview-frame')
|
|
.getByRole('heading', { name: 'CatPhotoApp' })
|
|
).toBeVisible();
|
|
|
|
// Change code
|
|
await focusEditor({ page, isMobile });
|
|
await page.keyboard.insertText('<h1>FreeCodeCamp</h1>');
|
|
if (isMobile) {
|
|
await page
|
|
.getByRole('tab', { name: translations.learn['editor-tabs'].preview })
|
|
.click();
|
|
}
|
|
|
|
// Check changed code output
|
|
await expect(
|
|
page
|
|
.frameLocator('.challenge-preview-frame')
|
|
.getByRole('heading', { name: 'FreeCodeCamp' })
|
|
).toBeVisible();
|
|
});
|
|
});
|