test: add missing tests (#10)

Author: thedaviddias

package.json

@@ -57,7 +57,6 @@
     "jest-cli": "26.6.3",
     "json-stringify-safe": "5.0.1",
     "markdown-link-check": "3.8.7",
-    "nock": "13.0.11",
     "prettier": "2.3.0",
     "semantic-release": "17.4.3",
     "ts-jest": "26.5.6",

src/__tests__/utils/convert-blocks.test.ts

@@ -6,6 +6,9 @@ import {
   MockParagraphNull,
 } from '../../mockData/blocks.paragraph'
 import { MockHeadingOne, MockHeadingTwo, MockHeadingThree } from '../../mockData/blocks.headings'
+import { MockTodoUnchecked, MockTodoChecked } from '../../mockData/blocks.todo'
+import { MockToggle } from '../../mockData/blocks.toggle'
+import { MockChildPage } from '../../mockData/blocks.child-page'
 import { defaultAnnotations, defaultPluginConfigRes } from '../../mockData/defaults'
 
 describe('Convert blocks', () => {
@@ -107,5 +110,59 @@ describe('Convert blocks', () => {
 
       expect(fn).toBe('<h4><span class=gs-undefined>Heading three</span></h4>')
     })
+
+    it('should return an unchecked todo item', () => {
+      const todoItemUnchecked = [MockTodoUnchecked]
+
+      const fn = convertBlockToHTML(todoItemUnchecked, defaultPluginConfigRes)
+
+      expect(fn).toBe(
+        '<div class="gs-todo"><label for="657e68c6-1b09-478f-9912-c647e17077b8"><input type="checkbox" id="657e68c6-1b09-478f-9912-c647e17077b8"  /> <span class=gs-undefined>Lorem Ipsum Lorem Ipsum</span></label></div>'
+      )
+    })
+
+    it('should return a checked todo item', () => {
+      const todoItemChecked = [MockTodoChecked]
+
+      const fn = convertBlockToHTML(todoItemChecked, defaultPluginConfigRes)
+
+      expect(fn).toBe(
+        '<div class="gs-todo"><label for="657e68c6-1b09-478f-9912-c647e17077b8"><input type="checkbox" id="657e68c6-1b09-478f-9912-c647e17077b8" checked /> <span class=gs-undefined>Lorem Ipsum Lorem Ipsum</span></label></div>'
+      )
+    })
+
+    it('should return a toggle', () => {
+      const toggle = [MockToggle]
+
+      const fn = convertBlockToHTML(toggle, defaultPluginConfigRes)
+
+      expect(fn).toBe(
+        '<details class="gs-toggle"><summary><span class=gs-undefined>Lorem Ipsum Lorem Ipsum</span></summary>It\'s a toggle!</details>'
+      )
+    })
+
+    it('should return a child page', () => {
+      const childPage = [MockChildPage]
+
+      const fn = convertBlockToHTML(childPage, defaultPluginConfigRes)
+
+      expect(fn).toBe('<p class="gs-child-page">This is a child page</p>')
+    })
+
+    it('should return empty if block is not supported', () => {
+      const noSupported = []
+
+      const fn = convertBlockToHTML(noSupported, defaultPluginConfigRes)
+
+      expect(fn).toBe('')
+    })
+
+    it('should return a message if block is not supported', () => {
+      const noSupported = [{}]
+
+      const fn = convertBlockToHTML(noSupported, { get: () => 'unsupported' })
+
+      expect(fn).toBe('❌ Unsupported block (undefined)')
+    })
   })
 })

src/mockData/blocks.child-page.ts

@@ -0,0 +1,15 @@
+import { MockBlockBase, defaultAnnotations } from './defaults'
+import { BlockType } from '../types'
+
+const MockChildPageBase = {
+  ...MockBlockBase,
+  type: BlockType.CHILD_PAGE,
+}
+
+export const MockChildPage = {
+  ...MockChildPageBase,
+  [BlockType.CHILD_PAGE]: {
+    checked: false,
+    title: 'This is a child page',
+  },
+}

