cypress tests

Author: contactashish13

cypress.json

@@ -14,7 +14,11 @@
         "plan2": 0
     },
     "query": "SELECT post_type, count(*) from wp_posts GROUP by post_type",
-    "wait": 10000
+    "wait": 10000,
+    "editors": {
+        "free": 2,
+        "selected" : "table"
+    }
   },
   "videoUploadOnPasses": false,
   "projectId": "yhx2jj"

cypress/integration/free-sources.js

@@ -160,4 +160,56 @@ describe('Test Free - sources', function() {
         });
     });
 
+    it('Manual Data', function() {
+        cy.visit(Cypress.env('urls').library ).then(() => {
+            const id = Cypress.$('div.visualizer-chart div.visualizer-chart-canvas').first().attr('id');
+            first_chart_content = Cypress.$('#' + id).html();
+        });
+
+        cy.get('.visualizer-chart-action.visualizer-chart-edit').first().click({force:true});
+
+        cy.wait( Cypress.env('wait') );
+
+        cy.get('iframe')
+        .then(function ($iframe) {
+            const $body = $iframe.contents().find('body');
+
+            cy.wrap($body).find('.viz-simple-editor-type.viz-table-editor').should('not.be.visible');
+            cy.wrap($body).find('#viz-editor-type').should('not.be.visible');
+
+            cy.wrap($body).find('.viz-group-title.visualizer-editor-tab').click().then( () => {
+                // check how many editors.
+                cy.wrap($body).find('#viz-editor-type option').should('have.length', Cypress.env('editors').free);
+                
+                // select an editor, save chart and then check if the chart is reloaded with it
+                cy.wrap($body).find('#viz-editor-type').select(Cypress.env('editors').selected);
+                cy.wrap($body).find('#editor-button').click();
+
+                cy.wrap($body).find('.viz-simple-editor-type.viz-table-editor').should('be.visible');
+
+                cy.wrap($body).find('#editor-button').click().then( () => {
+                    cy.wrap($body).find('.viz-simple-editor-type.viz-table-editor').should('not.be.visible');
+                    cy.wrap($body).find('#settings-button').click({force:true});
+                });
+            });
+        });
+
+        cy.wait( Cypress.env('wait') );
+
+        // reload the same chart, it should open in the edit tab with the correct editor selected
+        cy.get('.visualizer-chart-action.visualizer-chart-edit').first().click({force:true});
+
+        cy.wait( Cypress.env('wait') );
+
+        cy.get('iframe')
+        .then(function ($iframe) {
+            const $body = $iframe.contents().find('body');
+
+            cy.wrap($body).find('.viz-simple-editor-type.viz-table-editor').should('not.be.visible');
+
+            cy.wrap($body).find('#viz-editor-type').should('be.visible');
+            cy.wrap($body).find('#viz-editor-type').invoke('val').should('contain', Cypress.env('editors').selected);
+        });
+    });
+
 })