punkweb-bb 0.2.2__py3-none-any.whl → 0.3.0__py3-none-any.whl

punkweb_bb/static/punkweb_bb/vendor/tiny-markdown-editor/jest/setup.test.js

@@ -0,0 +1,164 @@
+
+test('sets up correctly when passed an ID', async () => {
+  const newPage = await browser.newPage();
+  await newPage.goto(PATH, { waitUntil: 'load'});
+
+  await newPage.evaluate(() => {
+    const tinyMDE = new TinyMDE.Editor({element: 'tinymde'});
+  })
+  expect(await newPage.$eval('#tinymde > :first-child', el => el.className)).toBe('TinyMDE');
+  newPage.close();
+});
+
+test('sets up correctly when passed an element', async () => {
+  const newPage = await browser.newPage();
+  await newPage.goto(PATH, { waitUntil: 'load'});
+
+  await newPage.evaluate(() => {
+    const tinyMDE = new TinyMDE.Editor({element: document.getElementById('tinymde')});
+  })
+  expect(await newPage.$eval('#tinymde > :first-child', el => el.className)).toBe('TinyMDE');
+  newPage.close();
+});
+
+test('sets up correctly when passed a textarea ID as element', async () => {
+  const newPage = await browser.newPage();
+  await newPage.goto(PATH, { waitUntil: 'load'});
+  await newPage.$eval('#tinymde', el => el.innerHTML = '<textarea id="txt"></textarea>');
+  await newPage.evaluate(() => {
+    const tinyMDE = new TinyMDE.Editor({element: document.getElementById('txt')});
+  })
+  expect(await newPage.$eval('#tinymde > :last-child', el => el.className)).toBe('TinyMDE');
+  expect(await newPage.$eval('#tinymde > :first-child', el => el.tagName)).toBe('TEXTAREA');
+  expect(await newPage.$eval('#txt', el => el.style.display)).toBe('none');
+  newPage.close();
+});
+
+test('sets up correctly when passed an element AND a textarea', async () => {
+  const newPage = await browser.newPage();
+  await newPage.goto(PATH, { waitUntil: 'load'});
+  await newPage.$eval('#tinymde', el => el.innerHTML = '<textarea id="txt"></textarea>');
+
+  await newPage.evaluate(() => {
+    const tinyMDE = new TinyMDE.Editor({element: 'tinymde', textarea: 'txt'});
+  })
+  expect(await newPage.$eval('#tinymde > :last-child', el => el.className)).toBe('TinyMDE');
+  expect(await newPage.$eval('#txt', el => el.style.display)).toBe('none');
+
+  newPage.close();
+});
+
+
+test('Content can be passed to constructor', async () => {
+  const newPage = await browser.newPage();
+  await newPage.goto(PATH, { waitUntil: 'load'});
+
+  const content = '# XXXA\nXXXB *XXXC*';
+
+  const tinymdeContent = await newPage.evaluate((content) => {
+    const tinyMDE = new TinyMDE.Editor({element: 'tinymde', content: content});
+    return tinyMDE.getContent();
+  }, content);
+
+  expect(tinymdeContent).toEqual(content);
+  newPage.close();
+});
+
+test('Content can be passed from textarea', async () => {
+  const newPage = await browser.newPage();
+  await newPage.goto(PATH, { waitUntil: 'load'});
+
+  const content = '# XXXA';
+
+  const tinymdeContent = await newPage.evaluate((content) => {
+    const textarea = document.createElement('textarea');
+    textarea.value = content;
+    document.body.appendChild(textarea);
+    const tinyMDE = new TinyMDE.Editor({element: 'tinymde', textarea: textarea});
+    return tinyMDE.getContent();
+  }, content);
+
+   expect(tinymdeContent).toEqual(content);
+   newPage.close();
+});
+
+test('Content passed in constructor has precedence over textarea content', async () => {
+  const newPage = await browser.newPage();
+  await newPage.goto(PATH, { waitUntil: 'load'});
+
+  const textareaContent = '# XXXA';
+  const constructorContent = '# XXXB';
+
+  const tinymdeContent = await newPage.evaluate((textareaContent, constructorContent) => {
+    const textarea = document.createElement('textarea');
+    textarea.value = textareaContent;
+    document.body.appendChild(textarea);
+    const tinyMDE = new TinyMDE.Editor({element: 'tinymde', textarea: textarea, content: constructorContent});
+    return tinyMDE.getContent();
+  }, textareaContent, constructorContent)
+
+  expect(tinymdeContent).toEqual(constructorContent);
+  newPage.close();
+});
+
+
+test('Content can be set using setContent()', async () => {
+  const newPage = await browser.newPage();
+  await newPage.goto(PATH, { waitUntil: 'load'});
+
+  const content = '# XXXA\nXXXB *XXXC*';
+
+  const tinymdeContent = await newPage.evaluate((content) => {
+    const tinyMDE = new TinyMDE.Editor({element: 'tinymde'});
+    tinyMDE.setContent(content);  
+    return tinyMDE.getContent();
+  }, content);
+
+  expect(tinymdeContent).toEqual(content);
+
+  newPage.close();
+});
+
+test('Linked textarea updated on setContent()', async () => {
+  const newPage = await browser.newPage();
+  await newPage.goto(PATH, { waitUntil: 'load'});
+
+  const content = '# XXXA\nXXXB *XXXC*';
+
+  const {tinymdeContent, textareaContent} = await newPage.evaluate((content) => {
+    const textarea = document.createElement('textarea');
+    document.body.appendChild(textarea);
+    const tinyMDE = new TinyMDE.Editor({element: 'tinymde', textarea: textarea});
+    tinyMDE.setContent(content);
+
+    return {
+      tinymdeContent: tinyMDE.getContent(),
+      textareaContent: textarea.value
+    }
+  }, content);
+
+  expect(tinymdeContent).toEqual(content);
+  expect(textareaContent).toEqual(content);
+
+  newPage.close();
+})
+
+test('Change event listeners called on setContent()', async () => {
+  const newPage = await browser.newPage();
+  await newPage.goto(PATH, { waitUntil: 'load'});
+
+  const content = '# XXXA\nXXXB *XXXC*';
+
+  const promise = newPage.evaluate((content) => {
+    return new Promise((resolve, reject) => {
+      const tinyMDE = new TinyMDE.Editor({element: 'tinymde'});
+      // If handler is called, resolve the promise
+      tinyMDE.addEventListener('change', () => resolve());
+      tinyMDE.setContent(content);
+      // If handler hasn't been called, reject the promise
+      reject();
+    });
+  }, content);
+
+  return expect(promise).resolves.not.toThrow();
+});

