mermaid-js#2177 Updating cypress and percy

surelion · Jul 7, 2021 · 7fcb1ae · 7fcb1ae
1 parent 6715498
commit 7fcb1ae
Show file tree

Hide file tree

Showing 30 changed files with 2,725 additions and 1,265 deletions.
diff --git a/.percy.old.yml b/.percy.old.yml
@@ -0,0 +1,3 @@
+version: 1
+snapshot:
+  widths: [1280]
diff --git a/.percy.yml b/.percy.yml
@@ -1,3 +1,6 @@
-version: 1
+version: 2
 snapshot:
-  widths: [1280]
+  widths:
+    - 1280
+discovery:
+  disable-cache: true
diff --git a/cypress/integration/other/interaction.spec.js b/cypress/integration/other/interaction.spec.js
@@ -178,7 +178,8 @@ describe('Interaction', () => {
         .find('g#flowchart-Function-2')
         .click();
 
-      cy.get('.created-by-click').should('not.have.text', 'Clicked By Flow');
+      cy.get('.created-by-click').should('not.exist');
+      // cy.get('.created-by-click').should('not.have.text', 'Clicked By Flow');
     });
     it('should handle a click on a node with a bound function where the node starts with a number', () => {
       const url = 'http://localhost:9000/click_security_strict.html';
@@ -188,7 +189,8 @@ describe('Interaction', () => {
         .find('g[id="flowchart-1Function-6"]')
         .click();
 
-      cy.get('.created-by-click').should('not.have.text', 'Clicked By Flow');
+      // cy.get('.created-by-click').should('not.have.text', 'Clicked By Flow');
+      cy.get('.created-by-click').should('not.exist');
     });
     it('should handle a click on a node with a bound url', () => {
       const url = 'http://localhost:9000/click_security_strict.html';
@@ -247,7 +249,8 @@ describe('Interaction', () => {
         .find('rect#cl2')
         .click({ force: true });
 
-      cy.get('.created-by-gant-click').should('not.have.text', 'Clicked By Gant cl2');
+      // cy.get('.created-by-gant-click').should('not.have.text', 'Clicked By Gant cl2');
+      cy.get('.created-by-gant-click').should('not.exist')
     });
     it('should handle a click on a task with a bound function', () => {
       const url = 'http://localhost:9000/click_security_strict.html';
@@ -257,7 +260,8 @@ describe('Interaction', () => {
         .find('text#cl2-text')
         .click({ force: true });
 
-      cy.get('.created-by-gant-click').should('not.have.text', 'Clicked By Gant cl2');
+      // cy.get('.created-by-gant-click').should('not.have.text', 'Clicked By Gant cl2');
+      cy.get('.created-by-gant-click').should('not.exist')
     });
   });
 
@@ -270,7 +274,8 @@ describe('Interaction', () => {
         .find('g#flowchart-Function-2')
         .click();
 
-      cy.get('.created-by-click').should('not.have.text', 'Clicked By Flow');
+      // cy.get('.created-by-click').should('not.have.text', 'Clicked By Flow');
+      cy.get('.created-by-click').should('not.exist');
     });
     it('should handle a click on a node with a bound function where the node starts with a number', () => {
       const url = 'http://localhost:9000/click_security_other.html';
@@ -280,7 +285,8 @@ describe('Interaction', () => {
         .find('g[id="flowchart-1Function-6"]')
         .click();
 
-      cy.get('.created-by-click').should('not.have.text', 'Clicked By Flow');
+      cy.get('.created-by-click').should('not.exist');
+      cy.get('.created-by-click').should('not.exist');
     });
     it('should handle a click on a node with a bound url', () => {
       const url = 'http://localhost:9000/click_security_other.html';
@@ -303,7 +309,7 @@ describe('Interaction', () => {
         .find('rect#cl2')
         .click({ force: true });
 
-      cy.get('.created-by-gant-click').should('not.have.text', 'Clicked By Gant cl2');
+      cy.get('.created-by-gant-click').should('not.exist');
     });
     it('should handle a click on a task with a bound function', () => {
       const url = 'http://localhost:9000/click_security_other.html';
@@ -313,7 +319,7 @@ describe('Interaction', () => {
         .find('text#cl2-text')
         .click({ force: true });
 
-      cy.get('.created-by-gant-click').should('not.have.text', 'Clicked By Gant cl2');
+      cy.get('.created-by-gant-click').should('not.exist');
     });
   });
 });
diff --git a/cypress/integration/other/webpackUsage.spec.js b/cypress/integration/other/webpackUsage.spec.js
@@ -16,6 +16,6 @@ describe('Sequencediagram', () => {
       .find('svg')
       .should('have.length', 1);
 
-    cy.get('.label > g > foreignobject > div').should('not.contain.text', '<b>');
+    cy.get('g.label > foreignobject > div').should('not.contain.text', '<b>');
   });
 });
diff --git a/cypress/platform/knsv.html b/cypress/platform/knsv.html
@@ -66,12 +66,9 @@
 
 </div>
 <div class="mermaid" style="width: 100%; height: 20%;">
-stateDiagram-v2
-state CompositeState {
-state AnotherCompositeState1234567890 {
-YourState
-}
-}
+flowchart TD
+A("<img scr='https://iconscout.com/ms-icon-310x310.png'  />")
+B(<b>Bold text!</b>)
   </div>
 <div class="mermaid2" style="width: 100%; height: 20%;">
 stateDiagram-v2
@@ -81,7 +78,7 @@
 }
 }
   </div>
-<div class="mermaid" style="width: 100%; height: 20%;">
+<div class="mermaid2" style="width: 100%; height: 20%;">
       stateDiagram-v2
         [*] --> Active
 
@@ -125,7 +122,7 @@
           rankSpacing: 50,
           defaultRenderer: 'dagre-wrapper',
         },
-
+        logLevel:0,
         fontSize: 18,
         curve: 'cardinal',
         securityLevel: 'loose',

diff --git a/cypress/plugins/index.js b/cypress/plugins/index.js
@@ -16,10 +16,8 @@
 //   // `config` is the resolved Cypress config
 // }
 
-let percyHealthCheck = require("@percy/cypress/task");
 
 module.exports = (on, config) => {
   // `on` is used to hook into various events Cypress emits
   // `config` is the resolved Cypress config
-  on("task", percyHealthCheck);
 };
diff --git a/...sspelling -- should handle a click on a node with a bound function (failed).png b/...sspelling -- should handle a click on a node with a bound function (failed).png
diff --git a/...n a node with a bound function where the node starts with a number (failed).png b/...n a node with a bound function where the node starts with a number (failed).png
diff --git a/...lling -- should handle a click on a task with a bound function (failed) (1).png b/...lling -- should handle a click on a task with a bound function (failed) (1).png
diff --git a/...sspelling -- should handle a click on a task with a bound function (failed).png b/...sspelling -- should handle a click on a task with a bound function (failed).png
diff --git a/...n a node with a bound function where the node starts with a number (failed).png b/...n a node with a bound function where the node starts with a number (failed).png
diff --git a/... tight -- should handle a click on a node without a bound function (failed).png b/... tight -- should handle a click on a node without a bound function (failed).png
diff --git a/...tight -- should handle a click on a task with a bound function (failed) (1).png b/...tight -- should handle a click on a task with a bound function (failed) (1).png
diff --git a/...vel tight -- should handle a click on a task with a bound function (failed).png b/...vel tight -- should handle a click on a task with a bound function (failed).png
diff --git a/...e.spec.js/Sequencediagram -- should handle html escapings properly (failed).png b/...e.spec.js/Sequencediagram -- should handle html escapings properly (failed).png
diff --git a/...7 should render a class diagram when useMaxWidth is true (default) (failed).png b/...7 should render a class diagram when useMaxWidth is true (default) (failed).png
diff --git a/...gram -- 18 should render a class diagram when useMaxWidth is false (failed).png b/...gram -- 18 should render a class diagram when useMaxWidth is false (failed).png
diff --git a/...size -- should render a sequence diagram when useMaxWidth is false (failed).png b/...size -- should render a sequence diagram when useMaxWidth is false (failed).png
diff --git a/...hould render a sequence diagram when useMaxWidth is true (default) (failed).png b/...hould render a sequence diagram when useMaxWidth is true (default) (failed).png
diff --git a/...gram -- v2 should render a state diagram when useMaxWidth is false (failed).png b/...gram -- v2 should render a state diagram when useMaxWidth is false (failed).png
diff --git a/...2 should render a state diagram when useMaxWidth is true (default) (failed).png b/...2 should render a state diagram when useMaxWidth is true (default) (failed).png
diff --git a/cypress/support/index.js b/cypress/support/index.js
@@ -14,7 +14,8 @@
 // ***********************************************************
 
 // Import commands.js using ES2015 syntax:
-import './commands'
+import './commands';
+import '@percy/cypress';
 
 // Alternatively you can use CommonJS syntax:
 // require('./commands')