test: UI test for Workspace 2.0

cypress/integration/workspace.js

@@ -0,0 +1,86 @@
+context('Workspace 2.0', () => {
+	before(() => {
+		cy.login();
+		cy.visit('/app/website');
+	});
+
+	it('Navigate to page from sidebar', () => {
+		cy.get('.codex-editor__redactor .ce-block');
+		cy.get('.sidebar-item-container[item-name="Settings"]').first().click();
+		cy.location('pathname').should('eq', '/app/settings');
+	});
+
+	it('Create Private Page', () => {
+		cy.get('.codex-editor__redactor .ce-block');
+		cy.get('.custom-actions button[data-label="Create%20Page"]').click();
+		cy.fill_field('title', 'Test Private Page', 'Data');
+		cy.fill_field('icon', 'edit', 'Icon');
+		cy.get_open_dialog().find('.modal-header').click();
+		cy.get_open_dialog().find('.btn-primary').click();
+
+		// check if sidebar item is added in pubic section
+		cy.get('.sidebar-item-container[item-name="Test Private Page"]').should('have.attr', 'item-public', '0');
+
+		cy.get('.standard-actions .btn-primary[data-label="Save Customizations"]').click();
+		cy.wait(300);
+		cy.get('.sidebar-item-container[item-name="Test Private Page"]').should('have.attr', 'item-public', '0');
+	});
+
+	it('Add New Block', () => {
+		cy.get('.codex-editor__redactor .ce-block');
+		cy.get('.standard-actions .btn-secondary[data-label=Customize]').click();
+
+		cy.get('.custom-actions .inner-group-button[data-label="Add%20Block"]').click();
+		cy.get('.custom-actions .inner-group-button .dropdown-menu .block-menu-item-label').contains('Heading').click();
+		cy.get(".ce-block:last").type('Header');
+		cy.get(".ce-block:last").find('.ce-header').should('exist');
+
+		cy.get('.custom-actions .inner-group-button[data-label="Add%20Block"]').click();
+		cy.get('.custom-actions .inner-group-button .dropdown-menu .block-menu-item-label').contains('Text').click();
+		cy.get(".ce-block:last").type('Paragraph text');
+		cy.get(".ce-block:last").find('.ce-paragraph').should('exist');
+	});
+
+	it('Delete A Block', () => {
+		cy.get(".ce-block:last").find('.delete-paragraph').click();
+		cy.get(".ce-block:last").find('.ce-paragraph').should('not.exist');
+	});
+
+	it('Shrink and Expand A Block', () => {
+		cy.get(".ce-block:last").find('.tune-btn').click();
+		cy.get('.ce-settings--opened .ce-shrink-button').click();
+		cy.get(".ce-block:last").should('have.class', 'col-11');
+		cy.get('.ce-settings--opened .ce-shrink-button').click();
+		cy.get(".ce-block:last").should('have.class', 'col-10');
+		cy.get('.ce-settings--opened .ce-shrink-button').click();
+		cy.get(".ce-block:last").should('have.class', 'col-9');
+		cy.get('.ce-settings--opened .ce-expand-button').click();
+		cy.get(".ce-block:last").should('have.class', 'col-10');
+		cy.get('.ce-settings--opened .ce-expand-button').click();
+		cy.get(".ce-block:last").should('have.class', 'col-11');
+		cy.get('.ce-settings--opened .ce-expand-button').click();
+		cy.get(".ce-block:last").should('have.class', 'col-12');
+	});
+
+	it('Change Header Text Size', () => {
+		cy.get('.ce-settings--opened .cdx-settings-button[data-level="3"]').click();
+		cy.get(".ce-block:last").find('.widget-head h3').should('exist');
+		cy.get('.ce-settings--opened .cdx-settings-button[data-level="4"]').click();
+		cy.get(".ce-block:last").find('.widget-head h4').should('exist');
+
+		cy.get('.standard-actions .btn-primary[data-label="Save Customizations"]').click();
+	});
+
+	it('Delete Private Page', () => {
+		cy.get('.codex-editor__redactor .ce-block');
+		cy.get('.standard-actions .btn-secondary[data-label=Customize]').click();
+
+		cy.get('.sidebar-item-container[item-name="Test Private Page"]').find('.sidebar-item-control .delete-page').click();
+		cy.wait(300);
+		cy.get('.modal-footer > .standard-actions > .btn-modal-primary:visible').first().click();
+		cy.get('.standard-actions .btn-primary[data-label="Save Customizations"]').click();
+		cy.get('.codex-editor__redactor .ce-block');
+		cy.get('.sidebar-item-container[item-name="Test Private Page"]').should('not.exist');
+	});
+
+});

frappe/public/js/frappe/views/workspace/workspace.js

@@ -386,6 +386,7 @@ frappe.views.Workspace = class Workspace {
 			() => {
 				this.page.clear_primary_action();
 				this.page.clear_secondary_action();
+				this.page.clear_inner_toolbar();
 				this.undo.readOnly = true;
 				this.save_page();
 				this.editor.readOnly.toggle();