Connection Charts Page & Testing > 95% Frontend Coverage [GSOC 2025]

.github/workflows/pull-request.yml

@@ -236,6 +236,53 @@ jobs:
           path: ./coverage/coverage.lcov
           min_coverage: 0.0
 
+  Test-Frontend:
+    name: Test Frontend and Coverage
+    runs-on: ubuntu-latest
+    needs: [Code-Quality-Checks]  # or [Test-Application] if you want backend ready
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+
+      - name: Cache node modules
+        uses: actions/cache@v4
+        with:
+          path: frontend/node_modules
+          key: ${{ runner.os }}-node-${{ hashFiles('frontend/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-node-
+
+      - name: Install frontend dependencies
+        working-directory: frontend
+        run: npm install
+
+      - name: Run frontend tests with coverage
+        working-directory: frontend
+        run: npm run test -- --coverage
+
+
+      - name: Upload coverage to Codecov
+        uses: codecov/codecov-action@v5
+        with:
+          token: ${{ secrets.CODECOV_TOKEN }}
+          files: frontend/coverage/lcov.info
+          fail_ci_if_error: true
+          verbose: true
+
+      - name: Test acceptable level of code coverage
+        uses: VeryGoodOpenSource/very_good_coverage@v3
+        with:
+          path: frontend/coverage/lcov.info
+          min_coverage: 80.0
+
+
   Test-Docusaurus-Deployment:
     name: Test Deployment to https://docs-legacy.switchmap-ng.io
     runs-on: ubuntu-latest

docs/docs/backend/Server.md

@@ -2030,6 +2030,28 @@ class Query(graphene.ObjectType)
 
 Define GraphQL queries.
 
+<a id="db.schemas.Query.resolve_devices"></a>
+
+#### resolve\_devices
+
+```python
+def resolve_devices(root, info, hostname=None, **kwargs)
+```
+
+Resolve and return devices from the database.
+
+**Arguments**:
+
+- `root` - The root object (not used here).
+- `info` - GraphQL resolver info, used to get the query context.
+- `hostname` _str, optional_ - If provided, filters by this hostname.
+- `**kwargs` - Additional arguments (ignored).
+
+
+**Returns**:
+
+- `sqlalchemy.orm.Query` - A query object for the matching Device.
+
 <a id="db.schemas.Query.resolve_deviceMetrics"></a>
 
 #### resolve\_deviceMetrics

docs/docs/frontend/components/ConnectionDetails.md

@@ -10,18 +10,18 @@
 
 ### ConnectionDetails()
 
-> **ConnectionDetails**(`__namedParameters`): `Element`
+> **ConnectionDetails**(`__namedParameters`): `null` | `Element`
 
-Defined in: [components/ConnectionDetails.tsx:34](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/components/ConnectionDetails.tsx#L34)
+Defined in: [components/ConnectionDetails.tsx:78](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/components/ConnectionDetails.tsx#L78)
 
 #### Parameters
 
 ##### \_\_namedParameters
 
-###### device
+###### device 
 
-[`DeviceNode`](../types/graphql/GetZoneDevices.md#devicenode)
+`DeviceNode` 
 
 #### Returns
 
-`Element`
+`null` | `Element` 

docs/docs/frontend/components/TopologyChart.md

@@ -12,7 +12,7 @@
 
 > **TopologyChart**(`__namedParameters`): `Element`
 
-Defined in: [components/TopologyChart.tsx:34](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/components/TopologyChart.tsx#L34)
+Defined in: [components/TopologyChart.tsx:32](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/components/TopologyChart.tsx#L32)
 
 #### Parameters
 

docs/docs/frontend/components/ZoneDropdown.md

@@ -12,7 +12,7 @@
 
 > **ZoneDropdown**(`__namedParameters`): `Element`
 
-Defined in: [components/ZoneDropdown.tsx:34](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/components/ZoneDropdown.tsx#L34)
+Defined in: [components/ZoneDropdown.tsx:30](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/components/ZoneDropdown.tsx#L30)
 
 #### Parameters
 

docs/docs/frontend/devices/[id]/page.md

@@ -10,10 +10,10 @@
 
 ### default()
 
-> **default**(): `null` \| `Element`
+> **default**(): `Element`
 
-Defined in: [devices/\[id\]/page.tsx:78](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/devices/[id]/page.tsx#L78)
+Defined in: [devices/\[id\]/page.tsx:33](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/devices/[id]/page.tsx#L33)
 
 #### Returns
 
-`null` \| `Element`
+`Element`

docs/docs/frontend/modules.md

@@ -7,20 +7,15 @@
 ## Modules
 
 - [components/ConnectionDetails](components/ConnectionDetails.md)
-- [components/DeviceDetails](components/DeviceDetails.md)
 - [components/DevicesOverview](components/DevicesOverview.md)
-- [components/HistoricalChart](components/HistoricalChart.md)
-- [components/LineChartWrapper](components/LineChartWrapper.md)
 - [components/Sidebar](components/Sidebar.md)
 - [components/TopologyChart](components/TopologyChart.md)
 - [components/ZoneDropdown](components/ZoneDropdown.md)
 - [devices/\[id\]/page](devices/[id]/page.md)
-- [history/page](history/page.md)
 - [layout](layout.md)
 - [page](page.md)
 - [theme-toggle](theme-toggle.md)
 - [types/graphql/GetDeviceInterfaces](types/graphql/GetDeviceInterfaces.md)
 - [types/graphql/GetZoneDevices](types/graphql/GetZoneDevices.md)
 - [utils/stringUtils](utils/stringUtils.md)
 - [utils/time](utils/time.md)
-- [utils/timeStamp](utils/timeStamp.md)

docs/docs/frontend/types/graphql/GetZoneDevices.md

@@ -12,15 +12,15 @@
 
 > **DeviceEdge** = `object`
 
-Defined in: [types/graphql/GetZoneDevices.ts:50](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L50)
+Defined in: [types/graphql/GetZoneDevices.ts:49](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L49)
 
 #### Properties
 
 ##### node
 
 > **node**: [`DeviceNode`](#devicenode)
 
-Defined in: [types/graphql/GetZoneDevices.ts:51](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L51)
+Defined in: [types/graphql/GetZoneDevices.ts:50](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L50)
 
 ***
 
@@ -56,12 +56,6 @@ Defined in: [types/graphql/GetZoneDevices.ts:41](https://github.com/PalisadoesFo
 
 Defined in: [types/graphql/GetZoneDevices.ts:46](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L46)
 
-##### lastPolled
-
-> **lastPolled**: `number` \| `null`
-
-Defined in: [types/graphql/GetZoneDevices.ts:47](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L47)
-
 ##### sysDescription
 
 > **sysDescription**: `string`
@@ -92,31 +86,31 @@ Defined in: [types/graphql/GetZoneDevices.ts:43](https://github.com/PalisadoesFo
 
 > **Devices** = `object`
 
-Defined in: [types/graphql/GetZoneDevices.ts:61](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L61)
+Defined in: [types/graphql/GetZoneDevices.ts:60](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L60)
 
 #### Properties
 
 ##### edges
 
 > **edges**: [`DeviceEdge`](#deviceedge)[]
 
-Defined in: [types/graphql/GetZoneDevices.ts:62](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L62)
+Defined in: [types/graphql/GetZoneDevices.ts:61](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L61)
 
 ***
 
 ### GetZoneDevicesData
 
 > **GetZoneDevicesData** = `object`
 
-Defined in: [types/graphql/GetZoneDevices.ts:74](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L74)
+Defined in: [types/graphql/GetZoneDevices.ts:73](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L73)
 
 #### Properties
 
 ##### data
 
 > **data**: `object`
 
-Defined in: [types/graphql/GetZoneDevices.ts:75](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L75)
+Defined in: [types/graphql/GetZoneDevices.ts:74](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L74)
 
 ###### zone
 
@@ -126,7 +120,7 @@ Defined in: [types/graphql/GetZoneDevices.ts:75](https://github.com/PalisadoesFo
 
 > `optional` **errors**: `object`[]
 
-Defined in: [types/graphql/GetZoneDevices.ts:78](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L78)
+Defined in: [types/graphql/GetZoneDevices.ts:77](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L77)
 
 ###### message
 
@@ -138,15 +132,15 @@ Defined in: [types/graphql/GetZoneDevices.ts:78](https://github.com/PalisadoesFo
 
 > **GetZoneDevicesVars** = `object`
 
-Defined in: [types/graphql/GetZoneDevices.ts:81](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L81)
+Defined in: [types/graphql/GetZoneDevices.ts:80](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L80)
 
 #### Properties
 
 ##### id
 
 > **id**: `string`
 
-Defined in: [types/graphql/GetZoneDevices.ts:82](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L82)
+Defined in: [types/graphql/GetZoneDevices.ts:81](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L81)
 
 ***
 
@@ -217,60 +211,60 @@ Defined in: [types/graphql/GetZoneDevices.ts:35](https://github.com/PalisadoesFo
 
 > **Zone** = `object`
 
-Defined in: [types/graphql/GetZoneDevices.ts:69](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L69)
+Defined in: [types/graphql/GetZoneDevices.ts:68](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L68)
 
 #### Properties
 
 ##### devices
 
 > **devices**: [`Devices`](#devices)
 
-Defined in: [types/graphql/GetZoneDevices.ts:70](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L70)
+Defined in: [types/graphql/GetZoneDevices.ts:69](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L69)
 
 ***
 
 ### ZoneEdge
 
 > **ZoneEdge** = `object`
 
-Defined in: [types/graphql/GetZoneDevices.ts:57](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L57)
+Defined in: [types/graphql/GetZoneDevices.ts:56](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L56)
 
 #### Properties
 
 ##### node
 
 > **node**: [`ZoneNode`](#zonenode)
 
-Defined in: [types/graphql/GetZoneDevices.ts:58](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L58)
+Defined in: [types/graphql/GetZoneDevices.ts:57](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L57)
 
 ***
 
 ### ZoneNode
 
 > **ZoneNode** = `object`
 
-Defined in: [types/graphql/GetZoneDevices.ts:53](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L53)
+Defined in: [types/graphql/GetZoneDevices.ts:52](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L52)
 
 #### Properties
 
 ##### devices
 
 > **devices**: [`Devices`](#devices)
 
-Defined in: [types/graphql/GetZoneDevices.ts:54](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L54)
+Defined in: [types/graphql/GetZoneDevices.ts:53](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L53)
 
 ***
 
 ### Zones
 
 > **Zones** = `object`
 
-Defined in: [types/graphql/GetZoneDevices.ts:65](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L65)
+Defined in: [types/graphql/GetZoneDevices.ts:64](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L64)
 
 #### Properties
 
 ##### edges
 
 > **edges**: [`ZoneEdge`](#zoneedge)[]
 
-Defined in: [types/graphql/GetZoneDevices.ts:66](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L66)
+Defined in: [types/graphql/GetZoneDevices.ts:65](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/types/graphql/GetZoneDevices.ts#L65)

docs/docs/frontend/utils/stringUtils.md

@@ -12,7 +12,7 @@
 
 > **truncateLines**(`str`, `options?`): `string`
 
-Defined in: [utils/stringUtils.ts:8](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/utils/stringUtils.ts#L8)
+Defined in: [utils/stringUtils.ts:5](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/utils/stringUtils.ts#L5)
 
 Truncates a string to a specified number of lines with optional max length.
 Adds line breaks and an ellipsis if truncated.
@@ -23,12 +23,8 @@ Adds line breaks and an ellipsis if truncated.
 
 `string`
 
-The string to truncate.
-
 ##### options?
 
-Optional settings for lines and maxLength.
-
 ###### lines?
 
 `number`
@@ -40,5 +36,3 @@ Optional settings for lines and maxLength.
 #### Returns
 
 `string`
-
-The truncated string with line breaks and ellipsis if applicable.

docs/docs/frontend/utils/time.md

@@ -12,20 +12,14 @@
 
 > **formatUptime**(`hundredths`): `string`
 
-Defined in: [utils/time.ts:6](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/utils/time.ts#L6)
-
-Converts uptime in hundredths of a second to a human-readable format (days, hours, minutes, seconds).
+Defined in: [utils/time.ts:2](https://github.com/PalisadoesFoundation/switchmap-ng/blob/develop/frontend/src/app/utils/time.ts#L2)
 
 #### Parameters
 
 ##### hundredths
 
 `number`
 
-Uptime in hundredths of a second.
-
 #### Returns
 
 `string`
-
-A formatted string representing the uptime.