additional tests, adding reset

Author: JessicaSachs

package.json

@@ -15,7 +15,7 @@
     "build": "lerna run build --no-private --stream",
     "dev": "NODE_ENV=development vite serve playground --config ./vite.config.ts",
     "playground:build": "yarn install && yarn build && yarn bootstrap && NODE_ENV=production vite build playground --config ./vite.config.ts",
-    "cypress:open:ct": "cross-env NODE_ENV=test node ../cypress/core/tr1/cypress/scripts/cypress.js open-ct",
+    "cypress:open:ct": "cypress open-ct",
     "lint": "eslint '*/**/*.{js,ts,tsx}' --quiet --fix",
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",
@@ -70,8 +70,7 @@
     "concurrently": "^5.3.0",
     "consola": "^2.15.0",
     "cross-env": "^7.0.2",
-    "cypress": "^6.8.0",
-    "cypress-axe": "^0.12.2",
+    "cypress": "https://cdn.cypress.io/beta/npm/6.9.0/circle-develop-3700fe7271b016f8a89c5a7a4c40d0af62155b45/cypress.tgz",
     "esbuild-jest": "^0.4.0",
     "eslint": "^7.0.0",
     "eslint-config-prettier": "^6.12.0",

packages/c-alert/tests/c-alert.test.ts

@@ -16,7 +16,8 @@ it('contains the correct role', () => {
     .should('exist')
 })
 
-it('renders its children', () => {
+it.only('renders its children', () => {
+  debugger;
   cy.mount(
     <CAlert data-testid="alert" variant="left-accent" status="info" mb="3">
       <CAlertIcon mr="2" />

packages/c-alert/tests/c-alert.test.tsx

@@ -0,0 +1 @@
+export * as WithButtonGroup from './with-button-group.vue'

packages/c-badge/tests/c-badge.test.ts

@@ -0,0 +1,7 @@
+export * as AsIconButton from './as-icon-button.vue'
+export * as BaseButton from './base-button.vue'
+export * as WithAttachedButtons from './with-attached-buttons.vue'
+export * as WithButtonSize from '../examples/with-button-size.vue'
+export * as WithButtonIcon from '../examples/with-button-icon.vue'
+export * as WithButtonVariants from '../examples/with-button-variants.vue'
+export * as WithLoadingStatus from '../examples/with-loading-status.vue'

packages/c-button/examples/button-group.ts

@@ -1,8 +1,2 @@
-export * as AsIconButton from './as-icon-button.vue'
-export * as BaseButton from './base-button.vue'
-export * as WithAttachedButtons from './with-attached-buttons.vue'
-export * as WithButtonGroup from '../examples/with-button-group.vue'
-export * as WithButtonSize from '../examples/with-button-size.vue'
-export * as withButtonIcon from '../examples/with-button-icon.vue'
-export * as WithButtonVariants from '../examples/with-button-variants.vue'
-export * as WithLoadingStatus from '../examples/with-loading-status.vue'
+export * as Button from './button'
+export * as ButtonGroup from './button-group'

packages/c-button/examples/button.ts

@@ -0,0 +1,22 @@
+import { h } from 'vue'
+import { CButtonGroup, CButton } from '../src'
+import { ButtonGroup } from '../examples'
+
+afterEach(() => {
+  cy.checkA11y()
+})
+
+Object.entries(ButtonGroup).map(([name, example]) => {
+  it(`renders ${name} successfully`, () => {
+    cy.mount(example.default).checkA11y()
+  })
+})
+
+it('with a color scheme', () => {
+  cy.mount(
+    <CButtonGroup>
+      <CButton colorScheme="blue">Save</CButton>
+      <CButton>Cancel</CButton>
+    </CButtonGroup>
+  )
+})

packages/c-button/examples/index.ts

@@ -1,15 +1,8 @@
-import * as Examples from '../examples'
+import { Button } from '../examples'
 import { h } from 'vue'
 
-
-describe('Button Examples', () => {
-  it('works', () => {
-    expect(true).to.be.true
-  })
-
-  Object.entries(Examples).map(([name, example]) => {
-    it(`renders ${name} successfully`, () => {
-      cy.mount(example.default).checkA11y()
-    })
+Object.entries(Button).map(([name, example]) => {
+  it(`renders ${name} successfully`, () => {
+    cy.mount(example.default).checkA11y()
   })
-})
+})