test(button): add snapshot test

Author: codebender828

nodemon.json

@@ -0,0 +1,24 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should render properly 1`] = `
+<DocumentFragment>
+  <div
+    class="chakra-button__group css-p4lcqj"
+    label="button__group"
+    role="group"
+  >
+    <button
+      class="chakra-button css-kb8k9p"
+      label="button"
+    >
+      Save
+    </button>
+    <button
+      class="chakra-button css-1vxhs68"
+      label="button"
+    >
+      Cancel
+    </button>
+  </div>
+</DocumentFragment>
+`;

packages/c-button/tests/__snapshots__/c-button-group.test.ts.snap

@@ -0,0 +1,24 @@
+import { render } from '../../test-utils/src'
+import { CButtonGroup, CButton } from '../src'
+
+const renderComponent = (props?: any) => {
+  const base = {
+    components: {
+      CButtonGroup,
+      CButton,
+    },
+    template: `
+    <c-button-group variant="outline">
+      <c-button color-scheme="blue">Save</c-button>
+      <c-button>Cancel</c-button>
+    </c-button-group>
+    `,
+    ...props,
+  }
+  return render(base)
+}
+
+it('should render properly', () => {
+  const { asFragment } = renderComponent()
+  expect(asFragment()).toMatchSnapshot()
+})