Merge pull request #1021 from jtpio/ui-test-reveal

Add UI test for the reveal notebook

Author: trungleduc

.github/workflows/ui-tests.yml

@@ -72,16 +72,21 @@ jobs:
           resource: http-get://localhost:8866/
           timeout: 360000
 
-      - uses: iterative/setup-cml@v1
       - name: Test
+        run: |
+          cd ui-tests
+          jlpm run test
+
+      - uses: iterative/setup-cml@v1
+
+      - name: Publish Results
         env:
           REPO_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           REPORT: ./benchmark-results/voila-benchmark.md
         shell: bash
         run: |
           cd ui-tests
-          jlpm run test
-          
+
           # Publish image to cml.dev
           echo "" >> ${REPORT}
           cml-publish ./benchmark-results/voila-benchmark.png --md >> ${REPORT}

ui-tests/tests/voila.test.ts

@@ -167,4 +167,16 @@ test.describe('Voila performance Tests', () => {
     await page.waitForSelector('#MathJax_Message', { state: 'hidden' });
     expect(await page.screenshot()).toMatchSnapshot(`${notebookName}.png`);
   });
+  test('Render and benchmark reveal.ipynb', async ({
+    page,
+    browserName
+  }, testInfo) => {
+    const notebookName = 'reveal';
+    const testFunction = async () => {
+      await page.goto(`render/${notebookName}.ipynb`);
+      await page.waitForSelector('span[role="presentation"] >> text=x');
+    };
+    await addBenchmarkToTest(notebookName, testFunction, testInfo, browserName);
+    expect(await page.screenshot()).toMatchSnapshot(`${notebookName}.png`);
+  });
 });