123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147 |
- describe("Board interactions", () => {
- beforeEach(() => {
- cy.viewport(1000, 600);
- cy.intercept(
- {
- method: "GET",
- url: "/airboardgame/store/game*",
- },
- "[]"
- );
- cy.visit("/");
- cy.contains("0 Test game", { timeout: 10000 })
- .parent()
- .find(".img-wrapper")
- .click();
- // Way board loading
- cy.get(".board-pane", { timeout: 10000 }).should(
- "have.css",
- "transform",
- "matrix(0.48, 0, 0, 0.48, -11693, -11917)"
- );
- cy.get(".item")
- .first()
- .children()
- .first()
- .should("have.css", "transform", "none");
- });
- it("Load game page", () => {
- cy.contains("0 Test game");
- cy.get("[alt=Save]");
- cy.get("[alt='Help & info']");
- cy.get("[title='Add an item']");
- });
- it("Pan board with left click when move first", () => {
- cy.get(".board")
- .trigger("pointerdown", {
- force: true,
- clientX: 100,
- clientY: 100,
- pointerId: 1,
- buttons: 1,
- })
- .trigger("pointermove", {
- clientX: 200,
- clientY: 200,
- pointerId: 1,
- force: true,
- buttons: 1,
- })
- .trigger("pointerup", {
- force: true,
- pointerId: 1,
- isPrimary: true,
- buttons: 1,
- });
- cy.get(".board-pane").should(
- "have.css",
- "transform",
- "matrix(0.48, 0, 0, 0.48, -11593, -11817)"
- );
- });
- it("Pan board with left click and meta when in select mode", () => {
- cy.get("[title^='Switch to select mode']").click({
- scrollBehavior: false,
- });
- cy.get(".board")
- .trigger("pointerdown", {
- buttons: 1,
- clientX: 100,
- clientY: 100,
- pointerId: 1,
- altKey: true,
- })
- .trigger("pointermove", {
- button: 0,
- clientX: 200,
- clientY: 200,
- pointerId: 1,
- altKey: true,
- buttons: 1,
- force: true,
- })
- .trigger("pointerup", {
- force: true,
- pointerId: 1,
- buttons: 1,
- isPrimary: true,
- });
- cy.get(".board-pane").should(
- "have.css",
- "transform",
- "matrix(0.48, 0, 0, 0.48, -11593, -11817)"
- );
- });
- it("Pan board with middle click when select is main action", () => {
- cy.get("[title^='Switch to select mode']").click({
- scrollBehavior: false,
- });
- cy.get(".board")
- .trigger("pointerdown", {
- button: 0,
- x: 150,
- y: 200,
- clientX: 150,
- clientY: 200,
- pointerId: 1,
- force: true,
- scrollBehavior: false,
- buttons: 4,
- })
- .trigger("pointermove", {
- button: 0,
- x: 400,
- y: 400,
- clientX: 400,
- clientY: 400,
- pointerId: 1,
- force: true,
- buttons: 4,
- scrollBehavior: false,
- })
- .trigger("pointerup", {
- force: true,
- pointerId: 1,
- isPrimary: true,
- scrollBehavior: false,
- buttons: 4,
- });
- cy.get(".board-pane").should(
- "have.css",
- "transform",
- "matrix(0.48, 0, 0, 0.48, -11443, -11717)"
- );
- });
- });
- /* TODO
- - Change main navigation
- - show/Hide menu
- */
|