• Index
• Search by APIs
• Search by Words
• Project Search

• Java
• Python
• JavaScript
• TypeScript
• C++
• Scala
• Blog

• remind-master
  • .github
    • workflows
      • main.yml
  • .husky
    • pre-commit
    • .gitignore
  • .prettierrc
  • LICENSE
  • .npmrc
  • pnpm-workspace.yaml
  • xo.config.cjs
  • packages
    • contributions
      • src
        • useUpdateTopic.ts
        • useDndTopic.ts
        • index.ts
        • useNavigate.ts
        • useHistory.ts
        • index.d.ts
        • utils.ts
        • useSelection.ts
        • useToolbar.ts
      • vite.config.ts
      • CHANGELOG.md
      • package.json
      • tsconfig.node.json
      • tsconfig.json
    • example
      • src
        • data.ts
        • main.ts
      • vite.config.ts
      • CHANGELOG.md
      • package.json
      • index.html
      • tsconfig.node.json
      • tsconfig.json
    • core
      • src
        • preact.d.ts
        • layout
          • index.ts
          • mindmap.ts
          • shared.ts
          • structure.ts
        • utils
          • is.ts
          • useTextEditor.tsx
          • link.tsx
          • textRender.ts
          • uuid.ts
          • to.ts
          • debug.ts
          • common.ts
          • useEventListener.ts
          • history.ts
          • tree.ts
          • assert.ts
        • contribute
          • index.ts
        • interface
          • layout.ts
          • viewModel.ts
          • theme.ts
          • topic.ts
          • textEditor.ts
          • intl.ts
          • contribute.ts
          • model.ts
        • createMindmap.tsx
        • index.ts
        • viewModel
          • index.ts
        • unstated
          • index.tsx
        • context
          • locale.ts
          • theme.ts
        • index.d.ts
        • view
          • Topic.tsx
          • Links.tsx
          • Mindmap.tsx
          • index.module.css
        • vite-env.d.ts
        • model
          • index.ts
        • constant.ts
      • vite.config.ts
      • test
        • useEventListener.test.ts
        • textRender.test.ts
        • history.test.ts
        • createMindmap.test.ts
        • layout.test.ts
        • model.test.ts
      • CHANGELOG.md
      • package.json
      • tsconfig.node.json
      • tsconfig.json
  • README.md
  • package.json
  • tsconfig.node.json
  • .changeset
    • config.json
    • README.md
  • tsconfig.json
  • .gitignore
  • .vscode
    • extensions.json

import type { RefObject } from 'preact'
import { test, expect, beforeEach, afterEach, fn } from 'vitest'
// @ts-expect-error import src file will throw error, see https://github.com/preactjs/preact/issues/2690
import { createMindmap, types, createTopic } from '../dist/remind-core.es'
import type { ContributionAPI } from '../src'

const root = {
  ...createTopic('Central Topic test'),
  children: [createTopic('main topic 1'), createTopic('main topic 2')],
}

let container: HTMLDivElement

beforeEach(() => {
  container = document.createElement('div')
  document.body.append(container)
})

afterEach(() => {
  container.remove()
})

test('should render mindmap', async () => {
  const editorInstance: RefObject<ContributionAPI> = createMindmap(container)
  expect(types.isMindmap(editorInstance.current?.view.current)).toBe(true)
})

test('should render value', async () => {
  const editorInstance: RefObject<ContributionAPI> = createMindmap(container, {
    value: root,
  })
  expect(editorInstance.current?.model.root).equal(root)
  expect(
    editorInstance.current?.view.current?.innerHTML.includes(root.title),
  ).toBeTruthy()
})

test('should onChange work', async () => {
  expect.hasAssertions()
  const onChange = fn(() => null)
  const editorInstance: RefObject<ContributionAPI> = createMindmap(container, {
    onChange,
  })
  editorInstance.current?.model.update((model) => {
    model.root.title = 'test'
  })
  await delay(1000)
  expect(onChange.mock.calls.length).toBe(1)
})

async function delay(ms: number) {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve(ms)
    }, ms)
  })
}