test(cypress): updated cypress types

Author: codebender828

package.json

@@ -8,7 +8,8 @@
   "workspaces": [
     "packages/*",
     "tooling/*",
-    "website"
+    "website",
+    "tests"
   ],
   "scripts": {
     "pkg": "manypkg run",

tests/index.d.ts

@@ -2,15 +2,17 @@
 
 import { mount } from '@cypress/vue'
 
-declare namespace Cypress {
-  export interface Chainable {
-    mount(): ReturnType<typeof mount>
-    /**
-     * Run a11y tests or only a subset of all tests
-     * @see https://github.com/avanslaars/cypress-axe
-     * @example
-     *  cy.checkA11y()
-     */
-    checkA11y(any, object): Chainable
+declare global {
+  namespace Cypress {
+    export interface Chainable {
+      mount(): ReturnType<typeof mount>
+      /**
+       * Run a11y tests or only a subset of all tests
+       * @see https://github.com/avanslaars/cypress-axe
+       * @example
+       *  cy.checkA11y()
+       */
+      checkA11y(any, object): Chainable
+    }
   }
 }

tests/package.json

@@ -0,0 +1,13 @@
+{
+  "name": "@chakra-ui/vue-cypress-tests",
+  "version": "0.1.0-alpha.2",
+  "main": "./support.tsx",
+  "typings": "index.d.ts",
+  "files": [
+    "."
+  ],
+  "description": "Chakra UI Vue | Cypress Tests setup package",
+  "repository": "https://github.com/chakra-ui/chakra-ui-vue-next",
+  "author": "Jonathan Bakebwa [email protected]",
+  "license": "MIT"
+}

tests/support.tsx

@@ -1,12 +1,31 @@
+/// <reference types="cypress" />
+
 import { mount as cyMount } from '@cypress/vue'
 import { feActivity } from 'feather-icons-paths'
 import { MotionPlugin } from '@vueuse/motion'
-import { h, Fragment } from 'vue'
+import { h, Fragment, Component } from 'vue'
 
 import ChakraUIVuePlugin, { chakra } from '@chakra-ui/vue-next'
 import { domElements } from '@chakra-ui/vue-system'
 import { CReset } from '@chakra-ui/c-reset'
 
+
+declare global {
+  namespace Cypress {
+    interface cy extends Chainable {
+      mount(component: Component, options?: any): ReturnType<typeof cyMount>
+      /**
+       * Run a11y tests or only a subset of all tests
+       * @see https://github.com/avanslaars/cypress-axe
+       * @example
+       *  cy.checkA11y()
+       */
+      checkA11y(noop?: any): Chainable
+    }
+  }
+}
+
+
 import './env' // stub process.env
 import './a11y' // checkA11y and axeCore configuration
 import './styles' // root stylesheet

tsconfig.json

@@ -4,7 +4,7 @@
     "module": "esnext",                     /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */
     "resolveJsonModule": true,
     "lib": [ "esnext", "dom" ],
-    "types": ["node", "jest", "vite/client", "vite-plugin-pages/client", "cypress", "./tests"],
+    "types": ["node", "jest", "vite/client", "vite-plugin-pages/client", "cypress", "@chakra-ui/vue-cypress-tests"],
     "declaration": true,
     "allowJs": true,
     "sourceMap": true,
@@ -27,7 +27,8 @@
     "playground/**/*.ts",
     "playground/**/*.d.ts",
     "playground/**/*.tsx",
-    "playground/**/*.vue"
+    "playground/**/*.vue",
+    "@chakra-ui/vue-cypress-tests"
   ],
   "exclude": ["node_modules", "./@types", "dist"],
   "ts-node": {

yarn.lock

@@ -6930,11 +6930,6 @@ [email protected]:
   resolved "https://registry.yarnpkg.com/folktale/-/folktale-2.3.2.tgz#38231b039e5ef36989920cbf805bf6b227bf4fd4"
   integrity sha512-+8GbtQBwEqutP0v3uajDDoN64K2ehmHd0cjlghhxh0WpcfPzAIjPA03e1VvHlxL02FVGR0A6lwXsNQKn3H1RNQ==
 
-follow-redirects@^1.10.0:
-  version "1.13.3"
-  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.13.3.tgz#e5598ad50174c1bc4e872301e82ac2cd97f90267"
-  integrity sha512-DUgl6+HDzB0iEptNQEXLx/KhTmDb8tZUHSeLqpnjpknR70H0nC2t9N73BK6fN4hOvJ84pKlIQVQ4k5FFlBedKA==
-
 for-in@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/for-in/-/for-in-1.0.2.tgz#81068d295a8142ec0ac726c6e2200c30fb6d5e80"