moy-router/test/components/RouterLink.test.js

Give a solution for moy-dom router management.

import { Element } from 'moy-dom'
import RouterLink from 'src/components/RouterLink'

describe('test for RouterLink', () => {
  test('RouterLink jest.fn() {to: "/murakami", innerNode: "这是一个a链接"} should be an Element a', () => {
    expect(RouterLink(jest.fn(), {
      to: '/murakami',
      innerNode: '这是一个a链接',
    })).toEqual(Element.of(
      'a', {
        href: '/murakami',
        onclick: expect.any(Function),
      },
      '这是一个a链接',
    ))
  })

  test('RouterLink jest.fn() {to: {pathname: "/murakami"}, innerNode: "这是一个a链接"} should be an Element a', () => {
    expect(RouterLink(jest.fn(), {
      to: {
        pathname: '/murakami',
      },
      innerNode: '这是一个a链接',
    })).toEqual(Element.of(
      'a', {
        href: '/murakami',
        onclick: expect.any(Function),
      },
      '这是一个a链接',
    ))
  })

  test('RouterLink jest.fn() {to: "/murakami", innerNode: "这是一个a链接"} Element click event', () => {
    const push = jest.fn(), e = {
      preventDefault: jest.fn()
    }, Link = RouterLink(push, {
      to: '/murakami',
      innerNode: '这是一个a链接',
    })

    Link.props.onclick(e)

    expect(e.preventDefault).toHaveBeenCalled()
    expect(push).toHaveBeenCalled()
  })
})