3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-07-05 20:57:15 +02:00
Code Issues Projects Releases Packages Wiki Activity

👷 e2e tests for dashboard

Browse source 
Including test for signing/singup, projects, files, teams, and misc
This commit is contained in:
Pablo Alba 2022-01-25 09:33:52 +01:00
parent 26e5d57ced
commit 5103624fe0
32 changed files with 1285 additions and 127 deletions
Download patch file Download diff file Expand all files Collapse all files

34
frontend/cypress/integration/09-draw/draw-shapes.spec.js
View file

@ -18,48 +18,48 @@ describe("draw shapes", () => {
});
it("draw an artboard", () => {
cy.get(".viewport-controls rect").should("not.exist");
cy.get(".left-toolbar-options li[alt='Artboard (A)']").click();
cy.get(".render-shapes rect").should("not.exist");
cy.getBySel("artboard-btn").click();
cy.drawInViewport(300, 300, 400, 450);
cy.get(".viewport-controls rect").first().as("artboard");
cy.get(".render-shapes rect").first().as("artboard");
cy.get("@artboard").should("exist");
cy.get("@artboard").invoke("attr", "width").should("eq", "100");
cy.get("@artboard").invoke("attr", "height").should("eq", "150");
});
it("draw a square", () => {
cy.get(".viewport-controls rect").should("not.exist");
cy.get(".left-toolbar-options li[alt='Rectangle (R)']").click();
cy.get(".render-shapes rect").should("not.exist");
cy.getBySel("rect-btn").click();
cy.drawInViewport(300, 300, 400, 450);
cy.get(".viewport-controls rect").should("exist");
cy.get(".viewport-controls rect")
cy.get(".render-shapes rect").should("exist");
cy.get(".render-shapes rect")
.invoke("attr", "width")
.should("eq", "100");
cy.get(".viewport-controls rect")
cy.get(".render-shapes rect")
.invoke("attr", "height")
.should("eq", "150");
});
it("draw an ellipse", () => {
cy.get(".viewport-controls ellipse").should("not.exist");
cy.get(".left-toolbar-options li[alt='Ellipse (E)']").click();
cy.get(".render-shapes ellipse").should("not.exist");
cy.getBySel("ellipse-btn").click();
cy.drawInViewport(300, 300, 400, 450);
cy.get(".viewport-controls ellipse").as("ellipse");
cy.get(".render-shapes ellipse").as("ellipse");
cy.get("@ellipse").should("exist");
cy.get("@ellipse").invoke("attr", "rx").should("eq", "50");
cy.get("@ellipse").invoke("attr", "ry").should("eq", "75");
});
it("draw a curve", () => {
cy.get(".viewport-controls path").should("not.exist");
cy.get(".left-toolbar-options li[alt='Curve (Shift+C)']").click();
cy.get(".render-shapes path").should("not.exist");
cy.getBySel("curve-btn").click();
cy.drawMultiInViewport([
{ x: 300, y: 300 },
{ x: 350, y: 300 },
{ x: 300, y: 350 },
{ x: 400, y: 450 },
]);
cy.get(".viewport-controls path").as("curve");
cy.get(".render-shapes path").as("curve");
cy.get("@curve").should("exist");
cy.get("@curve")
.invoke("attr", "d")
@ -67,8 +67,8 @@ describe("draw shapes", () => {
});
it("draw a path", () => {
cy.get(".viewport-controls path").should("not.exist");
cy.get(".left-toolbar-options li[alt='Path (P)']").click();
cy.get(".render-shapes path").should("not.exist");
cy.getBySel("path-btn").click();
cy.clickMultiInViewport([
{ x: 300, y: 300 },
{ x: 350, y: 300 },
@ -81,7 +81,7 @@ describe("draw shapes", () => {
true
);
cy.clickMultiInViewport([{ x: 300, y: 300 }]);
cy.get(".viewport-controls path").as("curve");
cy.get(".render-shapes path").as("curve");
cy.get("@curve").should("exist");
cy.get("@curve")
.invoke("attr", "d")