insert N blocks for N charts

Author: contactashish13

cypress/integration/free-gutenberg.js

@@ -10,8 +10,8 @@ describe('Test Free - gutenberg', function() {
     });
 
     it('Create all charts', function() {
-        //cy.create_available_charts(Cypress.env('chart_types').free);
-        cy.create_available_charts(1);
+        cy.create_available_charts(Cypress.env('chart_types').free);
+        //cy.create_available_charts(1);
     });
 
     it('Verify insertion of charts', function() {
@@ -20,37 +20,35 @@ describe('Test Free - gutenberg', function() {
         // get rid of that irritating popup
         cy.get('.nux-dot-tip__disable').click();
 
-        // insert a visualizer block
-        cy.get('div.edit-post-header-toolbar .block-editor-inserter button').click();
-        cy.get('.components-popover__content').then(function ($popup) {
-            cy.wrap($popup).find('.block-editor-inserter__search').type('visua');
-            cy.wrap($popup).find('.block-editor-inserter__results ul.block-editor-block-types-list li').should('have.length', 1);
-            cy.wrap($popup).find('.block-editor-inserter__results ul.block-editor-block-types-list li button').click();
-        });
-
-        // see the block has the correct elements.
-        cy.get('div[data-type="visualizer/chart"]').should('have.length', 1);
-        cy.get('.visualizer-settings__content-option').should('have.length', 2);
-
-        cy.get('.visualizer-settings__content-option').last().click();
-        cy.wait( Cypress.env('wait') );
-
-
         var charts = [];
         for(var i = 1; i <= parseInt(Cypress.env('chart_types').free); i++){
-            //charts.push(i);
+            charts.push(i);
         }
-        charts.push(1);
+        //charts.push(1);charts.push(2);
 
         cy.wrap(charts).each((num, i, array) => {
-            cy.get('.visualizer-settings .visualizer-settings__charts-single:nth-child(' + num + ')').find('.visualizer-settings__charts-controls').click();
-            cy.wait( Cypress.env('wait') );
-            cy.get('.visualizer-settings .visualizer-settings__chart').should('have.length', 1);
-            cy.get('.visualizer-settings .visualizer-settings__chart > div').should('have.length', 1);
-            cy.get('.visualizer-settings .components-button-group button').should('have.length', 2);
-            // go back to insert another one.
-            cy.get('.visualizer-settings  .components-button-group button').first().click();
-            cy.wait( Cypress.env('wait') );
+            // insert a visualizer block
+            cy.get('div.edit-post-header-toolbar .block-editor-inserter button').click();
+            cy.get('.components-popover__content').then(function ($popup) {
+                cy.wrap($popup).find('.block-editor-inserter__search').type('visua');
+                cy.wrap($popup).find('.block-editor-inserter__results ul.block-editor-block-types-list li').should('have.length', 1);
+                cy.wrap($popup).find('.block-editor-inserter__results ul.block-editor-block-types-list li button').click();
+            });
+
+            // see the block has the correct elements.
+            cy.get('div[data-type="visualizer/chart"]').should('have.length', num);
+            cy.get('div[data-type="visualizer/chart"]:nth-child(' + num + ')').then( ($block) => {
+                cy.wrap($block).find('.visualizer-settings__content-option').should('have.length', 2);
+
+                cy.wrap($block).find('.visualizer-settings__content-option').last().click();
+                cy.wait( Cypress.env('wait') );
+
+                cy.wrap($block).find('.visualizer-settings .visualizer-settings__charts-single:nth-child(' + num + ') .visualizer-settings__charts-controls').click();
+                cy.wait( Cypress.env('wait') );
+                cy.wrap($block).find('.visualizer-settings .visualizer-settings__chart').should('have.length', 1);
+                cy.wrap($block).find('.visualizer-settings .visualizer-settings__chart > div').should('have.length', 1);
+                cy.wrap($block).find('.visualizer-settings .components-button-group button').should('have.length', 2);
+            });
         });
     });
 

cypress/support/index.js

@@ -23,3 +23,12 @@ import './commands'
 Cypress.Cookies.defaults({
     whitelist: /wordpress_.*/
 })
+
+Cypress.on('uncaught:exception', (err, runnable) => {
+  // ignore crossorigin errors - happens when a chart is inserted in Gutenberg.
+  expect(err.message).to.include('crossorigin');
+
+  // returning false here prevents Cypress from
+  // failing the test
+  return false
+})