wip

Author: JessicaSachs

.gitignore

@@ -16,7 +16,7 @@ lerna-debug.log*
 report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
 
 # Runtime data
-pids
+pids  
 *.pid
 *.seed
 *.pid.lock

cypress.json

@@ -1,6 +1,7 @@
 {
   "experimentalComponentTesting": true,
-  "componentFolder": "packages",
+  "componentFolder": "packages/tests",
   "pluginsFile": "./plugins.js",
-  "testFiles": "**/*.test.*"
+  "testFiles": "**/*.test.*",
+  "supportFile": "packages/tests/support.ts"
 }

package.json

@@ -9,13 +9,13 @@
     "packages/*"
   ],
   "scripts": {
-    "postinstall": "yarn bootstrap",
+    "postinstall": "yarn bootstrap && patch-package",
     "bootstrap": "yarn run lerna bootstrap",
     "scaffold": "hygen",
     "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",
-    "test": "cross-env NODE_ENV=test jest --config jest.config.js",
+    "cypress:open:ct": "cross-env NODE_ENV=test node ../cypress/core/tr1/cypress/scripts/cypress.js open-ct",
     "lint": "eslint '*/**/*.{js,ts,tsx}' --quiet --fix",
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",
@@ -46,8 +46,8 @@
     "@babel/preset-typescript": "^7.12.7",
     "@commitlint/cli": "^11.0.0",
     "@commitlint/config-conventional": "^11.0.0",
-    "@cypress/react": "^5.2.0",
     "@cypress/vite-dev-server": "^1.1.0",
+    "@cypress/vue": "^3.0.0-alpha.4",
     "@testing-library/jest-dom": "^5.11.9",
     "@testing-library/user-event": "^12.6.2",
     "@testing-library/vue": "^6.3.4",
@@ -60,6 +60,7 @@
     "@vue/babel-plugin-jsx": "^1.0.3",
     "@vue/compiler-sfc": "^3.0.5",
     "@vue/eslint-config-typescript": "^5.1.0",
+    "@vue/test-utils": "2.0.0-rc.4",
     "@vuedx/typecheck": "^0.4.1",
     "@vuedx/typescript-plugin-vue": "^0.4.1",
     "axe-core": "^4.1.2",
@@ -69,6 +70,7 @@
     "consola": "^2.15.0",
     "cross-env": "^7.0.2",
     "cypress": "^6.8.0",
+    "cypress-axe": "^0.12.2",
     "esbuild-jest": "^0.4.0",
     "eslint": "^7.0.0",
     "eslint-config-prettier": "^6.12.0",
@@ -88,13 +90,14 @@
     "jest-transform-stub": "^2.0.0",
     "lerna": "^3.22.1",
     "lint-staged": "^10.5.3",
+    "patch-package": "6.4.7",
     "prettier": "^2.1.2",
     "pretty": "^2.0.0",
     "recursive-readdir": "^2.2.2",
     "ts-jest": "^26.5.0",
     "ts-node": "^9.0.0",
     "typescript": "^4.1.2",
-    "vite": "^2.0.0-beta.44",
+    "vite": "2.1.2",
     "vite-plugin-components": "^0.6.6",
     "vite-plugin-pages": "^0.3.0",
     "vitepress": "^0.12.0",

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

@@ -1,7 +1,14 @@
-import { render } from '../../test-utils/src'
+// import { render } from '../../test-utils/src'
 import { CSpinner } from '../src'
+import { mount } from '@vue/test-utils/dist/vue-test-utils.esm-browser'
 
-it('should render properly', () => {
-  const { asFragment } = render(CSpinner)
-  expect(asFragment()).toMatchSnapshot()
+describe('try', () => {
+  it('should render properly', () => {
+    // mount(CSpinner, { attachTo: '#__cy_root'})
+    debugger;
+    console.log(CSpinner)
+    // throw new Error('feorifhew')
+    // const { asFragment } = mount(CSpinner)
+    // expect(asFragment()).toMatchSnapshot()
+  })
 })

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

@@ -0,0 +1,11 @@
+import CAccordion from '@chakra-ui/c-accordion'
+import { h } from 'vue'
+
+it('renders the accordion', () => {
+  cy.mount(
+    <CAccordion>
+      <div>OK</div>
+      <div>Ah</div>
+    </CAccordion>)
+  .checkA11y()
+})

packages/tests/c-accordion.test.tsx

@@ -0,0 +1 @@
+

packages/tests/c-badge.test.ts

@@ -0,0 +1,6 @@
+import { CButton } from '@chakra-ui/c-button'
+import { h } from 'vue'
+
+it('renders a button successfully', () => {
+  cy.mount(<CButton>An example button</CButton>).checkA11y()
+})