(needhelp) add multiuser test for 'Ruler' checkbox toggle

when there multiple clients and one of them checks the ruler checkbox,
then if the other clients reload, they should have the ruler checkbox
checked and the ruler visible.

Signed-off-by: Sahil Gautam <[email protected]>
Change-Id: I02a4af42c7974a0c9bcd3e0b79a80068fc228ae8

Author: printfdebugging

cypress_test/integration_tests/multiuser/writer/notebookbar_spec.js

@@ -0,0 +1,56 @@
+/* global describe it cy beforeEach require */
+
+var helper = require('../../common/helper');
+var desktopHelper = require('../../common/desktop_helper');
+
+describe(['tagmultiuser'], 'Checkbox Widget Test', function () {
+
+	beforeEach(function() {
+		helper.setupAndLoadDocument('writer/annotation.odt',true);
+		cy.viewport(1920,1080);
+		desktopHelper.switchUIToNotebookbar();
+	});
+
+	it('Ruler Toggle', function() {
+		// select the first client and goto view tab
+		cy.cSetActiveFrame('#iframe1');
+		cy.cGet('#View-tab-label').click();
+
+		// assert ruler visibility and check the checkbox
+		cy.cGet('#showruler').should('be.visible');
+		cy.cGet('#showruler').should('have.class', 'ui-checkbox');
+		cy.cGet('#showruler-input').should('be.visible');
+		cy.cGet('#showruler-input').should('not.be.checked');
+		cy.cGet('.cool-ruler').should('not.be.visible');
+
+		cy.cGet('#showruler-input').check({ force: true });
+		cy.cGet('#showruler-input').should('be.checked');
+		cy.cGet('.cool-ruler').should('be.visible');
+
+		// switch to the second client and assert ruler before and after reload
+		cy.cSetActiveFrame('#iframe2');
+		cy.cGet('#View-tab-label').click();
+		cy.pause();
+
+		// ruler not visible before reload
+		cy.cGet('#showruler').should('be.visible');
+		cy.cGet('#showruler').should('have.class', 'ui-checkbox');
+		cy.cGet('#showruler-input').should('be.visible');
+		cy.cGet('#showruler-input').should('not.be.checked');
+		cy.cGet('.cool-ruler').should('not.be.visible');
+		cy.pause();
+
+		// reload
+		cy.cSetActiveFrame('#iframe2');
+		cy.get('#form2').submit();
+		cy.wait(1000);
+		helper.documentChecks(true);
+		cy.pause();
+
+		// ruler visible after reload
+		cy.cGet('#View-tab-label').click();
+		cy.pause();
+		cy.cGet('#showruler-input').should('be.checked');
+		cy.cGet('.cool-ruler').should('be.visible');
+	});
+});