import { test } from 'tap'
import React from 'react'
import { shallow } from 'enzyme'
import JSONTree from 'react-json-tree'

import PropsViewer from '../src'

test('props-viewer should generate a component', (t) => {
  const Robot = PropsViewer('Robot')

  t.plan(3)
  t.ok(typeof Robot, 'function')
  t.ok(Robot.length, 1)
  t.ok(Robot.displayName, 'Robot')
})

test('shallow', (t) => {
  const Robot = PropsViewer('Robot')
  const props = {
    ava: 43
  }

  const wrapper = shallow(<Robot {...props} />)

  t.plan(2)
  t.ok(wrapper.contains(<span>Robot</span>), true)
  t.ok(wrapper.contains(<JSONTree data={props} />), true)
})

@@ -257,22 +257,13 @@
   t.
-plan(3)%0A  t.ok
+equal
 (typ
@@ -285,26 +285,29 @@
 ction')%0A  t.
-ok
+equal
 (Robot.lengt
@@ -316,18 +316,21 @@
  1)%0A  t.
-ok
+equal
 (Robot.d
@@ -350,16 +350,26 @@
 Robot')%0A
+  t.end()%0A
 %7D)%0A%0Atest
@@ -518,22 +518,13 @@
   t.
-plan(2)%0A  t.ok
+equal
 (wra
@@ -572,10 +572,13 @@
   t.
-ok
+equal
 (wra
@@ -625,11 +625,21 @@
 , true)%0A
+  t.end()%0A
 %7D)%0A

correct test code