insert test game over

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")
+  })
 })

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 @@
 <main>
   <div>
     <span class="restart" class:bold on:click={restart}>RESTART GAME</span>
-    <span class:playing> | GAME OVER</span>
+    <span data-cy="game-over" class:playing> | GAME OVER</span>
   </div>
   <div class="triangle">
     {#each circles as _, i}