From 4ae2c76022b5b7e7ce075bac25deca67f6dbbb4c Mon Sep 17 00:00:00 2001
From: Pol Selles Climent <81540683+Pokesi@users.noreply.github.com>
Date: Sun, 29 Jan 2023 15:51:59 +1100
Subject: [PATCH 1/6] Add tests for clicks

---
 src/App.test.tsx |  50 +++++++++++++++++++++++++++++++++++++++++++++
 src/App.tsx      |  52 ++++++++++++++++++++++++-----------------------
 tests.txt        | Bin 0 -> 31800 bytes
 3 files changed, 77 insertions(+), 25 deletions(-)
 create mode 100644 tests.txt

diff --git a/src/App.test.tsx b/src/App.test.tsx
index 64ec6ac..f95f6d7 100644
--- a/src/App.test.tsx
+++ b/src/App.test.tsx
@@ -1,9 +1,59 @@
 import React from "react";
 import { render, screen } from "@testing-library/react";
 import App from "./App";
+import Button from "@mui/material/Button";
+import { act } from "react-dom/test-utils";
 
 test("Renders", () => {
   render(<App />);
   const linkElement = screen.getAllByText(/None/i);
   expect(linkElement[0]).toBeInTheDocument();
 });
+
+test("Clicking on an option changes the displayed piece", () => {
+  const { container } = render(<App />);
+
+  const radio = container.getElementsByTagName("label");
+  act(() => { radio[0].click(); });
+  let pieceDisplay = container.getElementsByClassName("coneOrCube")[0];
+  let style = getComputedStyle(pieceDisplay).backgroundColor;
+
+  expect(style).toEqual("yellow");
+
+  act(() => { radio[1].click(); });
+  pieceDisplay = container.getElementsByClassName("coneOrCube")[0];
+  style = getComputedStyle(pieceDisplay).backgroundColor;
+
+  expect(style).toEqual("violet"); 
+
+  act(() => { radio[2].click(); });
+  pieceDisplay = container.getElementsByClassName("coneOrCube")[0];
+  style = getComputedStyle(pieceDisplay).backgroundColor;
+
+  expect(style).toEqual("grey"); 
+});
+
+test("Clicking on a node should change it", () => {
+  const { container } = render(<App />);
+
+  const table = container.getElementsByTagName("button");
+
+  for (let i = 0; i < table.length; i++) {
+    
+    const item = table[i];
+
+    let style = getComputedStyle(item).backgroundColor;
+
+    console.log(item.children[1], item.children.length)
+
+    expect(style).toEqual("red");
+
+    act(() => {
+      item.click();
+    })
+    
+    style = getComputedStyle(item).backgroundColor;
+
+    expect(style).toEqual("green");
+  }
+});
\ No newline at end of file
diff --git a/src/App.tsx b/src/App.tsx
index 5c613ab..c0dada5 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -42,31 +42,33 @@ function Table(props: {
 
   return (
     <table className="table">
-      {[0, 1, 2].map(function (key, row) {
-        return (
-          <tr key={key}>
-            {table[row].map(function (item, key) {
-              return (
-                <td key={key}>
-                  <p style={{ fontSize: "12px" }}>Node ID #{row * 9 + key}</p>
-                  <Button
-                    onClick={() => {
-                      handleButtonClick(key, row);
-                    }}
-                    variant="contained"
-                    className="gridButton"
-                    style={{
-                      backgroundColor: item ? "green" : "red",
-                    }}
-                  >
-                    {item ? "o" : "x"}
-                  </Button>
-                </td>
-              );
-            })}
-          </tr>
-        );
-      })}
+      <tbody>
+        {[0, 1, 2].map(function (key, row) {
+          return (
+            <tr key={key}>
+              {table[row].map(function (item, key) {
+                return (
+                  <td key={key}>
+                    <p style={{ fontSize: "12px" }}>Node ID #{row * 9 + key}</p>
+                    <Button
+                      onClick={() => {
+                        handleButtonClick(key, row);
+                      }}
+                      variant="contained"
+                      className="gridButton"
+                      style={{
+                        backgroundColor: item ? "green" : "red",
+                      }}
+                    >
+                      {item ? "o" : "x"}
+                    </Button>
+                  </td>
+                );
+              })}
+            </tr>
+          );
+        })}
+      </tbody>
     </table>
   );
 }
diff --git a/tests.txt b/tests.txt
new file mode 100644
index 0000000000000000000000000000000000000000..8c3ef256bae186e417686fa9aef4a20efdb29300
GIT binary patch
literal 31800
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

literal 0
HcmV?d00001


From 8708f3cafc0f040fcdc79be8bd6c4c2dd079f6b2 Mon Sep 17 00:00:00 2001
From: Pol Selles Climent <81540683+Pokesi@users.noreply.github.com>
Date: Sun, 29 Jan 2023 15:57:13 +1100
Subject: [PATCH 2/6] fix linter errors

---
 src/App.test.tsx | 25 +++++++++++++++----------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/App.test.tsx b/src/App.test.tsx
index f95f6d7..ca98b20 100644
--- a/src/App.test.tsx
+++ b/src/App.test.tsx
@@ -14,23 +14,29 @@ test("Clicking on an option changes the displayed piece", () => {
   const { container } = render(<App />);
 
   const radio = container.getElementsByTagName("label");
-  act(() => { radio[0].click(); });
+  act(() => {
+    radio[0].click();
+  });
   let pieceDisplay = container.getElementsByClassName("coneOrCube")[0];
   let style = getComputedStyle(pieceDisplay).backgroundColor;
 
   expect(style).toEqual("yellow");
 
-  act(() => { radio[1].click(); });
+  act(() => {
+    radio[1].click();
+  });
   pieceDisplay = container.getElementsByClassName("coneOrCube")[0];
   style = getComputedStyle(pieceDisplay).backgroundColor;
 
-  expect(style).toEqual("violet"); 
+  expect(style).toEqual("violet");
 
-  act(() => { radio[2].click(); });
+  act(() => {
+    radio[2].click();
+  });
   pieceDisplay = container.getElementsByClassName("coneOrCube")[0];
   style = getComputedStyle(pieceDisplay).backgroundColor;
 
-  expect(style).toEqual("grey"); 
+  expect(style).toEqual("grey");
 });
 
 test("Clicking on a node should change it", () => {
@@ -39,21 +45,20 @@ test("Clicking on a node should change it", () => {
   const table = container.getElementsByTagName("button");
 
   for (let i = 0; i < table.length; i++) {
-    
     const item = table[i];
 
     let style = getComputedStyle(item).backgroundColor;
 
-    console.log(item.children[1], item.children.length)
+    console.log(item.children[1], item.children.length);
 
     expect(style).toEqual("red");
 
     act(() => {
       item.click();
-    })
-    
+    });
+
     style = getComputedStyle(item).backgroundColor;
 
     expect(style).toEqual("green");
   }
-});
\ No newline at end of file
+});

