wip

Author: JessicaSachs

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

@@ -0,0 +1,6 @@
+import CAccordion from '../src'
+import { h } from 'vue'
+
+it('should render properly', () => {
+  cy.mount(<CAccordion></CAccordion>)
+})

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

@@ -0,0 +1,5 @@
+export * as BaseAlert from './base-alert.vue'
+export * as WithAccent from './with-accent.vue'
+export * as WithIcon from './with-icon.vue'
+export * as WithStatus from './with-status.vue'
+export * as WithTitle from './with-title.vue'

packages/c-alert/examples/index.ts

@@ -0,0 +1,30 @@
+import * as Examples from '../examples'
+import { h } from 'vue'
+import { CAlert, CAlertDescription, CAlertIcon, CAlertTitle } from '../src'
+
+describe('Alert Examples', () => {
+  Object.entries(Examples).map(([name, example]) => {
+    it(`renders ${name} successfully`, () => {
+      cy.mount(example.default).checkA11y()
+    })
+  })
+})
+
+it('contains the correct role', () => {
+  cy.mount(Examples.BaseAlert.default)
+    .get('[role=alert]')
+    .should('exist')
+})
+
+it('renders its children', () => {
+  cy.mount(
+    <CAlert data-testid="alert" variant="left-accent" status="info" mb="3">
+      <CAlertIcon mr="2" />
+      <CAlertTitle> Info alert </CAlertTitle>
+      <CAlertDescription> Something just happened </CAlertDescription>
+    </CAlert>
+  ).get('[data-testid=alert]')
+    .should('contain', 'Info alert')
+    .and('contain', 'Something just happened')
+    .and('descendants', 'svg')
+})

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

@@ -0,0 +1,4 @@
+export * as BaseBadge from './base-badge.vue'
+export * as OutlineBadges from './outline-badges.vue'
+export * as SolidBadge from './solid-badge.vue'
+export * as SubtleBadges from './subtle-badges.vue'

packages/c-badge/examples/index.ts

@@ -0,0 +1,10 @@
+import * as Examples from '../examples'
+import { h } from 'vue'
+
+describe('Badge Examples', () => {
+  Object.entries(Examples).map(([name, example]) => {
+    it(`renders ${name} successfully`, () => {
+      cy.mount(example.default).checkA11y()
+    })
+  })
+})

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

@@ -0,0 +1,2 @@
+export * as BaseFlex from './base-flex.vue'
+export * as DirectionFlex from './direction-flex.vue'

packages/c-flex/examples/index.ts

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

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

@@ -0,0 +1,4 @@
+export * as BaseIcon from './base-icon.vue'
+export * as WithColor from './with-color.vue'
+export * as WithIconLibrary from './with-icon-library.vue'
+export * as WithSize from './with-size.vue'

packages/c-icon/examples/index.ts

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