Merge pull request #3 from qwikifiers/pr-cleanup

Author: shairez

.github/actions/test/action.yml

@@ -14,13 +14,13 @@ runs:
       shell: bash
       run: npx nx affected:lint --base=last-release
 
-    # - name: Test
-    #   shell: bash
-    #   run: npx nx affected --target=ct --base=last-release
+    - name: Test
+      shell: bash
+      run: npx nx affected --target=ct --base=last-release
 
     # - name: E2E Tests
     #   shell: bash
   #   run: npx nx affected --target=e2e --base=last-release
 
-    # - name: Codecov upload
-    #   uses: codecov/codecov-action@v2
+  # - name: Codecov upload
+  #   uses: codecov/codecov-action@v2

README.md

@@ -35,7 +35,6 @@
 - [Related Links](#related-links)
 - [License](#license)
 
-
 ## Installation
 
 ```console
@@ -57,7 +56,16 @@ export default defineConfig({
     } as any,
   },
 });
+```
+
+Add `addQwikLoader` to the `component.ts` file -
+
+```ts
+// component.ts
 
+import { addQwikLoader } from 'cypress-ct-qwik';
+
+addQwikLoader();
 ```
 
 ## Usage
@@ -69,16 +77,12 @@ import { mount } from 'cypress-ct-qwik';
 import MyComp from './my-comp';
 
 describe(`Qwik Component Test`, () => {
-  
   it('should find my link', () => {
-
     mount(<MyComp />);
 
     cy.contains('myLink').should('exist');
   });
 });
-
-
 ```
 
 <br/>
@@ -131,7 +135,6 @@ This project follows the [all-contributors](https://github.com/all-contributors/
 - [Qwik Docs](https://qwik.builder.io/)
 - [Cypress Docs](https://www.cypress.io/)
 
-
 ## License
 
 MIT

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

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

apps/qwik-app/project.json

@@ -69,7 +69,8 @@
       "executor": "@nrwl/cypress:cypress",
       "options": {
         "cypressConfig": "apps/qwik-app/cypress.config.ts",
-        "testingType": "component"
+        "testingType": "component",
+        "skipServe": true
       }
     }
   },

apps/qwik-app/src/components/header/header.cy.tsx

@@ -7,4 +7,12 @@ describe(`header component test`, () => {
 
     cy.contains(/docs/i).should('exist');
   });
+
+  it('should click on a button', () => {
+    mount(<Header />);
+
+    cy.contains(/opened/i).should('not.exist');
+    cy.contains(/click me/i).click();
+    cy.contains(/opened/i).should('exist');
+  });
 });

apps/qwik-app/src/components/header/header.tsx

@@ -1,17 +1,30 @@
-import { component$, useStylesScoped$ } from '@builder.io/qwik';
+import { component$, useSignal, useStylesScoped$ } from '@builder.io/qwik';
 import { QwikLogo } from '../icons/qwik';
 import styles from './header.css?inline';
 
 export default component$(() => {
   useStylesScoped$(styles);
 
+  const isOpenSignal = useSignal(false);
+
   return (
     <header>
       <div class="logo">
         <a href="https://qwik.builder.io/" target="_blank">
           <QwikLogo />
         </a>
       </div>
+      <div>
+        <button
+          onClick$={() => {
+            isOpenSignal.value = true;
+          }}
+        >
+          Click Me
+        </button>
+
+        {isOpenSignal.value && <div>Opened</div>}
+      </div>
       <ul>
         <li>
           <a

migrations.json

@@ -0,0 +1,20 @@
+{
+  "migrations": [
+    {
+      "version": "0.11.0",
+      "description": "switch-to-qwik-nx-build-executor",
+      "cli": "nx",
+      "implementation": "./src/migrations/switch-to-qwik-nx-build-executor/switch-to-qwik-nx-build-executor",
+      "package": "qwik-nx",
+      "name": "switch-to-qwik-nx-build-executor"
+    },
+    {
+      "version": "0.13.1",
+      "description": "useClientEffect$ has been changed to useVisisbleTask$",
+      "cli": "nx",
+      "implementation": "./src/migrations/update-use-client-effect$-to-use-visisble-task$/update-use-client-effect$-to-use-visisble-task$",
+      "package": "qwik-nx",
+      "name": "update-use-client-effect$-to-use-visisble-task$"
+    }
+  ]
+}

package.json

@@ -12,55 +12,55 @@
     "prepare": "husky install"
   },
   "devDependencies": {
-    "@builder.io/qwik": "0.18.1",
-    "@builder.io/qwik-city": "0.2.1",
+    "@builder.io/qwik": "0.23.0",
+    "@builder.io/qwik-city": "0.6.6",
     "@commitlint/cli": "^17.4.3",
     "@commitlint/config-angular": "^17.4.3",
     "@commitlint/config-conventional": "^17.4.3",
     "@cypress/code-coverage": "3.10.0",
     "@cypress/vite-dev-server": "^2.2.1",
     "@jscutlery/semver": "^2.30.1",
-    "@nrwl/cli": "15.7.0",
-    "@nrwl/cypress": "15.7.0",
-    "@nrwl/eslint-plugin-nx": "15.7.0",
-    "@nrwl/js": "15.7.0",
-    "@nrwl/linter": "15.7.0",
-    "@nrwl/nx-cloud": "15.0.3",
-    "@nrwl/vite": "15.7.0",
-    "@nrwl/workspace": "15.7.0",
-    "@types/eslint": "8.21.1",
-    "@types/node": "18.13.0",
-    "@typescript-eslint/eslint-plugin": "5.52.0",
-    "@typescript-eslint/parser": "5.52.0",
+    "@nrwl/cli": "15.8.9",
+    "@nrwl/cypress": "15.8.9",
+    "@nrwl/eslint-plugin-nx": "15.8.9",
+    "@nrwl/js": "15.8.9",
+    "@nrwl/linter": "15.8.9",
+    "@nrwl/nx-cloud": "15.3.2",
+    "@nrwl/vite": "15.8.9",
+    "@nrwl/workspace": "15.8.9",
+    "@types/eslint": "8.21.3",
+    "@types/node": "18.15.3",
+    "@typescript-eslint/eslint-plugin": "5.56.0",
+    "@typescript-eslint/parser": "5.56.0",
     "@vitest/ui": "^0.25.8",
     "all-contributors-cli": "^6.24.0",
     "autoprefixer": "^10.4.13",
     "commitizen": "^4.3.0",
     "commitlint": "^17.4.3",
     "cypress": "^12.5.1",
     "cz-conventional-changelog": "^3.3.0",
-    "eslint": "8.34.0",
+    "eslint": "8.36.0",
     "eslint-config-prettier": "8.6.0",
     "eslint-plugin-cypress": "^2.12.1",
-    "eslint-plugin-qwik": "0.18.1",
+    "eslint-plugin-qwik": "0.23.0",
     "html-webpack-plugin": "^5.5.0",
     "husky": "^8.0.3",
     "jsdom": "~21.1.0",
     "ngx-deploy-npm": "^5.0.0",
     "node-fetch": "3.3.0",
     "np": "7.6.3",
-    "nx": "15.7.0",
+    "nx": "15.8.9",
     "postcss": "^8.4.21",
-    "prettier": "2.8.4",
+    "prettier": "2.8.6",
     "pretty-quick": "^3.1.3",
-    "qwik-nx": "0.10.0",
+    "qwik-nx": "0.14.0",
     "ts-node": "10.9.1",
-    "typescript": "4.9.5",
-    "undici": "5.19.1",
-    "vite": "4.1.1",
+    "typescript": "5.0.2",
+    "undici": "5.21.0",
+    "vite": "4.1.2",
     "vite-plugin-dts": "~1.7.3",
     "vite-plugin-eslint": "^1.8.1",
-    "vite-tsconfig-paths": "4.0.5",
+    "vite-tsconfig-paths": "4.0.7",
     "vitest": "^0.25.8"
   },
   "config": {

packages/cypress-ct-qwik/src/index.ts

@@ -1 +1,2 @@
+export * from './lib/add-qwik-loader';
 export * from './lib/mount';

packages/cypress-ct-qwik/src/lib/add-qwik-loader.ts

@@ -0,0 +1,8 @@
+import { QWIK_LOADER } from '@builder.io/qwik/loader';
+
+export function addQwikLoader() {
+  const scriptEl = document.createElement('script');
+  const inlineScript = document.createTextNode(QWIK_LOADER);
+  scriptEl.appendChild(inlineScript);
+  document.body.appendChild(scriptEl);
+}