gitadmin/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-05-28 18:26:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

test(e2e,playwright): editor-tabs (#52013)

Browse Source 
Co-authored-by: Huyen Nguyen <25715018+huyenltnguyen@users.noreply.github.com>
This commit is contained in:
weilirs
2023-11-12 20:25:29 -06:00
committed by GitHub
parent a7ec7f554a
commit 758d6c470f
2 changed files with 31 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/templates/Challenges/classic/multifile-editor.tsx
+1
View File
@@ -127,6 +127,7 @@ const MultifileEditor = (props: MultifileEditorProps) => {
return (
<ReflexElement
data-cy={`editor-container-${key}`}
data-playwright-test-label={`editor-container-${key}`}
{...reflexProps}
{...resizeProps}
key={key}
e2e/editor-tabs.spec.ts
+30
View File
@@ -0,0 +1,30 @@
import { test, expect } from '@playwright/test';
test.beforeEach(async ({ page }) => {
await page.goto(
'/learn/2022/responsive-web-design/build-a-survey-form-project/build-a-survey-form'
);
});
test('should toggle editor visibility correctly', async ({ page }) => {
const htmlTabToggle = page.getByRole('button', { name: 'index.html Editor' });
const cssTabToggle = page.getByRole('button', { name: 'styles.css Editor' });
const htmlTab = page.getByTestId('editor-container-indexhtml');
const cssTab = page.getByTestId('editor-container-stylescss');
await expect(htmlTabToggle).toBeVisible();
// HTML tab is opened by default
await expect(htmlTabToggle).toHaveAttribute('aria-expanded', 'true');
await expect(htmlTab).toBeVisible();
await htmlTabToggle.click();
await expect(htmlTabToggle).toHaveAttribute('aria-expanded', 'false');
await expect(htmlTab).not.toBeVisible();
await expect(cssTabToggle).toBeVisible();
// CSS tab is not opened by default
await expect(cssTabToggle).toHaveAttribute('aria-expanded', 'false');
await expect(cssTab).not.toBeVisible();
await cssTabToggle.click();
await expect(cssTabToggle).toHaveAttribute('aria-expanded', 'true');
await expect(cssTab).toBeVisible();
});