test: add CReset tests

Author: freality

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

@@ -0,0 +1,47 @@
+import CReset from '../'
+import { mount } from '@/tests/test-utils'
+
+describe('CReset.vue', () => {
+  let wrapper
+
+  beforeEach(() => {
+    wrapper = mount(CReset)
+  })
+
+  it('should render correctly', () => {
+    expect(wrapper.is(CReset)).toBe(true)
+    expect(wrapper.isEmpty()).toBe(true)
+  })
+
+  it('should have theme, colorMode, & styleConfig properties', () => {
+    expect(wrapper.vm).toHaveProperty('theme')
+    expect(wrapper.vm).toHaveProperty('colorMode')
+    expect(wrapper.vm).toHaveProperty('styleConfig')
+    wrapper.destroy()
+  })
+
+  it('should have default style config', () => {
+    expect(wrapper.vm.styleConfig).toMatchSnapshot()
+    wrapper.destroy()
+  })
+
+  it('should accept style config prop', () => {
+    const config = (theme, original) => {
+      original.light.color = 'black'
+      original.light.bg = 'yellow'
+
+      return original
+    }
+
+    wrapper.setProps({ config })
+
+    // extract the config prop validator function
+    const validator = wrapper.vm.$options.props.config.validator
+    expect(validator(config)).toBe(true)
+    expect(validator({})).toBe(false)
+
+    expect(wrapper.vm.styleConfig).toMatchSnapshot()
+
+    wrapper.destroy()
+  })
+})

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

@@ -0,0 +1,35 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CReset.vue should accept style config prop 1`] = `
+Object {
+  "dark": Object {
+    "bg": "#1A202C",
+    "borderColor": "rgba(255, 255, 255, 0.16)",
+    "color": "rgba(255, 255, 255, 0.92)",
+    "placeholderColor": "rgba(255, 255, 255, 0.24)",
+  },
+  "light": Object {
+    "bg": "yellow",
+    "borderColor": "#E2E8F0",
+    "color": "black",
+    "placeholderColor": "#A0AEC0",
+  },
+}
+`;
+
+exports[`CReset.vue should have default style config 1`] = `
+Object {
+  "dark": Object {
+    "bg": "#1A202C",
+    "borderColor": "rgba(255, 255, 255, 0.16)",
+    "color": "rgba(255, 255, 255, 0.92)",
+    "placeholderColor": "rgba(255, 255, 255, 0.24)",
+  },
+  "light": Object {
+    "bg": undefined,
+    "borderColor": "#E2E8F0",
+    "color": "#1A202C",
+    "placeholderColor": "#A0AEC0",
+  },
+}
+`;

tests/test-utils/component-utils.js

@@ -0,0 +1,12 @@
+import * as vtu from '@vue/test-utils'
+
+import defaultProviders from './providers-mock'
+
+const mount = (component, config = {}) => {
+  const { provide = {} } = config
+
+  return vtu.mount(component, { ...config, provide: defaultProviders(provide) })
+}
+
+export * from '@vue/test-utils'
+export { mount }

tests/test-utils/index.js

@@ -1 +1,2 @@
+export * from './component-utils'
 export * from './test-utils'