@cherry-markdown/cherry-markdown-dev 0.8.58-dev

package/test/core/CommonMark.spec.ts

@@ -0,0 +1,62 @@
+import { diff } from 'jest-diff';
+import CherryEngine from '../../src/index.engine.core';
+import suites from '../suites/commonmark.spec.json';
+
+const cherryEngine = new CherryEngine({
+  engine: {
+    global: {
+      classicBr: false
+    },
+    syntax: {
+      header: {
+        anchorStyle: 'none',
+      },
+    }
+  }
+});
+
+const cleanHTML = (raw) => {
+  // 处理换行回车
+  let html = raw.replace(/\s*<br>\s*/gm, '\n');
+  html = html.replace(/\s*<br \/>\s*/gm, '\n');
+  html = html.replace(/(?<=>)\n(?=<)/gm, '');
+  // 清理属性
+  html = html.replace(/(?<=<)([^\/\s>]+)[^<]*?(?=>)/gm, (match, tag) => tag);
+  // 清理首尾的多余空格
+  html = html.trim();
+  return html;
+}
+
+const formatOutput = (message, input, standard, result) => {
+  return `
+    ${message}
+    input: ${input}
+    standard: ${standard}
+    cherry: ${result}
+    standard(cleaned): ${cleanHTML(standard)}
+    cherry(cleaned): ${cleanHTML(result)}
+  `
+}
+
+expect.extend({
+  matchHTML(result, standard, input) {
+    const resultHTML = cleanHTML(result);
+    const standandHTML = cleanHTML(standard)
+    const pass = standandHTML === resultHTML;
+    const message = diff(standandHTML, resultHTML);
+    return {
+      pass,
+      message: () => formatOutput(message, input, standard, result),
+    };
+  },
+});
+
+describe('engine', () => {
+  suites.forEach((item, index) => {
+    test(`commonmark-${item.example}`, () => {
+    // @ts-ignore
+      expect(cherryEngine.makeHtml(item.markdown)).matchHTML(item.html, item.markdown);
+    });
+  });
+});
+ 

package/test/core/hooks/AutoLink.spec.ts

@@ -0,0 +1,28 @@
+import AutoLink from '../../../src/core/hooks/AutoLink';
+
+const autoLinkHook = new AutoLink({ config: {}, globalConfig: {}});
+
+describe('core/hooks/autolink', () => {
+  it('isLinkInHtmlAttribute', () => {
+    const cases = [
+      {
+        str: '<a href="https://cherry.editor.com">link in attribute</a>',
+        index: 9,
+        length: 25,
+      },
+      {
+        str: "<a href='https://cherry.editor.com'>link in attribute</a>",
+        index: 9,
+        length: 25,
+      },
+      {
+        str: '<a href=https://cherry.editor.com>link in attribute</a>',
+        index: 8,
+        length: 25,
+      },
+    ];
+    cases.forEach((item) => {
+      expect(autoLinkHook.isLinkInHtmlAttribute(item.str, item.index, item.length)).toBe(true);
+    });
+  });
+});

package/test/core/hooks/List.spec.ts

@@ -0,0 +1,79 @@
+import List from '../../../src/core/hooks/List';
+import md5 from 'md5';
+
+const cases = []
+cases[0] = `
+- 1
+- 2
+  - 2.1
+  - 2.2
+- 3
+  + 3.1
+- 4
+  * 4.2
+`;
+
+cases[1] = `
+- 1
+  - 2
+       - 2.1
+    - 2.2
+ - 3
+          + 3.1
+ - 4
+* 4.2
+`;
+
+cases[2] = `
+- 1
+1. test
+
+- 1.1
+   - 1.1.2
+       - blank
+  - 1.2
+ - 2
+          + blank
+      - 2.1
+	* 2.2
+ 1. test
+   2. 2
+`;
+
+cases[3] = `
+1. test
+	2. test
+1. test
+   一. test
+   1. test
+   
+   
+   a. test
+- test
+`;
+
+cases[4] = `
+- [ ] checklist 1
+- test
+  - [x] checklist 2
+ - [ ] checklist 3
+ - test
+      - [ ] checklist 4
+`;
+
+const listHook = new List({ config: {
+  indentSpace: 2,
+}});
+
+Object.defineProperty(listHook, '$engine', {
+  value: { md5 },
+});
+
+describe('core/hooks/list', () => {
+  it('list hook', () => {
+    cases.forEach((item) => {
+      listHook.makeHtml(item, (text) => ({ html: text }));
+      expect(listHook.cache[listHook.sign].content).toMatchSnapshot();
+    });
+  });
+});

