Merge branch 'publiclab:main' into main

Author: RaviAnand111

package.json

@@ -40,7 +40,7 @@
     "crossvent": "1.5.5",
     "domador": "2.4.4",
     "font-awesome": "~4.7.0",
-    "grow-textarea": "git://github.com/jywarren/grow.git#d54141c9456343f14cc6c935faa0915af09eb669",
+    "grow-textarea": "https://github.com/jywarren/grow.git#d54141c9456343f14cc6c935faa0915af09eb669",
     "http-server": "^0.12.3",
     "jquery": "^3.6.0",
     "leaflet": "^1.6.0",
@@ -50,7 +50,7 @@
     "popper.js": "1.16.1",
     "resig-class": "~1.0.0",
     "typeahead.js-browserify": "~1.0.7",
-    "woofmark": "git://github.com/jywarren/woofmark.git#plots2",
+    "woofmark": "https://github.com/jywarren/woofmark.git#plots2",
     "xhr": "~2.5.0"
   },
   "devDependencies": {

spec/javascripts/formatter_spec.js

@@ -67,7 +67,12 @@ module.exports = function CustomInsert(_module, wysiwyg) {
     }
   });
   const builder = require("./PublicLab.CustomInsert.Template.js");
-  $('.wk-commands').append('<a class="woofmark-command-insert btn btn-outline-secondary" data-toggle="Insert" title="Custom Insert"><i class="fa fa-tags"></i></a>');
+  $('.wk-commands').append('<button class="woofmark-command-insert btn btn-outline-secondary" data-toggle="insert" title="Custom Insert"><i class="fa fa-tags"></i></button>');
+
+  $(document).ready(function() {
+    $('[data-toggle="insert"]').tooltip();
+  });
+
   var Option1 = "Notes";
   var Option2 = "List";
   $('.woofmark-command-insert').attr('data-content', builder);

src/modules/PublicLab.CustomInsert.js

@@ -0,0 +1,59 @@
+const timeout = process.env.SLOWMO ? 60000 : 10000;
+const fs = require('fs');
+let editor;
+
+beforeAll(async () => {
+  path = fs.realpathSync('file://../examples/index.html');
+  // scriptPath = fs.realpathSync('file://../node_modules/jquery/dist/jquery.min.js');
+  // await page.addScriptTag({path: scriptPath});
+  await page.goto('file://' + path, {waitUntil: 'domcontentloaded'});
+  await page.evaluate(() => {
+    editor = new PL.Editor({
+      textarea: document.querySelector('.ple-textarea')
+    });
+  });
+});
+
+describe('Errors', () => {
+  test('Editor exists and has a textarea', async () => {
+    expect( await page.evaluate(() => document.querySelector('.ple-textarea')) ).toBeDefined();
+    expect( await page.evaluateHandle(() => editor) ).toBeDefined();
+    expect( await page.evaluateHandle(() => editor.options.textarea) ).toBeDefined();
+    expect( await page.evaluateHandle(() => editor.options.textarea.innerHTML) ).toEqual(await page.evaluateHandle(() => document.querySelector('.ple-textarea').innerHTML));
+  });
+
+  test('counts valid modules and enables publish button', async () => {
+    expect( await page.evaluate(() => editor.titleModule.el.find('input')[0].value) ).toBe("");
+    expect( await page.evaluate(() => editor.titleModule.valid()) ).toBe(false);
+
+    expect( await page.evaluate(() => editor.validate()) ).toBe(false);
+
+    await page.evaluate(() => editor.richTextModule.wysiwyg.setMode('markdown')); // set editor mode to markdown
+    await page.evaluate(() => editor.richTextModule.value("")); // empty editor content on
+    expect( await page.evaluate(() => editor.richTextModule.valid()) ).toBe(false);
+
+    await page.evaluate(() => editor.titleModule.value("My Title")); // set sample title
+    await page.evaluate(() => editor.richTextModule.value("My Content")); // set sample content
+    expect( await page.evaluate(() => editor.validate()) ).toBe(true);
+  });
+
+  test('Sends AJAX request on editor.publish()', async () => {
+    await page.evaluate(() => editor.options.destination = '/post');
+    const spy = jest.fn().mockImplementation(async (options) => {
+      await page.evaluate(() => {
+        if (options === editor.options.destination) {
+          const d = $.Deferred();
+          d.resolve(options);
+          d.reject(options);
+          return d.promise();
+        }
+      });
+
+      function onPublish(response) {
+        expect(response).toBeDefined();
+      }
+
+      editor.publish(onPublish);
+    });
+  });
+});

test/ui-testing/editor.test.js

@@ -0,0 +1,21 @@
+const timeout = process.env.SLOWMO ? 60000 : 10000;
+const fs = require('fs');
+let formatted;
+beforeAll(async () => {
+  path = fs.realpathSync('file://../examples/index.html');
+  await page.goto('file://' + path, {waitUntil: 'domcontentloaded'});
+  await page.evaluate(() => {
+    formatted = new PL.Formatter().convert({
+      title: 'My title',
+      body: 'My body'
+    }, 'publiclab');
+  });
+});
+
+describe('Formatter', () => {
+  test('converts basic post data into a given format', async () => {
+    expect(await page.evaluate(() => formatted)).toBeDefined();
+    expect(await page.evaluate(() => formatted.title)).toBeDefined();
+    expect(await page.evaluate(() => formatted.body)).toBeDefined();
+  });
+}, timeout);