feat: create tests

Author: codebender828

components.d.ts

@@ -1,19 +1,21 @@
 /**
  * Typescript support for @@chakra-ui/vue-next1.0.0-alpha.7 auto-imported
- * components using `vite-plugin-components`
+ * components using `unplugin-vue-components,`
  *
- * @see: https://github.com/antfu/vite-plugin-components#typescript
+ * @see: https://github.com/antfu/unplugin-vue-components/#typescript
  *
  * This is a generated file. Do not edit it's contents.
  *
- * This file was generated on 2021-08-24T10:32:03.469Z
+ * This file was generated on 2021-11-03T18:37:59.029Z
  */
 
 import { ChakraProps } from '@chakra-ui/vue-system'
 import { VNodeChild, HTMLAttributes } from 'vue'
 
 export type JsxNode = VNodeChild | JSX.Element
 
+type EventHandler = (...args: any[]) => void
+
 export interface SlotDirective {
   [name: string]: () => JsxNode
 }
@@ -39,69 +41,74 @@ declare module 'vue' {
   /* Global component types for Volar auto-complete */
   export interface GlobalComponents {
     CAlert: typeof import('@chakra-ui/vue-next')['CAlert']
-    CAlertTitle: typeof import('@chakra-ui/vue-next')['CAlertTitle']
     CAlertDescription: typeof import('@chakra-ui/vue-next')['CAlertDescription']
     CAlertIcon: typeof import('@chakra-ui/vue-next')['CAlertIcon']
+    CAlertTitle: typeof import('@chakra-ui/vue-next')['CAlertTitle']
     CBreadcrumb: typeof import('@chakra-ui/vue-next')['CBreadcrumb']
-    CBreadcrumbSeparator: typeof import('@chakra-ui/vue-next')['CBreadcrumbSeparator']
     CBreadcrumbItem: typeof import('@chakra-ui/vue-next')['CBreadcrumbItem']
     CBreadcrumbLink: typeof import('@chakra-ui/vue-next')['CBreadcrumbLink']
+    CBreadcrumbSeparator: typeof import('@chakra-ui/vue-next')['CBreadcrumbSeparator']
     CButton: typeof import('@chakra-ui/vue-next')['CButton']
     CButtonGroup: typeof import('@chakra-ui/vue-next')['CButtonGroup']
     CIconButton: typeof import('@chakra-ui/vue-next')['CIconButton']
     CFocusLock: typeof import('@chakra-ui/vue-next')['CFocusLock']
+    CFormErrorIcon: typeof import('@chakra-ui/vue-next')['CFormErrorIcon']
+    CFormErrorMessage: typeof import('@chakra-ui/vue-next')['CFormErrorMessage']
+    CFormLabel: typeof import('@chakra-ui/vue-next')['CFormLabel']
+    CRequiredIndicator: typeof import('@chakra-ui/vue-next')['CRequiredIndicator']
+    CInput: typeof import('@chakra-ui/vue-next')['CInput']
     CAspectRatio: typeof import('@chakra-ui/vue-next')['CAspectRatio']
     CBadge: typeof import('@chakra-ui/vue-next')['CBadge']
     CBox: typeof import('@chakra-ui/vue-next')['CBox']
-    CSquare: typeof import('@chakra-ui/vue-next')['CSquare']
-    CCircle: typeof import('@chakra-ui/vue-next')['CCircle']
     CCenter: typeof import('@chakra-ui/vue-next')['CCenter']
+    CCircle: typeof import('@chakra-ui/vue-next')['CCircle']
     CContainer: typeof import('@chakra-ui/vue-next')['CContainer']
     CDivider: typeof import('@chakra-ui/vue-next')['CDivider']
     CGrid: typeof import('@chakra-ui/vue-next')['CGrid']
     CGridItem: typeof import('@chakra-ui/vue-next')['CGridItem']
+    CHStack: typeof import('@chakra-ui/vue-next')['CHStack']
     CHeading: typeof import('@chakra-ui/vue-next')['CHeading']
+    CKbd: typeof import('@chakra-ui/vue-next')['CKbd']
     CLink: typeof import('@chakra-ui/vue-next')['CLink']
-    CLinkOverlay: typeof import('@chakra-ui/vue-next')['CLinkOverlay']
     CLinkBox: typeof import('@chakra-ui/vue-next')['CLinkBox']
+    CLinkOverlay: typeof import('@chakra-ui/vue-next')['CLinkOverlay']
     CList: typeof import('@chakra-ui/vue-next')['CList']
-    COrderedList: typeof import('@chakra-ui/vue-next')['COrderedList']
-    CUnorderedList: typeof import('@chakra-ui/vue-next')['CUnorderedList']
-    CListItem: typeof import('@chakra-ui/vue-next')['CListItem']
     CListIcon: typeof import('@chakra-ui/vue-next')['CListIcon']
-    CKbd: typeof import('@chakra-ui/vue-next')['CKbd']
+    CListItem: typeof import('@chakra-ui/vue-next')['CListItem']
+    COrderedList: typeof import('@chakra-ui/vue-next')['COrderedList']
     CSimpleGrid: typeof import('@chakra-ui/vue-next')['CSimpleGrid']
     CSpacer: typeof import('@chakra-ui/vue-next')['CSpacer']
+    CSquare: typeof import('@chakra-ui/vue-next')['CSquare']
+    CStack: typeof import('@chakra-ui/vue-next')['CStack']
     CStackDivider: typeof import('@chakra-ui/vue-next')['CStackDivider']
     CStackItem: typeof import('@chakra-ui/vue-next')['CStackItem']
-    CStack: typeof import('@chakra-ui/vue-next')['CStack']
-    CHStack: typeof import('@chakra-ui/vue-next')['CHStack']
-    CVStack: typeof import('@chakra-ui/vue-next')['CVStack']
     CText: typeof import('@chakra-ui/vue-next')['CText']
-    CModal: typeof import('@chakra-ui/vue-next')['CModal']
-    CModalContent: typeof import('@chakra-ui/vue-next')['CModalContent']
-    CModalOverlay: typeof import('@chakra-ui/vue-next')['CModalOverlay']
-    CModalHeader: typeof import('@chakra-ui/vue-next')['CModalHeader']
-    CModalBody: typeof import('@chakra-ui/vue-next')['CModalBody']
-    CModalFooter: typeof import('@chakra-ui/vue-next')['CModalFooter']
-    CModalCloseButton: typeof import('@chakra-ui/vue-next')['CModalCloseButton']
-    CDrawer: typeof import('@chakra-ui/vue-next')['CDrawer']
-    CDrawerContent: typeof import('@chakra-ui/vue-next')['CDrawerContent']
-    CDrawerBody: typeof import('@chakra-ui/vue-next')['CDrawerBody']
-    CDrawerCloseButton: typeof import('@chakra-ui/vue-next')['CDrawerCloseButton']
-    CDrawerFooter: typeof import('@chakra-ui/vue-next')['CDrawerFooter']
-    CDrawerHeader: typeof import('@chakra-ui/vue-next')['CDrawerHeader']
-    CDrawerOverlay: typeof import('@chakra-ui/vue-next')['CDrawerOverlay']
+    CUnorderedList: typeof import('@chakra-ui/vue-next')['CUnorderedList']
+    CVStack: typeof import('@chakra-ui/vue-next')['CVStack']
     CAlertDialog: typeof import('@chakra-ui/vue-next')['CAlertDialog']
-    CAlertDialogContent: typeof import('@chakra-ui/vue-next')['CAlertDialogContent']
     CAlertDialogBody: typeof import('@chakra-ui/vue-next')['CAlertDialogBody']
     CAlertDialogCloseButton: typeof import('@chakra-ui/vue-next')['CAlertDialogCloseButton']
+    CAlertDialogContent: typeof import('@chakra-ui/vue-next')['CAlertDialogContent']
     CAlertDialogFooter: typeof import('@chakra-ui/vue-next')['CAlertDialogFooter']
     CAlertDialogHeader: typeof import('@chakra-ui/vue-next')['CAlertDialogHeader']
     CAlertDialogOverlay: typeof import('@chakra-ui/vue-next')['CAlertDialogOverlay']
-    CMotion: typeof import('@chakra-ui/vue-next')['CMotion']
+    CDrawer: typeof import('@chakra-ui/vue-next')['CDrawer']
+    CDrawerBody: typeof import('@chakra-ui/vue-next')['CDrawerBody']
+    CDrawerCloseButton: typeof import('@chakra-ui/vue-next')['CDrawerCloseButton']
+    CDrawerContent: typeof import('@chakra-ui/vue-next')['CDrawerContent']
+    CDrawerFooter: typeof import('@chakra-ui/vue-next')['CDrawerFooter']
+    CDrawerHeader: typeof import('@chakra-ui/vue-next')['CDrawerHeader']
+    CDrawerOverlay: typeof import('@chakra-ui/vue-next')['CDrawerOverlay']
+    CModal: typeof import('@chakra-ui/vue-next')['CModal']
+    CModalBody: typeof import('@chakra-ui/vue-next')['CModalBody']
+    CModalCloseButton: typeof import('@chakra-ui/vue-next')['CModalCloseButton']
+    CModalContent: typeof import('@chakra-ui/vue-next')['CModalContent']
+    CModalFooter: typeof import('@chakra-ui/vue-next')['CModalFooter']
+    CModalHeader: typeof import('@chakra-ui/vue-next')['CModalHeader']
+    CModalOverlay: typeof import('@chakra-ui/vue-next')['CModalOverlay']
     CAnimatePresence: typeof import('@chakra-ui/vue-next')['CAnimatePresence']
     CCollapse: typeof import('@chakra-ui/vue-next')['CCollapse']
+    CMotion: typeof import('@chakra-ui/vue-next')['CMotion']
     CPortal: typeof import('@chakra-ui/vue-next')['CPortal']
     CScrollLock: typeof import('@chakra-ui/vue-next')['CScrollLock']
     CVisuallyHidden: typeof import('@chakra-ui/vue-next')['CVisuallyHidden']
@@ -170,11 +177,49 @@ declare module 'vue' {
 
   /* Component custom props types for JSX and TSX auto complete */
   export interface ComponentCustomProps
-    extends JsxComponentCustomProps, ChakraProps {
+    extends JsxComponentCustomProps,
+      ChakraProps {
     onClick?: () => any
     vSlots?: {
       [eleName: string]: JSX.Element
     }
+  }
+
+  interface ComponentCustomProps {
+    role?: string
+    tabindex?: number | string
     value?: unknown
+    // should be removed after Vue supported component events typing
+    // see: https://github.com/vuejs/vue-next/issues/1553
+    //      https://github.com/vuejs/vue-next/issues/3029
+    onBlur?: EventHandler
+    onOpen?: EventHandler
+    onEdit?: EventHandler
+    onLoad?: EventHandler
+    onClose?: EventHandler
+    onFocus?: EventHandler
+    onInput?: EventHandler
+    onClick?: EventHandler
+    onPress?: EventHandler
+    onCancel?: EventHandler
+    onChange?: EventHandler
+    onDelete?: EventHandler
+    onScroll?: EventHandler
+    onSubmit?: EventHandler
+    onSelect?: EventHandler
+    onConfirm?: EventHandler
+    onPreview?: EventHandler
+    onKeypress?: EventHandler
+    onTouchend?: EventHandler
+    onTouchmove?: EventHandler
+    onTouchstart?: EventHandler
+    onTouchcancel?: EventHandler
+    onMouseenter?: EventHandler
+    onMouseleave?: EventHandler
+    onMousemove?: EventHandler
+    onKeydown?: EventHandler
+    onKeyup?: EventHandler
+    onDeselect?: EventHandler
+    onClear?: EventHandler
   }
 }

package.json

@@ -17,7 +17,8 @@
     "clean": "yarn workspaces run clean",
     "prebuild": "yarn clean",
     "build": "yarn preconstruct build",
-    "postbuild": "yarn size-limit",
+    "build:types": "ts-node scripts/generate-global-types.ts",
+    "postbuild": "yarn build:types && yarn size-limit",
     "start": "preconstruct watch",
     "csb:install": "yarn && yarn bootstrap",
     "bootstrap": "yarn run lerna bootstrap",
@@ -112,7 +113,8 @@
     "cypress-plugin-tab": "^1.0.5",
     "dequal": "^2.0.2",
     "dom-focus-lock": "^1.0.4",
-    "esbuild": "^0.12.12",
+    "esbuild": "^0.13.12",
+    "esbuild-darwin-arm64": "^0.13.12",
     "esbuild-jest": "0.4.0",
     "esbuild-plugin-babel": "^0.2.3",
     "eslint": "^7.0.0",