Converted errors jasmine test to jest test fixes #770 (#771)

* added script link to popper.min.js * jest version for errors test file Co-authored-by: Jeffrey Warren <[email protected]>
publiclab · Dec 30, 2021 · 1ab7b20 · 1ab7b20
1 parent 313c3c0
commit 1ab7b20
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
diff --git a/examples/errors.html b/examples/errors.html
@@ -17,6 +17,7 @@
     <link href="../dist/PublicLab.Editor.css" rel="stylesheet">
 
     <script src="../node_modules/jquery/dist/jquery.min.js"></script>
+    <script src="../node_modules/popper.js/dist/umd/popper.min.js" type="text/javascript"></script>
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
 
     <!-- required for TagsModule -->

diff --git a/test/ui-testing/errors.test.js b/test/ui-testing/errors.test.js
@@ -0,0 +1,20 @@
+const timeout = process.env.SLOWMO ? 60000 : 10000;
+const fs = require('fs');
+beforeAll(async () => {
+  path = fs.realpathSync('file://../examples/errors.html');
+  await page.goto('file://' + path, {waitUntil: 'domcontentloaded'});
+});
+
+describe('Errors', () => {
+  test('displays given errors', async () => {
+    expect( await page.evaluate(() => document.querySelectorAll('.ple-errors').length)).toBeGreaterThan(0);
+    expect( await page.evaluate(() => document.querySelectorAll('.ple-errors .alert').length)).toBe(1);
+    expect( await page.evaluate(() => document.querySelectorAll('.ple-errors p').length)).toBe(1);
+    expect( await page.evaluate(() => document.querySelector('.ple-errors p').innerText)).toBe("Error: title can't be blank.");
+  });
+
+  test("does not display error alert if there are no errors", async () => {
+    await page.evaluate(() => document.querySelector('.ple-errors').innerHTML = '');
+    expect( await page.evaluate(() => document.querySelectorAll('.ple-errors .alert').length) ).toBe(0);
+  });
+});