src/mockData/blocks.headings.ts

@@ -4,6 +4,7 @@
 //   HeadingTwoBlock,
 // } from '@notionhq/client/build/src/api-types'
 import { MockBlockBase, defaultAnnotations } from './defaults'
+import { BlockType } from '../types'
 
 const MockHeadingOneBase = {
   ...MockBlockBase,
@@ -22,7 +23,7 @@ const MockHeadingThreeBase = {
 
 export const MockHeadingOne = {
   ...MockHeadingOneBase,
-  heading_1: {
+  [BlockType.HEADING_1]: {
     text: [
       {
         type: 'text',
@@ -39,7 +40,7 @@ export const MockHeadingOne = {
 
 export const MockHeadingTwo = {
   ...MockHeadingTwoBase,
-  heading_2: {
+  [BlockType.HEADING_2]: {
     text: [
       {
         type: 'text',
@@ -56,7 +57,7 @@ export const MockHeadingTwo = {
 
 export const MockHeadingThree = {
   ...MockHeadingThreeBase,
-  heading_3: {
+  [BlockType.HEADING_3]: {
     text: [
       {
         type: 'text',

src/mockData/blocks.paragraph.ts

@@ -1,4 +1,5 @@
 import { MockBlockBase, defaultAnnotations } from './defaults'
+import { BlockType } from '../types'
 
 const MockParagraphBase = {
   ...MockBlockBase,
@@ -7,7 +8,7 @@ const MockParagraphBase = {
 
 export const MockParagraph = {
   ...MockParagraphBase,
-  paragraph: {
+  [BlockType.PARAGRAPH]: {
     text: [
       {
         type: 'text',
@@ -24,14 +25,14 @@ export const MockParagraph = {
 
 export const MockParagraphNull = {
   ...MockParagraphBase,
-  paragraph: {
+  [BlockType.PARAGRAPH]: {
     text: null,
   },
 }
 
 export const MockParagraphEmpty = {
   ...MockParagraphBase,
-  paragraph: {
+  [BlockType.PARAGRAPH]: {
     text: [
       {
         type: 'text',

src/mockData/blocks.todo.ts

@@ -0,0 +1,43 @@
+import { MockBlockBase, defaultAnnotations } from './defaults'
+import { BlockType } from '../types'
+
+const MockTodoBase = {
+  ...MockBlockBase,
+  type: BlockType.TO_DO,
+}
+
+export const MockTodoUnchecked = {
+  ...MockTodoBase,
+  [BlockType.TO_DO]: {
+    checked: false,
+    text: [
+      {
+        type: 'text',
+        text: {
+          content: 'Lorem Ipsum Lorem Ipsum',
+        },
+        annotations: [defaultAnnotations],
+        plain_text: 'Lorem Ipsum Lorem Ipsum',
+        href: null,
+      },
+    ],
+  },
+}
+
+export const MockTodoChecked = {
+  ...MockTodoBase,
+  [BlockType.TO_DO]: {
+    checked: true,
+    text: [
+      {
+        type: 'text',
+        text: {
+          content: 'Lorem Ipsum Lorem Ipsum',
+        },
+        annotations: [defaultAnnotations],
+        plain_text: 'Lorem Ipsum Lorem Ipsum',
+        href: null,
+      },
+    ],
+  },
+}

src/mockData/blocks.toggle.ts

@@ -0,0 +1,24 @@
+import { MockBlockBase, defaultAnnotations } from './defaults'
+import { BlockType } from '../types'
+
+const MockToggleBase = {
+  ...MockBlockBase,
+  type: BlockType.TOGGLE,
+}
+
+export const MockToggle = {
+  ...MockToggleBase,
+  [BlockType.TOGGLE]: {
+    text: [
+      {
+        type: 'text',
+        text: {
+          content: 'Lorem Ipsum Lorem Ipsum',
+        },
+        annotations: [defaultAnnotations],
+        plain_text: 'Lorem Ipsum Lorem Ipsum',
+        href: null,
+      },
+    ],
+  },
+}

src/mockData/defaults.ts

@@ -10,17 +10,17 @@ export const defaultAnnotations: Annotations = {
   underline: false,
 }
 
-export const defaultPluginConfigRes: ICreatePluginConfigRes = {
-  get: jest.fn(),
-}
-
 export const defaultPluginConfig: ICreatePluginConfig = {
   token: '123456',
   databaseId: '12345',
   debug: false,
   unsupported: false,
 }
 
+export const defaultPluginConfigRes: ICreatePluginConfigRes = {
+  get: (arg) => '',
+}
+
 export const MockBlockBase = {
   object: 'block',
   id: '657e68c6-1b09-478f-9912-c647e17077b8',

src/utils/convert-blocks.ts

@@ -61,7 +61,7 @@ export const convertBlockToHTML = (blocks, options: ICreatePluginConfigRes): str
         return `<li>${convertToHTML(value.text)}</li>`
       case BlockType.TO_DO:
         return `<div class="gs-todo"><label for="${id}"><input type="checkbox" id="${id}" ${
-          value.checked && 'checked'
+          value.checked ? 'checked' : ''
         } />${' '}${convertToHTML(value.text)}</label></div>`
       case BlockType.TOGGLE:
         return `<details class="gs-toggle"><summary>${convertToHTML(

yarn.lock

@@ -5455,11 +5455,6 @@ lodash.isstring@^4.0.1:
   resolved "https://registry.yarnpkg.com/lodash.isstring/-/lodash.isstring-4.0.1.tgz#d527dfb5456eca7cc9bb95d5daeaf88ba54a5451"
   integrity sha1-1SfftUVuynzJu5XV2ur4i6VKVFE=
 
-lodash.set@^4.3.2:
-  version "4.3.2"
-  resolved "https://registry.yarnpkg.com/lodash.set/-/lodash.set-4.3.2.tgz#d8757b1da807dde24816b0d6a84bea1a76230b23"
-  integrity sha1-2HV7HagH3eJIFrDWqEvqGnYjCyM=
-
 lodash.toarray@^4.4.0:
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/lodash.toarray/-/lodash.toarray-4.4.0.tgz#24c4bfcd6b2fba38bfd0594db1179d8e9b656561"
@@ -5858,16 +5853,6 @@ nice-try@^1.0.4:
   resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366"
   integrity sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==
 
-nock@13.0.11:
-  version "13.0.11"
-  resolved "https://registry.yarnpkg.com/nock/-/nock-13.0.11.tgz#ba733252e720897ca50033205c39db0c7470f331"
-  integrity sha512-sKZltNkkWblkqqPAsjYW0bm3s9DcHRPiMOyKO/PkfJ+ANHZ2+LA2PLe22r4lLrKgXaiSaDQwW3qGsJFtIpQIeQ==
-  dependencies:
-    debug "^4.1.0"
-    json-stringify-safe "^5.0.1"
-    lodash.set "^4.3.2"
-    propagate "^2.0.0"
-
 node-emoji@^1.10.0:
   version "1.10.0"
   resolved "https://registry.yarnpkg.com/node-emoji/-/node-emoji-1.10.0.tgz#8886abd25d9c7bb61802a658523d1f8d2a89b2da"
@@ -6638,11 +6623,6 @@ promzard@^0.3.0:
   dependencies:
     read "1"
 
-propagate@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/propagate/-/propagate-2.0.1.tgz#40cdedab18085c792334e64f0ac17256d38f9a45"
-  integrity sha512-vGrhOavPSTz4QVNuBNdcNXePNdNMaO1xj9yBeH1ScQPjk/rhg9sSlCXPhMkFuaNNW/syTvYqsnbIJxMBfRbbag==
-
 psl@^1.1.28, psl@^1.1.33:
   version "1.8.0"
   resolved "https://registry.yarnpkg.com/psl/-/psl-1.8.0.tgz#9326f8bcfb013adcc005fdff056acce020e51c24"