feat: convert Sass test to Playwright test (#54618)

freeCodeCamp · May 7, 2024 · 6016c18 · 6016c18
1 parent 3791f73
commit 6016c18
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 28 deletions.
diff --git a/cypress/e2e/default/learn/challenges/sass.ts b/cypress/e2e/default/learn/challenges/sass.ts
diff --git a/e2e/sass.spec.ts b/e2e/sass.spec.ts
@@ -0,0 +1,20 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('Sass Challenge', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto(
+      '/learn/front-end-development-libraries/sass/use-for-to-create-a-sass-loop'
+    );
+  });
+
+  test('should render the sass preview', async ({ page }) => {
+    const frame = page.frameLocator('.challenge-preview iframe');
+    expect(frame).not.toBeNull();
+
+    await expect(frame.locator('.text-1')).toBeVisible();
+    await expect(frame.locator('.text-2')).toBeVisible();
+    await expect(frame.locator('.text-3')).toBeVisible();
+    await expect(frame.locator('.text-4')).toBeVisible();
+    await expect(frame.locator('.text-5')).toBeVisible();
+  });
+});