Fix eslint complaints about use state.

jgiven · Sep 27, 2023 · aaaea0b · aaaea0b
1 parent 9bde7e7
commit aaaea0b
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 10 deletions.
diff --git a/new/src/components/Scenarios/Scenario.test.tsx b/new/src/components/Scenarios/Scenario.test.tsx
@@ -47,7 +47,7 @@ test("Scenario displays steps", async () => {
     expect(textElement).toBeTruthy();
 });
 
-test("Scenario capitalizes title ", async () => {
+test("Scenario capitalizes title", async () => {
     let expanded = true;
     const setExpanded = (value: boolean) => {
         expanded = value;

diff --git a/new/src/components/Scenarios/ScenarioClass.tsx b/new/src/components/Scenarios/ScenarioClass.tsx
@@ -1,19 +1,23 @@
-import { ScenarioModel } from "../../reportModel";
-import { Scenario } from "./Scenario";
-import { useState } from "react";
+import {ScenarioModel} from "../../reportModel";
+import {Scenario} from "./Scenario";
+import {useState} from "react";
 
 export function ScenarioClass(props: { scenarios: ScenarioModel[] }) {
     const accordionExpansion: Map<
         string,
         { expanded: boolean; setExpanded: (expanded: boolean) => void }
     > = new Map();
-    props.scenarios.forEach(scenario => {
-        const [expanded, setExpanded] = useState(false);
-        accordionExpansion.set(scenario.testMethodName, {
-            expanded: expanded,
-            setExpanded: setExpanded
+    const [expanded, setExpanded] = useState(props.scenarios.map(__ => false));
+    for (let i = 0; i < props.scenarios.length; i++) {
+        accordionExpansion.set(props.scenarios[i].testMethodName, {
+            expanded: expanded[i],
+            setExpanded: (value) => {
+                const newExpanded = expanded;
+                newExpanded[i] = value;
+                setExpanded(newExpanded)
+            }
         });
-    });
+    }
     return (
         <div>
             {props.scenarios.map(scenario => (