Рубрики
Без рубрики

Задействующая история для React-Router V3, V4 и React-Mar Redux

Пример пустого теста удваивается для истории реагирования-маршрутизатора, v3 & v4.

Автор оригинала: Dave Schinkel.

Недавно я обновил Реагистрационный маршрутизатор от V 3 к V4 Отказ Это означало обновление моей фальшивой подделки, который я создал для React-Router для моих изолированных модульных тестов, которые используют в истории браузера в памяти вместо одного на основе DOM.

Вот различия в результате:

React-Router V3

Fafts.js.

import { createMemoryHistory } from "react-router"
import { syncHistoryWithStore } from 'react-router-redux'

import initStore from '../../components/store'
require('./jsdom')

const store = initStore(),
  browserHistory = createMemoryHistory('/'),
  history = syncHistoryWithStore(browserHistory, store)
  
  export default { history }

React-Router V4

Примечание: V4 использует stringRouter вместо использования synchistorywithstore.

Fafts.js.

import { createMemoryHistory } from 'history'
require('./jsdom')

import initStore from '../client/store'

const store = initStore(),
  history = createMemoryHistory('/')

export default { history }

Применение

app.spec.js.

import { React, mount, expect } from './testImports'
import fakes from './fakes'

import App from '../../App'

describe('App', () => {

  it('we can render the app', () => {
    const app = mount().find(App)
    expect(app).to.exist
  })
})

Читайте ещё по теме: