Add electronic accessories management

components/runner/resources/electronics/Cyberdecks/Cyberdecks.test.tsx

@@ -26,7 +26,7 @@ describe("<Cyberdecks/>", () => {
     expect(getTextInContainer(buyHeader, "Avail")).toBeInTheDocument()
     expect(getTextInContainer(buyHeader, "Cost")).toBeInTheDocument()
 
-    // Stats of a commlink
+    // Stats of a cyberdeck
     const cyberdeck = cyberdeckData[0],
       cyberdeckRow = getByLabelText(`Add ${cyberdeck.name}`).closest("tr")
 

components/runner/resources/electronics/ElectronicAccessories/ElectronicAccessories.test.tsx

@@ -0,0 +1,36 @@
+import { electronicAccessoriesData } from "@/data/electronics"
+import {
+  render,
+  setupIndexedDB,
+  waitFor,
+  withTestRouter,
+  getByText as getTextInContainer,
+} from "@/test/testUtils"
+import ElectronicAccessories from "./index"
+
+describe("<ElectronicAccessories/>", () => {
+  beforeAll(setupIndexedDB)
+  it("should display Electronic Accessories' stats", async () => {
+    const { getByText, getByLabelText } = render(
+      withTestRouter(<ElectronicAccessories />, { query: { id: "10" } }),
+    )
+
+    await waitFor(() => expect(getByText("Buy")).toBeInTheDocument())
+
+    const buyHeader = getByText("Buy").closest("tr")
+
+    expect(getTextInContainer(buyHeader, "Name")).toBeInTheDocument()
+    expect(getTextInContainer(buyHeader, "DR")).toBeInTheDocument()
+    expect(getTextInContainer(buyHeader, "Avail")).toBeInTheDocument()
+    expect(getTextInContainer(buyHeader, "Cost")).toBeInTheDocument()
+
+    //stats
+    const eA = electronicAccessoriesData[0],
+      eARow = getByLabelText(`Add ${eA.name}`).closest("tr")
+
+    expect(getTextInContainer(eARow, eA.name)).toBeInTheDocument()
+    expect(getTextInContainer(eARow, eA.deviceRating)).toBeInTheDocument()
+    expect(getTextInContainer(eARow, eA.availability)).toBeInTheDocument()
+    expect(getTextInContainer(eARow, `${eA.cost}¥`)).toBeInTheDocument()
+  })
+})

components/runner/resources/electronics/ElectronicAccessories/index.tsx

@@ -0,0 +1,27 @@
+import { electronicAccessoriesData } from "@/data/electronics"
+import { GearElectronicAccessory } from "@/types/Resources"
+import { GearPageTemplate } from "../../GearPageTemplate"
+import { Columns, gearTableConfigOptions } from "../../util"
+import { gearMatrixTableConfigOptions } from "../utils"
+
+type eACols = Columns<GearElectronicAccessory>[]
+
+const baseCols: eACols = [
+  gearTableConfigOptions.name,
+  gearMatrixTableConfigOptions.deviceRating,
+  gearTableConfigOptions.avail,
+  gearTableConfigOptions.cost,
+]
+
+const buyEACol: eACols = [gearTableConfigOptions.buy, ...baseCols]
+const sellEACol: eACols = [gearTableConfigOptions.sell, ...baseCols]
+
+export default () => (
+  <GearPageTemplate<GearElectronicAccessory>
+    gearLabel="Electronic Accessories"
+    resourceKey="electronicAccessories"
+    listOfGear={electronicAccessoriesData}
+    addGearTableConfig={buyEACol}
+    removeGearTableConfig={sellEACol}
+  />
+)