Publis cypress report

.eslintignore

@@ -1 +1,3 @@
 generated-parser
+src/**/*
+node_modules/**/*

.github/workflows/cd.yml

@@ -19,43 +19,41 @@ permissions:
   pages: write
   id-token: write
 
-# Allow one concurrent pipeline to run
-concurrency:
-  group: "default-pipeline"
-  cancel-in-progress: true
-
 jobs:
   # Test
   test:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
         uses: actions/checkout@v3
+      - uses: pnpm/action-setup@v2
+
       - name: Setup Node
         uses: actions/setup-node@v3
         with:
-          node-version: "14"
-          cache: yarn
+          node-version: "18"
+          cache: pnpm
       - name: Install dependencies
-        run: yarn install
+        run: pnpm install
       - name: Run tests
-        run: yarn test:unit
+        run: pnpm test
 
   npm-publish:
     runs-on: ubuntu-latest
     needs: test
-    if: github.ref == 'refs/heads/main'
+    if: github.ref == 'refs/heads/main' || github.ref == 'refs/heads/add-jest-to-vite'
     steps:
       - name: Checkout
         uses: actions/checkout@v3
+      - uses: pnpm/action-setup@v2
       - name: Setup Node
         uses: actions/setup-node@v3
         with:
-          node-version: "14"
-          cache: yarn
-      - run: yarn install
+          node-version: "18"
+          cache: pnpm
+      - run: pnpm install
       - name: Build
-        run: yarn build
+        run: pnpm build
       - name: Publish
         uses: mikeal/merge-release@master
         env:
@@ -66,19 +64,20 @@ jobs:
   build-site:
     runs-on: ubuntu-latest
     needs: test
-    if: github.ref == 'refs/heads/main' || github.ref == 'refs/heads/push-to-zenuml-embed'
+    if: github.ref == 'refs/heads/main' || github.ref == 'refs/heads/add-jest-to-vite'
     steps:
       - name: Checkout
         uses: actions/checkout@v3
+      - uses: pnpm/action-setup@v2
       - name: Setup Node
         uses: actions/setup-node@v3
         with:
-          node-version: "14"
-          cache: yarn
+          node-version: "18"
+          cache: pnpm
       - name: Install dependencies
-        run: yarn install
+        run: pnpm install
       - name: Build the site for demo page and embed view
-        run: yarn build:site
+        run: pnpm build:site
       - name: Upload artifact for pages # upload zipped artifact named 'gh-pages' for actions/deploy-pages@v1
         uses: actions/upload-pages-artifact@v1
         with:
@@ -122,26 +121,3 @@ jobs:
           user-email: github.bot@zenuml.com
           target-branch: main
 
-  cypress-run:
-    runs-on: macos-latest
-    needs: test
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v3
-      - name: Setup Node
-        uses: actions/setup-node@v3
-        with:
-          node-version: "14"
-          cache: yarn
-      - name: Cypress run
-        uses: cypress-io/github-action@v2
-        with:
-          start: yarn start
-          wait-on: 'http://localhost:8080'
-          wait-on-timeout: 110
-      - name: Upload artifacts  # Find artifacts under actions/jobs
-        if: always()
-        uses: actions/upload-artifact@v2
-        with:
-          name: snapshots
-          path: ./cypress/

.github/workflows/e2e.yml

@@ -0,0 +1,40 @@
+name: E2E
+
+on: [push, pull_request]
+
+permissions:
+  contents: read
+
+jobs:
+  build:
+    runs-on: macos-latest
+    strategy:
+      fail-fast: false
+      matrix:
+        node-version: [16] # Dosn't work with 18. https://github.com/cypress-io/github-action/issues/534#issuecomment-1115947632
+    steps:
+      - uses: actions/checkout@v3
+
+      - uses: pnpm/action-setup@v2
+        # uses version from "packageManager" field in package.json
+
+      - name: Setup Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v3
+        with:
+          cache: pnpm
+          node-version: ${{ matrix.node-version }}
+
+      # Install NPM dependencies, cache them correctly
+      # and run all Cypress tests
+      - name: Cypress run
+        uses: cypress-io/github-action@v5
+        with:
+          start: pnpm run dev
+          command: pnpm run cy
+          wait-on: http://127.0.0.1:8080
+      - name: Upload artifacts  # Find artifacts under actions/jobs
+        if: always()
+        uses: actions/upload-artifact@v3
+        with:
+          name: snapshots
+          path: ./cypress/

