Merge pull request #300 from freality/creset-tests

test: add tests for Creset.vue

Author: codebender828

packages/chakra-ui-core/src/CReset/CReset.js

@@ -51,7 +51,12 @@ const CReset = {
     }
   },
   props: {
-    config: Function
+    config: {
+      type: Function,
+      validator (value) {
+        return typeof value === 'function'
+      }
+    }
   },
   created () {
     const { color, bg, borderColor, placeholderColor } = this.styleConfig[this.colorMode]

packages/chakra-ui-core/src/CReset/tests/CReset.test.js

@@ -0,0 +1,40 @@
+import CReset from '../'
+import { render } from '@/tests/test-utils'
+
+const renderComponent = (props) => {
+  const inlineAttrs = (props && props.inlineAttrs) || ''
+  const base = {
+    components: { CReset },
+    template: `<CReset data-testid="reset" ${inlineAttrs} />`,
+    ...props
+  }
+  return render(base)
+}
+
+describe('CReset.vue', () => {
+  it('should render correctly', () => {
+    const { asFragment } = renderComponent()
+
+    expect(asFragment()).toMatchSnapshot()
+  })
+
+  it('should inject global styles', () => {
+    renderComponent()
+
+    expect(document.head).toMatchSnapshot()
+  })
+
+  it('should accept config prop', () => {
+    const inlineAttrs = ':config="cssResetConfig"'
+    const cssResetConfig = (_, defaults) => {
+      const { light } = defaults
+      return {
+        ...defaults, light: { ...light, bg: 'pink', color: 'indigo' }
+      }
+    }
+
+    renderComponent({ inlineAttrs, methods: { cssResetConfig } })
+
+    expect(document.head).toMatchSnapshot()
+  })
+})