Converted mainImageModule to jest test (#818)

* 1st test case passed, 2nd test case in progress... * converted main_image_module jasmine file to jest test * deleted jasmine equivalent of the mainImageModule jest test Co-authored-by: Jeffrey Warren <[email protected]>
publiclab · Feb 1, 2022 · 4fd0003 · 4fd0003
1 parent 08919b9
commit 4fd0003
Show file tree

Hide file tree

Showing 2 changed files with 110 additions and 103 deletions.
diff --git a/spec/javascripts/main_image_module_spec.js b/spec/javascripts/main_image_module_spec.js
diff --git a/test/ui-testing/mainImageModule.test.js b/test/ui-testing/mainImageModule.test.js
@@ -0,0 +1,110 @@
+const timeout = process.env.SLOWMO ? 60000 : 15000;
+const fs = require('fs');
+let editor;
+beforeAll(async () => {
+  path = fs.realpathSync('file://../examples/index.html');
+  await page.goto('file://' + path, {waitUntil: 'domcontentloaded'});
+});
+
+describe('MainImageModule', () => {
+  test('reports key, value, valid', async () => {
+    await page.evaluate(() => {
+      editor = new PL.Editor({
+        textarea: $('.ple-textarea')[0],
+        mainImageUrl: 'examples/example.gif'
+      });
+      _module = new PL.MainImageModule(editor, {});
+    });
+
+    expect(await page.evaluateHandle(() => _module)).toBeDefined();
+    expect(await page.evaluate(() => _module.value())).not.toBe(false);
+    expect(await page.evaluate(() => _module.value())).toBeDefined();
+    expect(await page.evaluate(() => _module.key)).toBe('main_image_url');
+
+    expect(await page.evaluate(() => _module.options.name)).toBe('main_image');
+    expect(await page.evaluate(() => _module.options.required)).toBe(false);
+
+    expect(await page.evaluate(() => _module.valid())).toBe(true);
+
+    expect(await page.evaluate(() => _module.value('/image/url.jpg', 34))).toBe('/image/url.jpg');
+    expect(await page.evaluate(() => editor.data.has_main_image)).toBe(true);
+    expect(await page.evaluate(() => editor.data.image_revision)).toBe('/image/url.jpg');
+    expect(await page.evaluate(() => _module.image.src)).toBe('file:///image/url.jpg');
+    expect(await page.evaluate(() => _module.options.url)).toBe('/image/url.jpg');
+  });
+
+  test('makes upload request', async () => {
+    await page.evaluate(() => {
+      const mainImageUrl = 'http://example.com/image.jpg';
+      const nid = 3;
+      const uid = 4;
+
+      editor = new PL.Editor({
+        textarea: $('.ple-textarea')[0],
+        mainImageModule: {
+          nid: nid,
+          uid: uid,
+          uploadUrl: '/img' // overriding default '/images'
+        }
+      });
+      _module = editor.mainImageModule;
+    });
+
+    // neither jasmine nor jest has a toBeHidden() matcher, unless this is custom which I couldn't find
+    // expect(await page.evaluate(() => module.el.find('.progress-bar'))).toBeHidden();
+
+    const spy = jest.fn().mockImplementation(async (options) => {
+      await page.evaluate(() => {
+        if (options.url === '/img') {
+          const d = $.Deferred();
+          d.resolve(options);
+          d.reject(options);
+          return d.promise();
+        }
+      });
+
+      function fileuploadsend(e, data) {
+        expect(data.url).toBe('/img');
+        expect(data.formData.nid).toBe(nid);
+        expect(data.formData.uid).toBe(uid);
+        expect(_module.el.find('.progress-bar')).not.toBeHidden();
+      }
+
+      await page.evaluate(() => {
+        _module.el.find('input').bind('fileuploadsend', fileuploadsend);
+      });
+
+      function fileuploaddone(e, data) {
+        expect(data).not.toBeUndefined();
+      }
+
+      await page.evaluate(() => {
+        _module.el.find('input').bind('fileuploaddone', fileuploaddone);
+      });
+
+      await page.evaluate(() => {
+        module.el.find('input').fileupload('add', {
+          files: [
+            new Blob(["fakedata"])
+          ]
+        });
+      });
+    });
+  });
+
+  test('remove image', async () => {
+    await page.evaluate(() => {
+      editor = new PL.Editor({
+        textarea: $('.ple-textarea')[0],
+        mainImageUrl: 'examples/example.gif'
+      });
+      _module = new PL.MainImageModule(editor, {});
+    });
+
+    expect(await page.evaluate(() => _module.value('/image/url.jpg', 34))).toBe('/image/url.jpg');
+    await page.evaluate(() => $('#removeFile').click());
+    expect(await page.evaluate(() => editor.data.has_main_image)).toBe(false);
+    expect(await page.evaluate(() => editor.data.image_revision)).toBe('');
+    expect(await page.evaluate(() => _module.options.url)).toBe('');
+  });
+}, timeout);