.npmignore

@@ -23,10 +23,7 @@ coverage
 
 manifest.json
 jest.config.js
-babel.config.js
 package-lock.json
-vue.config.js
-yarn.lock
 tsconfig.json
 
 yarn-error.log

.npmrc

@@ -0,0 +1,2 @@
+shamefully-hoist=true
+strict-peer-dependencies=false

README.md

@@ -52,23 +52,10 @@ tunnels for this.
 
 ### Cloudflare tunnels [for collaborators only]
 
-1. Request a subdomain from the team. For example, `air.zenuml.com`.
-2. You will be given a command that install a service locally. Run it.
-3. Your localhost:8080 will be available at `air.zenuml.com`.
-4. Add your subdomain to `vue.config.js` so that it is allowed to access the dev server.
-
-```js
-devServer: {
-  allowedHosts: "all",
-      historyApiFallback: true,
-      hot: true,
-      host: '0.0.0.0',
-      port: 8080,
-      client: {
-    webSocketURL: 'auto://0.0.0.0:0/ws',
-  }
-}
-```
+1. Start your local dev server at `8080` with `pnpm dev`.
+2. Request a subdomain from the team. For example, `air.zenuml.com`.
+3. You will be given a command that install a service locally. Run it.
+4. Your localhost:8080 will be available at `air.zenuml.com`.
 
 # Code Structure
 This repository contains both the DSL parser and the renderer.

public/cy/defect-406-alt-under-creation.html → cy/defect-406-alt-under-creation.html

@@ -14,24 +14,25 @@
   <body>
     <div id="diagram" class="diagram">
 <pre class="zenuml">title Title 1
-A.m {
+A.m1 {
   new B(1,2,3,4) {
     if(x) {
-      C.m
+      C.m2
     }
     while(y) {
-      D.m
+      D.m3
     }
     par {
-      E.m
-      F.m
+      E.m4
+      F.m5
     }
     opt {
-      G.m
+      G.m6
     }
   }
 }</pre>
     </div>
     <!-- built files will be auto injected -->
+    <script type="module" src="/src/main.ts"></script>
   </body>
 </html>

public/cy/smoke-creation.html → cy/smoke-creation.html

@@ -19,5 +19,6 @@
 }</pre>
     </div>
     <!-- built files will be auto injected -->
+    <script type="module" src="/src/main.ts"></script>
   </body>
 </html>

public/cy/smoke-fragment-issue.html → cy/smoke-fragment-issue.html

@@ -31,5 +31,6 @@
 
     </div>
     <!-- built files will be auto injected -->
+    <script type="module" src="/src/main.ts"></script>
   </body>
 </html>

public/cy/smoke-fragment.html → cy/smoke-fragment.html

@@ -35,5 +35,6 @@
     </div>
 
     <!-- built files will be auto injected -->
+    <script type="module" src="/src/main.ts"></script>
   </body>
 </html>

public/cy/smoke-interaction.html → cy/smoke-interaction.html

@@ -28,5 +28,6 @@
     </div>
 
     <!-- built files will be auto injected -->
+    <script type="module" src="/src/main.ts"></script>
   </body>
 </html>

public/cy/smoke-return.html → cy/smoke-return.html

@@ -32,5 +32,6 @@
 </pre>
     </div>
     <!-- built files will be auto injected -->
+    <script type="module" src="/src/main.ts"></script>
   </body>
 </html>

public/cy/smoke.html → cy/smoke.html

