diff --git a/cypress/integration/spec.js b/cypress/integration/spec.js index a10ee7f..f200540 100644 --- a/cypress/integration/spec.js +++ b/cypress/integration/spec.js @@ -13,4 +13,34 @@ describe("game should", () => { cy.get(".restart").click() cy.get(".div2.red").should("be.visible") }) + + it("display game over", () => { + cy.visit("/") + cy.get("[data-cy=game-over]").as("game-over").should("not.be.visible") + + cy.get(".div2.red").click() + cy.get(".div0.blue").click() + cy.get(".div11.red").click() + cy.get(".div2.blue").click() + cy.get(".div4.red").click() + cy.get(".div11.blue").click() + cy.get(".div3.red").click() + cy.get(".div1.blue").click() + cy.get(".div0.red").click() + cy.get(".div2.blue").click() + cy.get(".div8.red").click() + cy.get(".div6.blue").click() + cy.get(".div12.red").click() + cy.get(".div7.blue").click() + cy.get(".div13.red").click() + cy.get(".div8.blue").click() + cy.get(".div7.red").click() + cy.get(".div5.blue").click() + cy.get(".div5.red").click() + cy.get(".div12.blue").click() + cy.get(".div14.red").click() + cy.get(".div11.blue").click() + + cy.get("@game-over").should("be.be.visible") + }) }) diff --git a/src/App.svelte b/src/App.svelte index 8f0a96f..69da3b5 100644 --- a/src/App.svelte +++ b/src/App.svelte @@ -13,14 +13,16 @@ const pick = 2 const dest = 3 - const adjcs = new Graph() - const jumps = new Graph() - let circles = [] - let playing = true - let bold = false + let playing + let bold + let adjcs + let jumps const restart = () => { + adjcs = new Graph() + jumps = new Graph() + circles = [] playing = true bold = false @@ -248,7 +250,7 @@
RESTART GAME - | GAME OVER + | GAME OVER
{#each circles as _, i}