absolutely massive typescript porting time

packages/roleypoly-ui/components/role/__test__/demo.test.tsx

@@ -0,0 +1,23 @@
+/**
+ *  @jest-environment jsdom
+ */
+/* eslint-env jest */
+import * as React from 'react'
+import { shallow } from 'enzyme'
+import RoleDemo from '../demo'
+import 'jest-styled-components'
+
+describe('<RoleDemo />', () => {
+  it('renders', () => {
+    const demo = shallow(<RoleDemo role={{ name: 'test demo role', color: '#ffffff' }} />)
+    expect(demo).toMatchSnapshot()
+  })
+
+  it('changes state when clicked', () => {
+    const el = <RoleDemo role={{ name: 'test demo role', color: '#ffffff' }} />
+    const demo = shallow<typeof el>(el)
+    expect(demo.state().active).toEqual(false)
+    demo.dive().simulate('click')
+    expect(demo.state().active).toEqual(true)
+  })
+})