greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

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

pull/54615/head^2
Sem Bauke 2024-05-07 08:01:18 +02:00 committed by GitHub
parent 3791f734f5
commit 6016c181d4
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 20 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
cypress/e2e/default/learn/challenges/sass.ts
View File

@ -1,28 +0,0 @@
const sassPathLocation =
'/learn/front-end-development-libraries/sass/' +
'use-for-to-create-a-sass-loop';
const getIframeBody = () => {
return cy
.get('.challenge-preview iframe')
.its('0.contentDocument')
.should('exist')
.its('body')
.should('not.be.undefined')
.then(body => cy.wrap(body));
};
describe('Sass Challenge', () => {
before(() => {
cy.visit(sassPathLocation);
cy.wait(5000);
});
it('should render the sass preview', () => {
getIframeBody().find('.text-1');
getIframeBody().find('.text-2');
getIframeBody().find('.text-3');
getIframeBody().find('.text-4');
getIframeBody().find('.text-5');
});
});

20
e2e/sass.spec.ts Normal file
View File

@ -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();
});
});