309 lines
8 KiB
JavaScript
309 lines
8 KiB
JavaScript
/* global describe it cy beforeEach require expect afterEach*/
|
|
|
|
var helper = require('../common/helper');
|
|
|
|
describe('Insert objects via insertion wizard.', function() {
|
|
beforeEach(function() {
|
|
helper.loadTestDoc('empty.odt', true);
|
|
|
|
// Click on edit button
|
|
cy.get('#mobile-edit-button').click();
|
|
|
|
// Open insertion wizard
|
|
cy.get('#tb_actionbar_item_insertion_mobile_wizard')
|
|
.should('not.have.class', 'disabled')
|
|
.click();
|
|
});
|
|
|
|
afterEach(function() {
|
|
cy.get('.closemobile').click();
|
|
cy.wait(200); // wait some time to actually release the document
|
|
});
|
|
|
|
it('Insert local image.', function() {
|
|
// We check whether the entry is there
|
|
cy.get('.menu-entry-with-icon')
|
|
.contains('Local Image...');
|
|
// We not not test the insertion, it might depend on the system.
|
|
});
|
|
|
|
it('Insert comment.', function() {
|
|
cy.get('.menu-entry-with-icon')
|
|
.contains('Comment')
|
|
.click();
|
|
|
|
// Comment insertion dialog is opened
|
|
cy.get('.loleaflet-annotation-table')
|
|
.should('exist');
|
|
|
|
// Push cancel to close the dialog
|
|
cy.get('.vex-dialog-button-secondary.vex-dialog-button.vex-last')
|
|
.click();
|
|
});
|
|
|
|
it('Insert default table.', function() {
|
|
// Open Table submenu
|
|
cy.get('.menu-entry-with-icon.flex-fullwidth')
|
|
.contains('Table')
|
|
.click();
|
|
cy.get('.mobile-wizard.ui-text')
|
|
.should('be.visible');
|
|
|
|
// Scroll to the bottom
|
|
cy.get('#mobile-wizard-content').scrollTo(0, 1000);
|
|
|
|
// Push insert table button
|
|
cy.get('.inserttablecontrols button')
|
|
.should('be.visible')
|
|
.click();
|
|
|
|
// Table is inserted with the markers shown
|
|
cy.get('.leaflet-marker-icon.table-column-resize-marker')
|
|
.should('exist')
|
|
.should('have.length', 3);
|
|
cy.get('.leaflet-marker-icon.table-row-resize-marker')
|
|
.should('exist')
|
|
.should('have.length', 2);
|
|
});
|
|
|
|
it('Insert custom table.', function() {
|
|
// Open Table submenu
|
|
cy.get('.menu-entry-with-icon.flex-fullwidth')
|
|
.contains('Table')
|
|
.click();
|
|
cy.get('.mobile-wizard.ui-text')
|
|
.should('be.visible');
|
|
|
|
// Scroll to the bottom
|
|
cy.get('#mobile-wizard-content').scrollTo(0, 1000);
|
|
|
|
// Change rows and columns
|
|
cy.get('.inserttablecontrols #rows .sinfieldcontrols .plus')
|
|
.click();
|
|
cy.get('.inserttablecontrols #cols .sinfieldcontrols .plus')
|
|
.click();
|
|
|
|
// Push insert table button
|
|
cy.get('.inserttablecontrols button')
|
|
.should('be.visible')
|
|
.click();
|
|
|
|
// Table is inserted with the markers shown
|
|
cy.get('.leaflet-marker-icon.table-column-resize-marker')
|
|
.should('exist')
|
|
.should('have.length', 4);
|
|
cy.get('.leaflet-marker-icon.table-row-resize-marker')
|
|
.should('exist')
|
|
.should('have.length', 3);
|
|
});
|
|
|
|
it('Insert header.', function() {
|
|
// Get the blinking cursor pos
|
|
cy.get('#document-container').type('xxxx');
|
|
var cursorOrigLeft = 0;
|
|
cy.get('.blinking-cursor')
|
|
.then(function(cursor) {
|
|
expect(cursor).to.have.lengthOf(1) ;
|
|
cursorOrigLeft = cursor[0].getBoundingClientRect().left;
|
|
});
|
|
|
|
// Open header/footer submenu
|
|
cy.get('.sub-menu-title')
|
|
.contains('Header and Footer')
|
|
.click();
|
|
cy.get('.ui-header.level-1.mobile-wizard.ui-widget')
|
|
.should('be.visible');
|
|
|
|
// Open header submenu
|
|
cy.get('.ui-header.level-1.mobile-wizard.ui-widget .sub-menu-title')
|
|
.contains('Header')
|
|
.click();
|
|
|
|
// Insert header for All
|
|
cy.get('.menu-entry-no-icon')
|
|
.contains('All')
|
|
.click();
|
|
|
|
cy.wait(100);
|
|
|
|
// Check that the cursor was moved
|
|
cy.get('.blinking-cursor')
|
|
.then(function(cursor) {
|
|
expect(cursor).to.have.lengthOf(1);
|
|
expect(cursor[0].getBoundingClientRect().left).to.be.lessThan(cursorOrigLeft);
|
|
});
|
|
});
|
|
|
|
it.only('Insert footer.', function() {
|
|
// Get the blinking cursor pos
|
|
cy.get('#document-container').type('xxxx');
|
|
var cursorOrigTop = 0;
|
|
cy.get('.blinking-cursor')
|
|
.then(function(cursor) {
|
|
expect(cursor).to.have.lengthOf(1) ;
|
|
cursorOrigTop = cursor[0].getBoundingClientRect().top;
|
|
});
|
|
|
|
// Open header/footer submenu
|
|
cy.get('.sub-menu-title')
|
|
.contains('Header and Footer')
|
|
.click();
|
|
cy.get('.ui-header.level-1.mobile-wizard.ui-widget')
|
|
.should('be.visible');
|
|
|
|
// Open footer submenu
|
|
cy.get('.ui-header.level-1.mobile-wizard.ui-widget .sub-menu-title')
|
|
.contains('Footer')
|
|
.click();
|
|
|
|
// Insert footer for All
|
|
cy.get('.ui-content.level-1.mobile-wizard[title~="Footer"] .ui-header.level-2.mobile-wizard.ui-widget .menu-entry-no-icon')
|
|
.contains('All')
|
|
.click();
|
|
|
|
cy.wait(100);
|
|
|
|
// Check that the cursor was moved
|
|
cy.get('.blinking-cursor')
|
|
.then(function(cursor) {
|
|
expect(cursor).to.have.lengthOf(1);
|
|
expect(cursor[0].getBoundingClientRect().top).to.be.greaterThan(cursorOrigTop);
|
|
});
|
|
});
|
|
|
|
it('Insert footnote.', function() {
|
|
// Get the blinking cursor pos
|
|
cy.get('#document-container').type('xxxx');
|
|
var cursorOrigTop = 0;
|
|
cy.get('.blinking-cursor')
|
|
.then(function(cursor) {
|
|
expect(cursor).to.have.lengthOf(1);
|
|
cursorOrigTop = cursor[0].getBoundingClientRect().top;
|
|
});
|
|
|
|
// Insert footnote
|
|
cy.get('.menu-entry-with-icon')
|
|
.contains('Footnote')
|
|
.click();
|
|
|
|
cy.wait(100);
|
|
|
|
// Check that the cursor was moved down
|
|
cy.get('.blinking-cursor')
|
|
.then(function(cursor) {
|
|
expect(cursor).to.have.lengthOf(1);
|
|
expect(cursor[0].getBoundingClientRect().top).to.be.greaterThan(cursorOrigTop);
|
|
});
|
|
});
|
|
|
|
it('Insert endnote.', function() {
|
|
// Get the blinking cursor pos
|
|
cy.get('#document-container').type('xxxx');
|
|
var cursorOrigTop = 0;
|
|
cy.get('.blinking-cursor')
|
|
.then(function(cursor) {
|
|
expect(cursor).to.have.lengthOf(1);
|
|
cursorOrigTop = cursor[0].getBoundingClientRect().top;
|
|
});
|
|
|
|
// Insert endnote
|
|
cy.get('.menu-entry-with-icon')
|
|
.contains('Endnote')
|
|
.click();
|
|
|
|
cy.wait(100);
|
|
|
|
// Check that the cursor was moved down
|
|
cy.get('.blinking-cursor')
|
|
.then(function(cursor) {
|
|
expect(cursor).to.have.lengthOf(1);
|
|
expect(cursor[0].getBoundingClientRect().top).to.be.greaterThan(cursorOrigTop);
|
|
});
|
|
});
|
|
|
|
it('Insert page break.', function() {
|
|
// Get the blinking cursor pos
|
|
cy.get('#document-container').type('xxxx');
|
|
var cursorOrigTop = 0;
|
|
cy.get('.blinking-cursor')
|
|
.then(function(cursor) {
|
|
expect(cursor).to.have.lengthOf(1);
|
|
cursorOrigTop = cursor[0].getBoundingClientRect().top;
|
|
});
|
|
|
|
// Insert endnote
|
|
cy.get('.menu-entry-with-icon')
|
|
.contains('Page Break')
|
|
.click();
|
|
|
|
cy.wait(100);
|
|
|
|
// Check that the cursor was moved down
|
|
cy.get('.blinking-cursor')
|
|
.then(function(cursor) {
|
|
expect(cursor).to.have.lengthOf(1);
|
|
expect(cursor[0].getBoundingClientRect().top).to.be.greaterThan(cursorOrigTop);
|
|
});
|
|
});
|
|
|
|
it('Insert column break.', function() {
|
|
// Get the blinking cursor pos
|
|
cy.get('#document-container').type('xxxx');
|
|
var cursorOrigTop = 0;
|
|
cy.get('.blinking-cursor')
|
|
.then(function(cursor) {
|
|
expect(cursor).to.have.lengthOf(1);
|
|
cursorOrigTop = cursor[0].getBoundingClientRect().top;
|
|
});
|
|
|
|
// Do insertion
|
|
cy.get('.menu-entry-with-icon')
|
|
.contains('Column Break')
|
|
.click();
|
|
|
|
cy.wait(100);
|
|
|
|
// Check that the cursor was moved down
|
|
cy.get('.blinking-cursor')
|
|
.then(function(cursor) {
|
|
expect(cursor).to.have.lengthOf(1);
|
|
expect(cursor[0].getBoundingClientRect().top).to.be.greaterThan(cursorOrigTop);
|
|
});
|
|
});
|
|
|
|
it('Insert hyperlink.', function() {
|
|
// Open hyperlink dialog
|
|
cy.get('.menu-entry-with-icon')
|
|
.contains('Hyperlink...')
|
|
.click();
|
|
|
|
// Dialog is opened
|
|
cy.get('.vex-content.hyperlink-dialog')
|
|
.should('exist');
|
|
|
|
// Push cancel to close the dialog
|
|
cy.get('.vex-dialog-button-secondary.vex-dialog-button.vex-last')
|
|
.click();
|
|
});
|
|
|
|
it('Insert shape.', function() {
|
|
// Do insertion
|
|
cy.get('.menu-entry-with-icon')
|
|
.contains('Shape')
|
|
.click();
|
|
|
|
cy.get('.col.w2ui-icon.basicshapes_rectangle').
|
|
click();
|
|
|
|
// Check that the shape is there
|
|
cy.get('.leaflet-pane.leaflet-overlay-pane svg g')
|
|
.should('exist');
|
|
|
|
cy.get('.leaflet-pane.leaflet-overlay-pane svg')
|
|
.then(function(svg) {
|
|
expect(svg).to.have.lengthOf(1);
|
|
expect(svg[0].getBBox().width).to.be.greaterThan(0);
|
|
expect(svg[0].getBBox().height).to.be.greaterThan(0);
|
|
});
|
|
});
|
|
});
|