punkweb_bb/static/punkweb_bb/vendor/tiny-markdown-editor/jest/util/config.js

@@ -0,0 +1,2 @@
+const PORT = 8880;
+exports.PORT = PORT;

punkweb_bb/static/punkweb_bb/vendor/tiny-markdown-editor/jest/util/server.js

@@ -0,0 +1,9 @@
+const express = require('express');
+const path = require('path');
+const { PORT } = require("./config");
+
+const app = express();
+app.use('/', express.static(path.resolve(__dirname, '..', '..', 'dist')));
+app.listen(PORT, () => {
+  console.log(`Serving TinyMDE files at http://localhost:${PORT}/`);
+});

punkweb_bb/static/punkweb_bb/vendor/tiny-markdown-editor/jest/util/setup.js

@@ -0,0 +1 @@
+jest.setTimeout(30000);

punkweb_bb/static/punkweb_bb/vendor/tiny-markdown-editor/jest/util/test-helpers.js

@@ -0,0 +1,98 @@
+const { PORT } = require('./config');
+
+
+global.PATH = `http://localhost:${PORT}/blank.html`;
+
+global.initTinyMDE = async (content) => {
+
+  // document.body.innerHTML = '<div id="container"></div>';
+  const newPage = await browser.newPage();
+  await newPage.goto(global.PATH, { waitUntil: 'load'});
+  content = content.replace(/(['"\\])/g, '\\$1').replace(/\n/g, '\\n').replace(/\r/g, '\\r').replace(/\t/g, '\\t');
+  await newPage.evaluate(`
+    tinyMDE = new TinyMDE.Editor({element: 'tinymde', content: '${content}'});
+  `); 
+  return {
+    // editorInstance: () => tinyMDE,
+    // editorElement: () => document.getElementById('container').firstChild,
+    lineType: async (lineNum) => newPage.$eval(`#tinymde > :first-child > :nth-child(${lineNum + 1})`, el => el.className),
+    lineHTML: async (lineNum) => newPage.$eval(`#tinymde > :first-child > :nth-child(${lineNum + 1})`, el => el.innerHTML),
+    numLines: async () => newPage.$eval(`#tinymde > :first-child`, el => el.childNodes.length),
+    
+    content: async () => newPage.evaluate(() => tinyMDE.getContent()),
+    destroy: async () => newPage.close() 
+  }
+}
+
+global.classTagRegExp = (content, className, tagName = 'span') => {
+  let match = content
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/([\\[\](){}.*+?|$^])/g, '\\$1');
+  return new RegExp(`<${tagName}[^>]*class\\s*=\\s*["']?[^"'>]*${className}[^>]*>${match}<\\/${tagName}>`);
+};
+
+
+/**
+ * Creates a selection
+ * @param {Page} thePage 
+ * @param {*} fromLine zero-based line number
+ * @param {*} fromColumn zero-based column number. If greater than number of characters in the line, selection will end at end of line.
+ * @param {*} toLine zero-based line number. If null, set to equal fromLine.
+ * @param {*} toColumn zero-based column number. If null, set to equal toLine.
+ */
+global.select = async (thePage, fromLine, fromColumn, toLine = null, toColumn = null) => {
+
+  // TODO Continue here
+
+  await thePage.$eval('.TinyMDE', (el, fromLine, fromColumn, toLine, toColumn) => {
+    const computeNodeAndOffset = (el, row, col) => {
+
+      if (row < 0 || row >= el.childNodes.length || col < 0) return null;
+
+      let parentNode = el.childNodes[row];
+      let node = parentNode.firstChild;
+      let childrenComplete = false;
+
+      while (node != parentNode) {
+        if (!childrenComplete && node.nodeType === Node.TEXT_NODE) {
+          if (node.nodeValue.length >= col) {
+            return({node: node, offset: col});
+          } else {
+            col -= node.nodeValue.length;
+          }
+        } 
+        if (!childrenComplete && node.firstChild) {
+          node = node.firstChild;
+        } else if (node.nextSibling) {
+          childrenComplete = false;
+          node = node.nextSibling;
+        } else {
+          childrenComplete = true;
+          node = node.parentNode;
+        }
+      }
+
+      return null;
+    }
+
+    let range = document.createRange();
+
+    const from = computeNodeAndOffset(el, fromLine, fromColumn);
+    if (!from) return;
+
+    let to;
+    if (toLine === null && toColumn === null) to = from;
+    else to = computeNodeAndOffset(el, toLine === null ? fromLine : toLine, toColumn === null ? fromColumn : toColumn);
+    if (!to) return;
+
+    range.setStart(from.node, from.offset);
+    range.setEnd(to.node, to.offset);
+
+    const windowSelection = window.getSelection();
+    windowSelection.removeAllRanges();
+    windowSelection.addRange(range);
+
+  }, fromLine, fromColumn, toLine, toColumn);
+}

punkweb_bb/static/punkweb_bb/vendor/tiny-markdown-editor/jest-puppeteer.config.js

@@ -0,0 +1,8 @@
+const { PORT } = require('./jest/util/config');
+
+module.exports = {
+  server: {
+    command: 'node jest/util/server.js',
+    port: PORT
+  }
+}

punkweb_bb/static/punkweb_bb/vendor/tiny-markdown-editor/jest.config.js

@@ -0,0 +1,13 @@
+const { PORT } = require('./jest/util/config');
+
+module.exports = {
+  preset: "jest-puppeteer",
+  globals: {
+  },
+  setupFiles: [
+    "./jest/util/test-helpers.js"
+  ],
+  setupFilesAfterEnv: [
+    "./jest/util//setup.js"
+  ]
+}