cypress_test/integration_tests/mobile/impress/apply_paragraph_props_spec.js |  
354 +++++++++-
 1 file changed, 345 insertions(+), 9 deletions(-)

New commits:
commit 8fc6a5762c1136ce1567cb57777d4dec9f86424e
Author:     Tamás Zolnai <tamas.zol...@collabora.com>
AuthorDate: Thu Jun 4 10:35:34 2020 +0200
Commit:     Tamás Zolnai <tamas.zol...@collabora.com>
CommitDate: Thu Jun 4 11:01:38 2020 +0200

    cypress: more paragraph properties test in impress (mobile)
    
    Change-Id: I439ec6a26a3d5aa3324db7add72ea9003025c753
    Reviewed-on: https://gerrit.libreoffice.org/c/online/+/95486
    Tested-by: Jenkins
    Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoff...@gmail.com>
    Reviewed-by: Tamás Zolnai <tamas.zol...@collabora.com>

diff --git 
a/cypress_test/integration_tests/mobile/impress/apply_paragraph_props_spec.js 
b/cypress_test/integration_tests/mobile/impress/apply_paragraph_props_spec.js
index 39171c90d..9547122e5 100644
--- 
a/cypress_test/integration_tests/mobile/impress/apply_paragraph_props_spec.js
+++ 
b/cypress_test/integration_tests/mobile/impress/apply_paragraph_props_spec.js
@@ -62,6 +62,23 @@ describe('Apply paragraph properties.', function() {
                selectTextShape();
        }
 
+       function selectTextOfShape() {
+               // Double click onto the selected shape
+               cy.get('svg g .leaflet-interactive')
+                       .then(function(items) {
+                               expect(items).to.have.length(1);
+                               var XPos = 
(items[0].getBoundingClientRect().left + 
items[0].getBoundingClientRect().right) / 2;
+                               var YPos = 
(items[0].getBoundingClientRect().top + 
items[0].getBoundingClientRect().bottom) / 2;
+                               cy.get('body')
+                                       .dblclick(XPos, YPos);
+                       });
+
+               cy.get('.leaflet-cursor.blinking-cursor')
+                       .should('exist');
+
+               helper.selectAllText(false);
+       }
+
        function openParagraphPropertiesPanel() {
                mobileHelper.openMobileWizard();
 
@@ -72,7 +89,14 @@ describe('Apply paragraph properties.', function() {
                        .should('be.visible');
        }
 
-       it('Apply left/right alignment.', function() {
+       function openParagraphPropertiesPanel2() {
+               mobileHelper.openMobileWizard();
+
+               cy.get('#Paragraph')
+                       .click();
+       }
+
+       it('Apply left/right alignment on text shape.', function() {
                cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.TextParagraph .TextPosition')
                        .should('have.attr', 'x', '1400');
 
@@ -99,7 +123,7 @@ describe('Apply paragraph properties.', function() {
                        .should('have.attr', 'x', '1400');
        });
 
-       it('Apply center alignment.', function() {
+       it('Apply center alignment on text shape.', function() {
                cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.TextParagraph .TextPosition')
                        .should('have.attr', 'x', '1400');
 
@@ -114,7 +138,7 @@ describe('Apply paragraph properties.', function() {
                        .should('have.attr', 'x', '12493');
        });
 
-       it('Apply justified alignment.', function() {
+       it('Apply justified alignment on text shape.', function() {
                cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.TextParagraph .TextPosition')
                        .should('have.attr', 'x', '1400');
 
@@ -141,7 +165,7 @@ describe('Apply paragraph properties.', function() {
                        .should('have.attr', 'x', '1400');
        });
 
-       it('Set top/bottom alignment.', function() {
+       it('Set top/bottom alignment on text shape.', function() {
                cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.TextParagraph .TextPosition')
                        .should('have.attr', 'y', '4834');
 
@@ -168,7 +192,7 @@ describe('Apply paragraph properties.', function() {
                        .should('have.attr', 'y', '4834');
        });
 
-       it('Apply center vertical alignment.', function() {
+       it('Apply center vertical alignment on text shape.', function() {
                cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.TextParagraph .TextPosition')
                        .should('have.attr', 'y', '4834');
 
@@ -183,7 +207,7 @@ describe('Apply paragraph properties.', function() {
                        .should('have.attr', 'y', '7823');
        });
 
-       it('Apply default bulleting.', function() {
+       it('Apply default bulleting on text shape.', function() {
                // We have no bulleting by default
                cy.get('.leaflet-pane.leaflet-overlay-pane g.Page .BulletChars')
                        .should('not.exist');
@@ -199,7 +223,7 @@ describe('Apply paragraph properties.', function() {
                        .should('exist');
        });
 
-       it('Apply default numbering.', function() {
+       it('Apply default numbering on text shape.', function() {
                // We have no bulleting by default
                cy.get('.leaflet-pane.leaflet-overlay-pane g.Page .TextShape 
tspan')
                        .should('not.have.attr', 'ooo:numbering-type');
@@ -215,7 +239,7 @@ describe('Apply paragraph properties.', function() {
                        .should('have.attr', 'ooo:numbering-type', 
'number-style');
        });
 
-       it('Apply spacing above.', function() {
+       it('Apply spacing above on text shape.', function() {
                cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.TextParagraph:nth-of-type(2) tspan')
                        .should('have.attr', 'y', '6600');
 
@@ -234,7 +258,7 @@ describe('Apply paragraph properties.', function() {
                        .should('have.attr', 'y', '11180');
        });
 
-       it('Apply spacing below.', function() {
+       it('Apply spacing below on text shape.', function() {
                cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.TextParagraph:nth-of-type(2) tspan')
                        .should('have.attr', 'y', '6600');
 
@@ -252,4 +276,316 @@ describe('Apply paragraph properties.', function() {
                cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.TextParagraph:nth-of-type(2) tspan')
                        .should('have.attr', 'y', '11180');
        });
+
+       it('Apply left/right alignment on selected text.', function() {
+               cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.TextParagraph .TextPosition')
+                       .should('have.attr', 'x', '1400');
+
+               selectTextOfShape();
+
+               // Set right alignment first
+               openParagraphPropertiesPanel2();
+
+               cy.get('#RightPara')
+                       .click();
+
+               triggerNewSVG();
+
+               cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.TextParagraph .TextPosition')
+                       .should('have.attr', 'x', '23586');
+
+               // Set left alignment
+               selectTextOfShape();
+
+               openParagraphPropertiesPanel2();
+
+               cy.get('#LeftPara')
+                       .click();
+
+               triggerNewSVG();
+
+               cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.TextParagraph .TextPosition')
+                       .should('have.attr', 'x', '1400');
+       });
+
+       it('Apply center alignment on selected text.', function() {
+               cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.TextParagraph .TextPosition')
+                       .should('have.attr', 'x', '1400');
+
+               selectTextOfShape();
+
+               openParagraphPropertiesPanel2();
+
+               cy.get('#CenterPara')
+                       .click();
+
+               triggerNewSVG();
+
+               cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.TextParagraph .TextPosition')
+                       .should('have.attr', 'x', '12493');
+       });
+
+       it('Apply justified alignment on selected text.', function() {
+               cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.TextParagraph .TextPosition')
+                       .should('have.attr', 'x', '1400');
+
+               selectTextOfShape();
+
+               // Set right alignment first
+               openParagraphPropertiesPanel2();
+
+               cy.get('#RightPara')
+                       .click();
+
+               triggerNewSVG();
+
+               cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.TextParagraph .TextPosition')
+                       .should('have.attr', 'x', '23586');
+
+               selectTextOfShape();
+
+               // Then set justified alignment
+               openParagraphPropertiesPanel2();
+
+               cy.get('#JustifyPara')
+                       .click();
+
+               triggerNewSVG();
+
+               cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.TextParagraph .TextPosition')
+                       .should('have.attr', 'x', '1400');
+       });
+
+       it('Set top/bottom alignment on selected text.', function() {
+               cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.TextParagraph .TextPosition')
+                       .should('have.attr', 'y', '4834');
+
+               selectTextOfShape();
+
+               // Set bottom alignment first
+               openParagraphPropertiesPanel2();
+
+               cy.get('#CellVertBottom')
+                       .click();
+
+               triggerNewSVG();
+
+               cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.TextParagraph .TextPosition')
+                       .should('have.attr', 'y', '10811');
+
+               selectTextOfShape();
+
+               // Then set top alignment
+               openParagraphPropertiesPanel2();
+
+               cy.get('#CellVertTop')
+                       .click();
+
+               triggerNewSVG();
+
+               cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.TextParagraph .TextPosition')
+                       .should('have.attr', 'y', '4834');
+       });
+
+       it('Apply center vertical alignment on selected text.', function() {
+               cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.TextParagraph .TextPosition')
+                       .should('have.attr', 'y', '4834');
+
+               selectTextOfShape();
+
+               openParagraphPropertiesPanel2();
+
+               cy.get('#CellVertCenter')
+                       .click();
+
+               triggerNewSVG();
+
+               cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.TextParagraph .TextPosition')
+                       .should('have.attr', 'y', '7823');
+       });
+
+       it('Apply default bulleting on selected text.', function() {
+               // We have no bulleting by default
+               cy.get('.leaflet-pane.leaflet-overlay-pane g.Page .BulletChars')
+                       .should('not.exist');
+
+               selectTextOfShape();
+
+               openParagraphPropertiesPanel2();
+
+               cy.get('#DefaultBullet')
+                       .click();
+
+               triggerNewSVG();
+
+               cy.get('.leaflet-pane.leaflet-overlay-pane g.Page .BulletChars')
+                       .should('exist');
+       });
+
+       it('Apply default numbering on selected text.', function() {
+               // We have no bulleting by default
+               cy.get('.leaflet-pane.leaflet-overlay-pane g.Page .TextShape 
tspan')
+                       .should('not.have.attr', 'ooo:numbering-type');
+
+               selectTextOfShape();
+
+               openParagraphPropertiesPanel2();
+
+               cy.get('#DefaultNumbering')
+                       .click();
+
+               triggerNewSVG();
+
+               cy.get('.leaflet-pane.leaflet-overlay-pane g.Page .TextShape 
tspan')
+                       .should('have.attr', 'ooo:numbering-type', 
'number-style');
+       });
+
+       it('Apply spacing above on selected text.', function() {
+               cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.TextParagraph:nth-of-type(2) tspan')
+                       .should('have.attr', 'y', '6600');
+
+               selectTextOfShape();
+
+               openParagraphPropertiesPanel2();
+
+               cy.get('#aboveparaspacing input')
+                       .clear()
+                       .type('2{enter}');
+
+               cy.get('#aboveparaspacing input')
+                       .should('have.attr', 'value', '2');
+
+               triggerNewSVG();
+
+               cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.TextParagraph:nth-of-type(2) tspan')
+                       .should('have.attr', 'y', '11180');
+       });
+
+       it('Apply spacing below on selected text.', function() {
+               cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.TextParagraph:nth-of-type(2) tspan')
+                       .should('have.attr', 'y', '6600');
+
+               selectTextOfShape();
+
+               openParagraphPropertiesPanel2();
+
+               cy.get('#belowparaspacing input')
+                       .clear()
+                       .type('2{enter}');
+
+               cy.get('#belowparaspacing input')
+                       .should('have.attr', 'value', '2');
+
+               triggerNewSVG();
+
+               cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.TextParagraph:nth-of-type(2) tspan')
+                       .should('have.attr', 'y', '11180');
+       });
+
+       it('Increase/decrease spacing of selected text.', function() {
+               cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.TextParagraph:nth-of-type(2) tspan')
+                       .should('have.attr', 'y', '6600');
+
+               selectTextOfShape();
+
+               openParagraphPropertiesPanel2();
+
+               cy.get('#ParaspaceIncrease')
+                       .click();
+
+               triggerNewSVG();
+
+               cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.TextParagraph:nth-of-type(2) tspan')
+                       .should('have.attr', 'y', '6700');
+
+               selectTextOfShape();
+
+               openParagraphPropertiesPanel2();
+
+               cy.get('#ParaspaceDecrease')
+                       .click();
+
+               triggerNewSVG();
+
+               cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.TextParagraph:nth-of-type(2) tspan')
+                       .should('have.attr', 'y', '6600');
+       });
+
+       it('Change writing direction of selected text.', function() {
+               cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.TextParagraph .TextPosition')
+                       .should('have.attr', 'x', '1400');
+
+               // Change right-to-left first
+               selectTextOfShape();
+
+               openParagraphPropertiesPanel2();
+
+               cy.get('#ParaRightToLeft')
+                       .click();
+
+               triggerNewSVG();
+
+               cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.TextParagraph .TextPosition')
+                       .should('have.attr', 'x', '23586');
+
+               // Change back to the default left-to-right
+               selectTextOfShape();
+
+               openParagraphPropertiesPanel2();
+
+               cy.get('#ParaLeftToRight')
+                       .click();
+
+               triggerNewSVG();
+
+               cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.TextParagraph .TextPosition')
+                       .should('have.attr', 'x', '1400');
+       });
+
+       it('Change bulleting level of selected text.', function() {
+               // We have no bulleting by default
+               cy.get('.leaflet-pane.leaflet-overlay-pane g.Page .BulletChars')
+                       .should('not.exist');
+
+               // Apply bulleting first
+               selectTextOfShape();
+
+               openParagraphPropertiesPanel2();
+
+               cy.get('#DefaultBullet')
+                       .click();
+
+               triggerNewSVG();
+
+               cy.get('.leaflet-pane.leaflet-overlay-pane g.Page .BulletChars')
+                       .should('exist');
+               cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.BulletChar:nth-of-type(2) g')
+                       .should('have.attr', 'transform', 
'translate(1700,4563)');
+
+               // Change bulleting level
+               selectTextOfShape();
+
+               openParagraphPropertiesPanel2();
+
+               cy.get('#OutlineRight')
+                       .click();
+
+               triggerNewSVG();
+
+               cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.BulletChar:nth-of-type(2) g')
+                       .should('have.attr', 'transform', 
'translate(2900,4536)');
+
+               // Change bulleting level back to default
+               selectTextOfShape();
+
+               openParagraphPropertiesPanel2();
+
+               cy.get('#OutlineLeft')
+                       .click();
+
+               triggerNewSVG();
+
+               cy.get('.leaflet-pane.leaflet-overlay-pane g.Page 
.BulletChar:nth-of-type(2) g')
+                       .should('have.attr', 'transform', 
'translate(1700,4563)');
+       });
 });
_______________________________________________
Libreoffice-commits mailing list
libreoffice-comm...@lists.freedesktop.org
https://lists.freedesktop.org/mailman/listinfo/libreoffice-commits

Reply via email to