@@ -24,7 +24,7 @@
   try {
     // String line;
     while((line = br.readLine()) != null) {
-      resultStringBuilder.append(line).append("\n");
+      resultStringBuilder.append(line);
     }
   }
   catch(IOException) {
@@ -36,5 +36,7 @@
 </pre>
     </div>
     <!-- built files will be auto injected -->
+    <script type="module" src="/src/main.ts"></script>
+
   </body>
 </html>

cypress.config.ts

@@ -0,0 +1,14 @@
+import { defineConfig } from 'cypress'
+
+export default defineConfig({
+  projectId: 'srixxa',
+  e2e: {
+    // We've imported your old cypress plugins here.
+    // You may want to clean this up later by importing these.
+    setupNodeEvents(on, config) {
+      return require('./cypress/plugins/index.js')(on, config)
+    },
+    excludeSpecPattern: ['**/__snapshots__/*', '**/__image_snapshots__/*'],
+    specPattern: 'cypress/e2e/**/*.{js,jsx,ts,tsx}',
+  },
+})

cypress/e2e/creation.spec.js

@@ -0,0 +1,12 @@
+/* eslint-disable no-undef */
+import 'cypress-plugin-snapshots/commands';
+describe('Smoke test', function () {
+  it('creation', function () {
+    cy.visit('http://127.0.0.1:8080/cy/smoke-creation.html')
+    cy.wait(1500);
+    cy.document().toMatchImageSnapshot({
+      imageConfig: {"threshold": 0.01}, capture: "viewport"
+    });
+  });
+
+});

cypress/e2e/defect-406.spec.js

@@ -0,0 +1,11 @@
+/* eslint-disable no-undef */
+import 'cypress-plugin-snapshots/commands';
+describe('Defect 406', function () {
+  it('Fragments under Creation', function () {
+    cy.visit('http://127.0.0.1:8080/cy/defect-406-alt-under-creation.html');
+    cy.get('[data-signature="m6"]', { timeout: 5000 }).should('be.visible');
+    cy.document().toMatchImageSnapshot({
+      imageConfig: {"threshold": 0.01}, capture: "viewport"
+    });
+  });
+});

cypress/e2e/fragment.spec.js

@@ -0,0 +1,19 @@
+/* eslint-disable no-undef */
+import 'cypress-plugin-snapshots/commands';
+describe('Smoke test', function () {
+  it('fragmentIssue', function () {
+    cy.visit('http://127.0.0.1:8080/cy/smoke-fragment-issue.html')
+    cy.wait(1500);
+    cy.document().toMatchImageSnapshot({
+      imageConfig: {"threshold": 0.01}, capture: "viewport"
+    });
+  });
+
+  it('fragment', function () {
+    cy.visit('http://127.0.0.1:8080/cy/smoke-fragment.html')
+    cy.wait(1500);
+    cy.document().toMatchImageSnapshot({
+      imageConfig: {"threshold": 0.02}, capture: "viewport"
+    });
+  });
+});

cypress/e2e/interaction.spec.js

@@ -0,0 +1,11 @@
+/* eslint-disable no-undef */
+import 'cypress-plugin-snapshots/commands';
+describe('Smoke test', function () {
+  it('interaction', function () {
+    cy.visit('http://127.0.0.1:8080/cy/smoke-interaction.html')
+    cy.wait(1500);
+    cy.document().toMatchImageSnapshot({
+      imageConfig: {"threshold": 0.01}, capture: "viewport"
+    });
+  });
+});

cypress/e2e/return.spec.js

@@ -0,0 +1,11 @@
+/* eslint-disable no-undef */
+import 'cypress-plugin-snapshots/commands';
+describe('Smoke test', function () {
+  it('return', function () {
+    cy.visit('http://127.0.0.1:8080/cy/smoke-return.html')
+    cy.wait(1500);
+    cy.document().toMatchImageSnapshot({
+      imageConfig: {"threshold": 0.01}, capture: "viewport"
+    });
+  });
+});

cypress/e2e/smoke.spec.js

@@ -0,0 +1,11 @@
+/* eslint-disable no-undef */
+import 'cypress-plugin-snapshots/commands';
+describe('Smoke test', function () {
+  it('should load the home page', function () {
+    cy.visit('http://127.0.0.1:8080/cy/smoke.html');
+    cy.get('[data-signature="append(line)"]', {timeout: 5000}).should('be.visible');
+    cy.document().toMatchImageSnapshot({
+      imageConfig: {"threshold": 0.01}, capture: "viewport"
+    });
+  });
+});