refactor: added qwikloader to mount

Author: shairez

README.md

@@ -45,17 +45,7 @@ npm install -D cypress-ct-qwik
 
 1. Run cypress (in watch mode) after installation
 2. Follow the configuration wizard
-3. Add `addQwikLoader` to the `component.ts` file -
-
-```ts
-// component.ts
-
-import { addQwikLoader } from 'cypress-ct-qwik';
-
-addQwikLoader();
-```
-
-4. Add the `mount` command to `support/commands.ts` -
+3. Add the `mount` command to `support/commands.ts` -
 
 ```ts
 // commands.ts

apps/qwik-app/cypress/support/component.ts

@@ -13,8 +13,5 @@
 // https://on.cypress.io/configuration
 // ***********************************************************
 
-import { addQwikLoader } from 'cypress-ct-qwik';
 // Import commands.ts using ES2015 syntax:
 import './commands';
-
-addQwikLoader();

package.json

@@ -37,7 +37,7 @@
     "autoprefixer": "^10.4.13",
     "commitizen": "^4.3.0",
     "commitlint": "^17.4.3",
-    "cypress": "12.8.1",
+    "cypress": "12.9.0",
     "cz-conventional-changelog": "^3.3.0",
     "eslint": "8.36.0",
     "eslint-config-prettier": "8.6.0",
@@ -57,7 +57,7 @@
     "ts-node": "10.9.1",
     "typescript": "5.0.2",
     "undici": "5.21.0",
-    "vite": "4.1.2",
+    "vite": "4.2.1",
     "vite-plugin-dts": "~1.7.3",
     "vite-plugin-eslint": "^1.8.1",
     "vite-tsconfig-paths": "4.0.7",

packages/cypress-ct-qwik/src/lib/mount.tsx

@@ -1,6 +1,7 @@
 import type { JSXNode, RenderResult } from '@builder.io/qwik';
 import { render } from '@builder.io/qwik';
 import { getContainerEl, setupHooks } from '@cypress/mount-utils';
+import { addQwikLoader } from './add-qwik-loader';
 
 let destroy: () => void | undefined;
 
@@ -9,6 +10,8 @@ function cleanup() {
 }
 
 export function mount(element: JSXNode) {
+  addQwikLoader();
+
   const root = getContainerEl();
 
   const renderResultPromise = render(root, element);