test: add more children tests

cycleccc · Aug 16, 2024 · b6628d5 · b6628d5
1 parent 0227cb7
commit b6628d5
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 16 deletions.
diff --git a/packages/basic-modules/__tests__/header/parse-html.test.ts b/packages/basic-modules/__tests__/header/parse-html.test.ts
@@ -13,31 +13,37 @@ describe('header - parse html', () => {
   it('with children', () => {
     const $h1 = $(`<h1></h1>`)
     const children = [{ text: 'hello ' }, { text: 'world', bold: true }]
-    const image = [{ type: 'image', children: [{ text: '' }] }]
     // match selector
     expect($h1[0].matches(parseHeader1HtmlConf.selector)).toBeTruthy()
 
     // parse html
-    let res = parseHeader1HtmlConf.parseElemHtml($h1[0], children, editor)
+    const res = parseHeader1HtmlConf.parseElemHtml($h1[0], children, editor)
     expect(res).toEqual({
       type: `header1`,
       children: [{ text: 'hello ' }, { text: 'world', bold: true }],
     })
-    res = parseHeader1HtmlConf.parseElemHtml($h1[0], image, editor)
-    expect(res).toEqual({
-      type: `header1`,
-      children: [{ type: 'image', children: [{ text: '' }] }],
-    })
   })
 
   it('without children', () => {
     const $h1 = $(`<h1>hello world</h1>`)
+    const image = [{ type: 'image', children: [{ text: '' }] }]
+    const table = [{ type: 'table-cell', children: [{ text: 'hello world' }] }]
 
     // match selector
     expect($h1[0].matches(parseHeader1HtmlConf.selector)).toBeTruthy()
 
     // parse html
-    const res = parseHeader1HtmlConf.parseElemHtml($h1[0], [], editor)
+    let res = parseHeader1HtmlConf.parseElemHtml($h1[0], [], editor)
+    expect(res).toEqual({
+      type: `header1`,
+      children: [{ text: 'hello world' }],
+    })
+    res = parseHeader1HtmlConf.parseElemHtml($h1[0], image, editor)
+    expect(res).toEqual({
+      type: `header1`,
+      children: [{ type: 'image', children: [{ text: '' }] }],
+    })
+    res = parseHeader1HtmlConf.parseElemHtml($h1[0], table, editor)
     expect(res).toEqual({
       type: `header1`,
       children: [{ text: 'hello world' }],

diff --git a/packages/basic-modules/__tests__/paragraph/parse-html.test.ts b/packages/basic-modules/__tests__/paragraph/parse-html.test.ts
@@ -12,12 +12,24 @@ describe('paragraph - parse html', () => {
 
   it('without children', () => {
     const $elem = $('<p>hello&nbsp;world</p>')
+    const image = [{ type: 'image', children: [{ text: '' }] }]
+    const table = [{ type: 'table-cell', children: [{ text: 'hello world' }] }]
 
     // match selector
     expect($elem[0].matches(parseParagraphHtmlConf.selector)).toBeTruthy()
 
     // parse
-    const res = parseParagraphHtmlConf.parseElemHtml($elem[0], [], editor)
+    let res = parseParagraphHtmlConf.parseElemHtml($elem[0], [], editor)
+    expect(res).toEqual({
+      type: 'paragraph',
+      children: [{ text: 'hello world' }],
+    })
+    res = parseParagraphHtmlConf.parseElemHtml($elem[0], image, editor)
+    expect(res).toEqual({
+      type: 'paragraph',
+      children: [{ type: 'image', children: [{ text: '' }] }],
+    })
+    res = parseParagraphHtmlConf.parseElemHtml($elem[0], table, editor)
     expect(res).toEqual({
       type: 'paragraph',
       children: [{ text: 'hello world' }],
@@ -27,18 +39,12 @@ describe('paragraph - parse html', () => {
   it('with children', () => {
     const $elem = $('<p></p>')
     const children = [{ text: 'hello ' }, { text: 'world', bold: true }]
-    const image = [{ type: 'image', children: [{ text: '' }] }]
 
     // parse
-    let res = parseParagraphHtmlConf.parseElemHtml($elem[0], children, editor)
+    const res = parseParagraphHtmlConf.parseElemHtml($elem[0], children, editor)
     expect(res).toEqual({
       type: 'paragraph',
       children: [{ text: 'hello ' }, { text: 'world', bold: true }],
     })
-    res = parseParagraphHtmlConf.parseElemHtml($elem[0], image, editor)
-    expect(res).toEqual({
-      type: 'paragraph',
-      children: [{ type: 'image', children: [{ text: '' }] }],
-    })
   })
 })
diff --git a/packages/basic-modules/__tests__/todo/parse-html.test.ts b/packages/basic-modules/__tests__/todo/parse-html.test.ts
@@ -29,6 +29,7 @@ describe('todo - parse html', () => {
     const $todo = $('<div data-w-e-type="todo"><input type="checkbox" disabled></div>')
     const children = [{ text: 'hello ' }, { text: 'world', bold: true }]
     const image = [{ type: 'image', children: [{ text: '' }] }]
+    const table = [{ type: 'table-cell', children: [{ text: 'hello world' }] }]
 
     // match selector
     expect($todo[0].matches(parseHtmlConf.selector)).toBeTruthy()
@@ -46,5 +47,11 @@ describe('todo - parse html', () => {
       checked: false,
       children: [{ type: 'image', children: [{ text: '' }] }],
     })
+    res = parseHtmlConf.parseElemHtml($todo[0], table, editor)
+    expect(res).toEqual({
+      type: 'todo',
+      checked: false,
+      children: [{ text: '' }],
+    })
   })
 })