mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
9c4eefcdbf
* Add prettier for examples directory * Fix files * Fix linting * Add prettier script in case it has to be ran again
36 lines
1.1 KiB
JavaScript
36 lines
1.1 KiB
JavaScript
/* eslint-env jest */
|
||
|
||
/*
|
||
* Testing pages with @provide decorator:
|
||
*
|
||
* Snapshots – as usual
|
||
*
|
||
* Shallow rendering – need to `.dive()` one level deep,
|
||
* as with any High Order Component.
|
||
* Also `.html()` may cause havoc when it'd try to expand the render
|
||
* but won't inject context since top level co,ponent has been rendered already.
|
||
* This problem is not unique to IoC though, anything that relies on context (i.e. Redux)
|
||
* is facing the same issue. Use `.debug()` or `mount()` instead
|
||
*/
|
||
|
||
import { shallow } from 'enzyme'
|
||
import React from 'react'
|
||
import renderer from 'react-test-renderer'
|
||
|
||
import App from '../pages/blog.js'
|
||
|
||
describe('With Enzyme', () => {
|
||
it('Blog renders components', () => {
|
||
const app = shallow(<App post={{ title: 'Hi There!' }} />).dive()
|
||
expect(app.find('h1').text()).toEqual('Hi There!')
|
||
})
|
||
})
|
||
|
||
describe('With Snapshot Testing', () => {
|
||
it('Blog renders components', () => {
|
||
const component = renderer.create(<App post={{ title: 'Hi There!' }} />)
|
||
const tree = component.toJSON()
|
||
expect(tree).toMatchSnapshot()
|
||
})
|
||
})
|