ci: link preconstruct for tests

Author: codebender828

@types/components.d.ts

@@ -6,7 +6,7 @@
  *
  * This is a generated file. Do not edit it's contents.
  *
- * This file was generated on 2023-01-23T09:41:37.527Z
+ * This file was generated on 2023-01-24T10:19:38.029Z
  */
 
 import { ChakraProps, chakra } from "@chakra-ui/vue-system"
@@ -68,6 +68,8 @@ declare module "@vue/runtime-core" {
     CAlertDescription: typeof import("@chakra-ui/vue-next")["CAlertDescription"]
     CAlertIcon: typeof import("@chakra-ui/vue-next")["CAlertIcon"]
     CAlertTitle: typeof import("@chakra-ui/vue-next")["CAlertTitle"]
+    CAvatar: typeof import("@chakra-ui/vue-next")["CAvatar"]
+    CAvatarBadge: typeof import("@chakra-ui/vue-next")["CAvatarBadge"]
     CBreadcrumb: typeof import("@chakra-ui/vue-next")["CBreadcrumb"]
     CBreadcrumbItem: typeof import("@chakra-ui/vue-next")["CBreadcrumbItem"]
     CBreadcrumbLink: typeof import("@chakra-ui/vue-next")["CBreadcrumbLink"]

components.d.ts

@@ -6,7 +6,7 @@
  *
  * This is a generated file. Do not edit it's contents.
  *
- * This file was generated on 2023-01-23T09:41:37.527Z
+ * This file was generated on 2023-01-24T10:19:38.029Z
  */
 
 import { ChakraProps, chakra } from "@chakra-ui/vue-system"
@@ -68,6 +68,8 @@ declare module "@vue/runtime-core" {
     CAlertDescription: typeof import("@chakra-ui/vue-next")["CAlertDescription"]
     CAlertIcon: typeof import("@chakra-ui/vue-next")["CAlertIcon"]
     CAlertTitle: typeof import("@chakra-ui/vue-next")["CAlertTitle"]
+    CAvatar: typeof import("@chakra-ui/vue-next")["CAvatar"]
+    CAvatarBadge: typeof import("@chakra-ui/vue-next")["CAvatarBadge"]
     CBreadcrumb: typeof import("@chakra-ui/vue-next")["CBreadcrumb"]
     CBreadcrumbItem: typeof import("@chakra-ui/vue-next")["CBreadcrumbItem"]
     CBreadcrumbLink: typeof import("@chakra-ui/vue-next")["CBreadcrumbLink"]

package.json

@@ -53,9 +53,9 @@
     "cy:open": "cypress open",
     "cy:run": "cypress run --component --quiet",
     "test:component": "yarn cy:run",
-    "test": "jest",
+    "test": "jest && yarn cy:run",
     "test:silent": "cross-env NODE_ENV=test jest --verbose --silent --config jest.config.js",
-    "test:ci": "yarn test:silent && yarn cy:run",
+    "test:ci": "yarn dev && yarn test:silent && yarn cy:run",
     "test:unit": "cross-env NODE_ENV=test jest --config jest.config.js",
     "lint": "eslint '*/**/*.{js,ts,tsx}' --quiet --fix",
     "docs:dev:legacy": "vitepress dev docs",

packages/c-image/src/use-image.ts

@@ -103,8 +103,6 @@ export function useImage(props: UseImageProps) {
     }
   })
 
-  watchEffect(() => console.debug("status", status.value))
-
   /**
    * If user opts out of the fallback/placeholder
    * logic, let's just return 'loaded'

packages/test-utils/src/render.ts

@@ -4,16 +4,14 @@ import "@testing-library/jest-dom"
 import "@testing-library/jest-dom/extend-expect"
 import * as vtl from "@testing-library/vue"
 import userEvent from "@testing-library/user-event"
-import { Component, computed, defineComponent, h, provide, ref } from "vue"
+import { Component, computed, defineComponent, h, provide, ref, Ref } from "vue"
 import { toHaveNoViolations, axe } from "jest-axe"
 import { RunOptions } from "axe-core"
 import { AppColorModeContextSymbol } from "@chakra-ui/c-color-mode"
 
 expect.extend(toHaveNoViolations)
 
-const colorMode = ref("light")
-
-const useDefaultProviders = () => {
+const useDefaultProviders = (colorMode: Ref<"light" | "dark">) => {
   provide("$chakraTheme", theme)
   provide(AppColorModeContextSymbol, {
     colorMode,
@@ -44,7 +42,8 @@ export const render = (
     defineComponent({
       name: "ChakraUIVueTestContainer",
       setup(_, { slots }) {
-        useDefaultProviders()
+        const colorMode = ref<"light" | "dark">("light")
+        useDefaultProviders(colorMode)
         return () => h(component as any, {}, slots)
       },
     }),