Update functional tests

Author: lttb

.flowconfig

@@ -10,3 +10,5 @@ node_modules/jss/flow-typed
 
 [options]
 all=true
+suppress_comment= \\(.\\|\n\\)*\\$FlowFixMe
+suppress_comment= \\(.\\|\n\\)*\\$FlowIgnore

src/tests/.eslintrc

@@ -3,3 +3,4 @@ rules:
     - error
     - devDependencies: true
   react/require-default-props: off
+  global-require: off

src/tests/functional.spec.jsx

@@ -3,6 +3,11 @@ import React from 'react'
 import {stripIndent} from 'common-tags'
 import {mount} from 'enzyme'
 
+import {
+  getCss,
+  removeWhitespace
+} from './utils'
+
 import CreateApp from './App'
 
 let Styled
@@ -18,6 +23,7 @@ const mockNameGenerators = () => {
   const generateTagName = require('../utils/generateTagName').default
   const generateClassName = require('jss/lib/utils/generateClassName').default
 
+  // $FlowIgnore
   generateTagName.mockImplementation((tagName: string) => `${tagName}-${++styledCounter}`)
   generateClassName.mockImplementation(rule => `${rule.name}-${++jssCounter}`)
 }
@@ -30,6 +36,10 @@ describe('functional tests', () => {
     styled = Styled()
   })
 
+  afterEach(() => {
+    styled.mountSheet().detach()
+  })
+
   it('should update props and unmount', () => {
     const App = CreateApp(styled)
     const wrapper = mount(<App />)
@@ -146,6 +156,8 @@ describe('functional tests', () => {
       }
     `)
 
+    expect(getCss(sheet)).toBe(removeWhitespace(sheet.toString()))
+
     wrapper.setProps({primary: true})
 
     expect(sheet.toString()).toBe(stripIndent`
@@ -166,6 +178,8 @@ describe('functional tests', () => {
       }
     `)
 
+    expect(getCss(sheet)).toBe(removeWhitespace(sheet.toString()))
+
     wrapper.unmount()
   })
 })

src/tests/utils.js

@@ -0,0 +1,5 @@
+export const removeWhitespace = (str: string) => str.replace(/\s/g, '')
+
+export const getCss = (sheet: Object) => sheet.renderer.getRules()
+  .map(rule => removeWhitespace(rule.cssText))
+  .join('')