package/test/core/hooks/__snapshots__/List.spec.ts.snap

@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`core/hooks/list list hook 1`] = `"<ul data-lines=\\"8\\" data-sign=\\"2052aa9811ccbbdfcace4f3e56d89249\\" class=\\"cherry-list__default\\"><li><p>1</p></li><li><p>2</p><ul class=\\"cherry-list__default\\"><li><p>2.1</p></li><li><p>2.2</p></li></ul></li><li><p>3</p><ul class=\\"cherry-list__circle\\"><li><p>3.1</p></li></ul></li><li><p>4</p><ul class=\\"cherry-list__square\\"><li><p>4.2</p></li></ul></li></ul>"`;
+
+exports[`core/hooks/list list hook 2`] = `"<ul data-lines=\\"8\\" data-sign=\\"362f490aeca95ab73384e1e30a576e1a\\" class=\\"cherry-list__default\\"><li><p>1</p><ul class=\\"cherry-list__default\\"><li><p>2</p><ul class=\\"cherry-list__default\\"><li><p>2.1</p></li><li><p>2.2</p></li></ul></li></ul></li><li><p>3<br>3.1</p></li><li><p>4</p></li><li><p>4.2</p></li></ul>"`;
+
+exports[`core/hooks/list list hook 3`] = `"<ul data-lines=\\"1\\" data-sign=\\"95b9a2e3d59355afad427cda2937e115\\" class=\\"cherry-list__default\\"><li><p>1</p></li></ul><ol data-lines=\\"2\\" data-sign=\\"95b9a2e3d59355afad427cda2937e115\\" start=\\"1\\" class=\\"cherry-list__default\\"><li><p>test<br></p></li></ol><ul data-lines=\\"8\\" data-sign=\\"95b9a2e3d59355afad427cda2937e115\\" class=\\"cherry-list__default\\"><li><p>1.1</p><ul class=\\"cherry-list__default\\"><li><p>1.1.2</p><ul class=\\"cherry-list__default\\"><li><p>blank</p></li></ul></li><li><p>1.2</p></li></ul></li><li><p>2<br>blank</p><ul class=\\"cherry-list__default\\"><li><p>2.1</p></li><li><p>2.2</p></li></ul></li></ul><ol data-lines=\\"2\\" data-sign=\\"95b9a2e3d59355afad427cda2937e115\\" start=\\"1\\" class=\\"cherry-list__default\\"><li><p>test</p><ol start=\\"2\\" class=\\"cherry-list__default\\"><li><p>2</p></li></ol></li></ol>"`;
+
+exports[`core/hooks/list list hook 4`] = `"<ol data-lines=\\"8\\" data-sign=\\"739b7596b094aac47153f8bcbb07e2e3\\" start=\\"1\\" class=\\"cherry-list__default\\"><li><p>test</p><ol start=\\"2\\" class=\\"cherry-list__default\\"><li><p>test</p></li></ol></li><li><p>test</p><ol start=\\"1\\" class=\\"cherry-list__cjk-ideographic\\"><li><p>test</p></li><li><p>test<br><br></p></li><li><p>test</p></li></ol></li></ol><ul data-lines=\\"1\\" data-sign=\\"739b7596b094aac47153f8bcbb07e2e3\\" class=\\"cherry-list__default\\"><li><p>test</p></li></ul>"`;
+
+exports[`core/hooks/list list hook 5`] = `"<ul data-lines=\\"6\\" data-sign=\\"d1e2504747788dc560aedd3892b6705e\\" class=\\"cherry-list__default\\"><li class=\\"check-list-item\\"><p><span class=\\"ch-icon ch-icon-square\\"></span> checklist 1</p></li><li><p>test</p><ul class=\\"cherry-list__default\\"><li class=\\"check-list-item\\"><p><span class=\\"ch-icon ch-icon-check\\"></span> checklist 2</p></li></ul></li><li class=\\"check-list-item\\"><p><span class=\\"ch-icon ch-icon-square\\"></span> checklist 3</p></li><li><p>test</p><ul class=\\"cherry-list__default\\"><li class=\\"check-list-item\\"><p><span class=\\"ch-icon ch-icon-square\\"></span> checklist 4</p></li></ul></li></ul>"`;