From 349cc875fb92f39ef3de5cf2756c3fa174342757 Mon Sep 17 00:00:00 2001
From: Pol Selles Climent <81540683+Pokesi@users.noreply.github.com>
Date: Sun, 29 Jan 2023 16:28:48 +1100
Subject: [PATCH 3/6] fix eslint warnings

---
 src/App.test.tsx | 23 +++++++++++------------
 src/App.tsx      |  2 ++
 2 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/App.test.tsx b/src/App.test.tsx
index ca98b20..11d24a8 100644
--- a/src/App.test.tsx
+++ b/src/App.test.tsx
@@ -1,7 +1,6 @@
 import React from "react";
 import { render, screen } from "@testing-library/react";
 import App from "./App";
-import Button from "@mui/material/Button";
 import { act } from "react-dom/test-utils";
 
 test("Renders", () => {
@@ -11,13 +10,17 @@ test("Renders", () => {
 });
 
 test("Clicking on an option changes the displayed piece", () => {
-  const { container } = render(<App />);
+  // const { container } = render(<App />);
+  render(<App />);
+
+  const radio = screen.getAllByRole('radio');
+
+  console.log(radio)
 
-  const radio = container.getElementsByTagName("label");
   act(() => {
     radio[0].click();
   });
-  let pieceDisplay = container.getElementsByClassName("coneOrCube")[0];
+  let pieceDisplay = screen.getByRole("none");
   let style = getComputedStyle(pieceDisplay).backgroundColor;
 
   expect(style).toEqual("yellow");
@@ -25,32 +28,28 @@ test("Clicking on an option changes the displayed piece", () => {
   act(() => {
     radio[1].click();
   });
-  pieceDisplay = container.getElementsByClassName("coneOrCube")[0];
+  pieceDisplay = screen.getByRole("none");
   style = getComputedStyle(pieceDisplay).backgroundColor;
-
   expect(style).toEqual("violet");
 
   act(() => {
     radio[2].click();
   });
-  pieceDisplay = container.getElementsByClassName("coneOrCube")[0];
+  pieceDisplay = screen.getByRole("none");
   style = getComputedStyle(pieceDisplay).backgroundColor;
-
   expect(style).toEqual("grey");
 });
 
 test("Clicking on a node should change it", () => {
-  const { container } = render(<App />);
+  render(<App />);
 
-  const table = container.getElementsByTagName("button");
+  const table = screen.getAllByRole("btn");
 
   for (let i = 0; i < table.length; i++) {
     const item = table[i];
 
     let style = getComputedStyle(item).backgroundColor;
 
-    console.log(item.children[1], item.children.length);
-
     expect(style).toEqual("red");
 
     act(() => {
diff --git a/src/App.tsx b/src/App.tsx
index c0dada5..1dcc872 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -18,6 +18,7 @@ function ConeOrCube(props: { piece: cubeOrCone }): JSX.Element {
   return (
     <div
       className="coneOrCube"
+      role="none"
       style={{
         backgroundColor:
           piece === "None" ? "grey" : piece === "Cube" ? "violet" : "yellow",
@@ -54,6 +55,7 @@ function Table(props: {
                       onClick={() => {
                         handleButtonClick(key, row);
                       }}
+                      role="btn"
                       variant="contained"
                       className="gridButton"
                       style={{

From 5775c5c064f7c950f9b696c715af1d3fabf47eba Mon Sep 17 00:00:00 2001
From: Pol Selles Climent <81540683+Pokesi@users.noreply.github.com>
Date: Sun, 29 Jan 2023 16:30:23 +1100
Subject: [PATCH 4/6] im going to kill myself if this doesnt pass the ci

---
 src/App.test.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/App.test.tsx b/src/App.test.tsx
index 11d24a8..81ecbc1 100644
--- a/src/App.test.tsx
+++ b/src/App.test.tsx
@@ -13,9 +13,9 @@ test("Clicking on an option changes the displayed piece", () => {
   // const { container } = render(<App />);
   render(<App />);
 
-  const radio = screen.getAllByRole('radio');
+  const radio = screen.getAllByRole("radio");
 
-  console.log(radio)
+  console.log(radio);
 
   act(() => {
     radio[0].click();

From f8734e55640dea84d6475b943496220c95173b61 Mon Sep 17 00:00:00 2001
From: Pol Selles Climent <81540683+Pokesi@users.noreply.github.com>
Date: Sun, 29 Jan 2023 16:41:49 +1100
Subject: [PATCH 5/6] PLEASE

---
 src/App.test.tsx | 2 +-
 src/App.tsx      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/App.test.tsx b/src/App.test.tsx
index 81ecbc1..4072e4e 100644
--- a/src/App.test.tsx
+++ b/src/App.test.tsx
@@ -43,7 +43,7 @@ test("Clicking on an option changes the displayed piece", () => {
 test("Clicking on a node should change it", () => {
   render(<App />);
 
-  const table = screen.getAllByRole("btn");
+  const table = screen.getAllByRole("button");
 
   for (let i = 0; i < table.length; i++) {
     const item = table[i];
diff --git a/src/App.tsx b/src/App.tsx
index 1dcc872..f06ea8c 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -55,7 +55,7 @@ function Table(props: {
                       onClick={() => {
                         handleButtonClick(key, row);
                       }}
-                      role="btn"
+                      type="button"
                       variant="contained"
                       className="gridButton"
                       style={{

From 18d76ee3ac63a791892ec4d5b5b15e02903aaaf1 Mon Sep 17 00:00:00 2001
From: Pol Selles Climent <81540683+Pokesi@users.noreply.github.com>
Date: Sun, 29 Jan 2023 17:01:08 +1100
Subject: [PATCH 6/6] remove the button type

---
 src/App.test.tsx | 2 --
 src/App.tsx      | 1 -
 2 files changed, 3 deletions(-)

diff --git a/src/App.test.tsx b/src/App.test.tsx
index 4072e4e..3c697da 100644
--- a/src/App.test.tsx
+++ b/src/App.test.tsx
@@ -15,8 +15,6 @@ test("Clicking on an option changes the displayed piece", () => {
 
   const radio = screen.getAllByRole("radio");
 
-  console.log(radio);
-
   act(() => {
     radio[0].click();
   });
diff --git a/src/App.tsx b/src/App.tsx
index f06ea8c..c548070 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -55,7 +55,6 @@ function Table(props: {
                       onClick={() => {
                         handleButtonClick(key, row);
                       }}
-                      type="button"
                       variant="contained"
                       className="gridButton"
                       style={{