passing tests and fixing lint

Author: lrusso

__tests__/PinsAnalogItem.test.js

@@ -4,7 +4,9 @@ import PinsAnalogItem from "../src/components/PinsAnalogItem"
 
 describe("PinsAnalogItem", () => {
   test("Rendering 1", () => {
-    const tree = renderer.create(<PinsAnalogItem />).toJSON()
+    const tree = renderer
+      .create(<PinsAnalogItem gpio_analog={{ duty: 255 }} />)
+      .toJSON()
     expect(tree).toMatchSnapshot()
   })
 })

__tests__/PinsDigitalItem.test.js

@@ -5,13 +5,13 @@ import PinsDigitalItem from "../src/components/PinsDigitalItem"
 describe("PinsDigitalItem", () => {
   test("Rendering 1", () => {
     const tree = renderer
-      .create(<PinsDigitalItem pinNumber={0} isEnabled={false} />)
+      .create(<PinsDigitalItem gpio={{ pinNumber: 0, isEnabled: false }} />)
       .toJSON()
     expect(tree).toMatchSnapshot()
   })
   test("Rendering 2", () => {
     const tree = renderer
-      .create(<PinsDigitalItem pinNumber={0} isEnabled={true} />)
+      .create(<PinsDigitalItem gpio={{ pinNumber: 0, isEnabled: true }} />)
       .toJSON()
     expect(tree).toMatchSnapshot()
   })

__tests__/__snapshots__/Editor.test.js.snap

@@ -1350,6 +1350,28 @@ exports[`Editor Rendering 1 1`] = `
           >
             12
           </div>
+          <div
+            style={
+              {
+                "alignItems": "center",
+                "backgroundColor": "red",
+                "borderRadius": "16px",
+                "color": "white",
+                "cursor": "default",
+                "display": "flex",
+                "float": "left",
+                "fontFamily": "Arial",
+                "fontSize": "11px",
+                "height": "16px",
+                "justifyContent": "center",
+                "marginLeft": "4px",
+                "marginTop": "4px",
+                "width": "16px",
+              }
+            }
+          >
+            13
+          </div>
         </div>
       </div>
     </div>
@@ -1505,6 +1527,28 @@ exports[`Editor Rendering 1 1`] = `
           >
             0
           </div>
+          <div
+            style={
+              {
+                "alignItems": "center",
+                "backgroundColor": "black",
+                "borderRadius": "16px",
+                "color": "white",
+                "cursor": "default",
+                "display": "flex",
+                "float": "left",
+                "fontFamily": "Arial",
+                "fontSize": "11px",
+                "height": "16px",
+                "justifyContent": "center",
+                "marginLeft": "4px",
+                "marginTop": "4px",
+                "width": "40px",
+              }
+            }
+          >
+            0
+          </div>
         </div>
       </div>
     </div>

__tests__/__snapshots__/PinsAnalogBar.test.js.snap

@@ -153,6 +153,28 @@ exports[`PinsAnalogBar Rendering 1 1`] = `
       >
         0
       </div>
+      <div
+        style={
+          {
+            "alignItems": "center",
+            "backgroundColor": "black",
+            "borderRadius": "16px",
+            "color": "white",
+            "cursor": "default",
+            "display": "flex",
+            "float": "left",
+            "fontFamily": "Arial",
+            "fontSize": "11px",
+            "height": "16px",
+            "justifyContent": "center",
+            "marginLeft": "4px",
+            "marginTop": "4px",
+            "width": "40px",
+          }
+        }
+      >
+        0
+      </div>
     </div>
   </div>
 </div>

__tests__/__snapshots__/PinsAnalogItem.test.js.snap

@@ -20,5 +20,7 @@ exports[`PinsAnalogItem Rendering 1 1`] = `
       "width": "40px",
     }
   }
-/>
+>
+  255
+</div>
 `;

__tests__/__snapshots__/PinsDigitalBar.test.js.snap

@@ -329,6 +329,28 @@ exports[`PinsDigitalBar Rendering 1 1`] = `
       >
         12
       </div>
+      <div
+        style={
+          {
+            "alignItems": "center",
+            "backgroundColor": "red",
+            "borderRadius": "16px",
+            "color": "white",
+            "cursor": "default",
+            "display": "flex",
+            "float": "left",
+            "fontFamily": "Arial",
+            "fontSize": "11px",
+            "height": "16px",
+            "justifyContent": "center",
+            "marginLeft": "4px",
+            "marginTop": "4px",
+            "width": "16px",
+          }
+        }
+      >
+        13
+      </div>
     </div>
   </div>
 </div>

src/components/Toolbar.tsx

@@ -69,7 +69,6 @@ const Toolbar = () => {
       isInput: false,
       duty: 0,
     }))
-  /* eslint-enable no-unused-vars */
 
   const newFile = () => {
     if (editorIsDirty()) {

src/utils/interpreter.tsx

@@ -7,8 +7,8 @@ const myWorkerTimestamp = Date.now()
 const startSimulator = (
   setShowLoading: (state: boolean) => void,
   setSimulatorRunning: (state: boolean) => void,
-  handleSetDigitalPins: (index: any, state: any) => void,
-  handleSetAnalogPins: (index: any, duty: any) => void,
+  handleSetDigitalPins: (index: number, state: boolean) => void,
+  handleSetAnalogPins: (index: number, duty: number) => void,
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   setOutputData: any
 ) => {