feat(tools): test sass preview (#45167)

Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>

cypress/integration/learn/challenges/sass.js

@@ -0,0 +1,28 @@
+const location =
+  '/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(cy.wrap);
+};
+
+describe('Sass Challenge', () => {
+  before(() => {
+    cy.visit(location);
+    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');
+  });
+});