From 258a5c7f1cbdda8951d33aeedddaf5d4138dd0b8 Mon Sep 17 00:00:00 2001
From: =?utf8?q?J=C3=A9r=C3=B4me=20Benoit?= <jerome.benoit@sap.com>
Date: Sat, 27 Aug 2022 14:44:20 +0200
Subject: [PATCH] Web UI: add one UT
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

Signed-off-by: Jérôme Benoit <jerome.benoit@sap.com>
---
 src/ui/web/package-lock.json                  |  2 +-
 src/ui/web/package.json                       |  8 +++---
 .../charging-stations/CSConnector.vue         |  2 +-
 .../components/charging-stations/CSData.vue   |  2 +-
 .../charging-stations/CSInfoModal.vue         |  2 +-
 .../components/charging-stations/CSTable.vue  |  2 +-
 src/ui/web/src/views/ChargingStationsView.vue |  2 +-
 src/ui/web/tests/unit/CSTable.spec.ts         | 26 +++++++++++++++++++
 8 files changed, 36 insertions(+), 10 deletions(-)
 create mode 100644 src/ui/web/tests/unit/CSTable.spec.ts

diff --git a/src/ui/web/package-lock.json b/src/ui/web/package-lock.json
index 0a6d10b9..aa46a36c 100644
--- a/src/ui/web/package-lock.json
+++ b/src/ui/web/package-lock.json
@@ -39,7 +39,7 @@
         "eslint-plugin-vue": "^9.4.0",
         "lint-staged": "^13.0.3",
         "prettier": "^2.7.1",
-        "typescript": "^4.8.2"
+        "typescript": "~4.8.2"
       }
     },
     "node_modules/@achrinza/node-ipc": {
diff --git a/src/ui/web/package.json b/src/ui/web/package.json
index 3c790ec0..00367636 100644
--- a/src/ui/web/package.json
+++ b/src/ui/web/package.json
@@ -2,12 +2,12 @@
   "name": "webui",
   "version": "0.1.0",
   "scripts": {
-    "start": "npm run build && node start.js",
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
-    "test": "vue-cli-service test:unit",
     "lint": "vue-cli-service lint",
-    "lint:fix": "vue-cli-service lint --fix"
+    "lint:fix": "vue-cli-service lint --fix",
+    "start": "npm run build && node start.js",
+    "test": "vue-cli-service test:unit"
   },
   "dependencies": {
     "core-js": "^3.25.0",
@@ -41,7 +41,7 @@
     "eslint-plugin-vue": "^9.4.0",
     "lint-staged": "^13.0.3",
     "prettier": "^2.7.1",
-    "typescript": "^4.8.2"
+    "typescript": "~4.8.2"
   },
   "_id": "webui@0.1.0",
   "gitHooks": {
diff --git a/src/ui/web/src/components/charging-stations/CSConnector.vue b/src/ui/web/src/components/charging-stations/CSConnector.vue
index c0dd4c44..81e955d0 100644
--- a/src/ui/web/src/components/charging-stations/CSConnector.vue
+++ b/src/ui/web/src/components/charging-stations/CSConnector.vue
@@ -26,7 +26,7 @@ import Button from '../buttons/Button.vue';
 
 // import { reactive } from 'vue';
 import UIClient from '@/composable/UIClient';
-import { ConnectorStatus } from '@/type/ChargingStationType';
+import type { ConnectorStatus } from '@/type/ChargingStationType';
 // import Utils from '@/composable/Utils';
 
 const props = defineProps<{
diff --git a/src/ui/web/src/components/charging-stations/CSData.vue b/src/ui/web/src/components/charging-stations/CSData.vue
index 661ea289..08a72d5e 100644
--- a/src/ui/web/src/components/charging-stations/CSData.vue
+++ b/src/ui/web/src/components/charging-stations/CSData.vue
@@ -21,7 +21,7 @@ import CSConnector from './CSConnector.vue';
 
 // import { reactive } from 'vue';
 import Utils from '@/composable/Utils';
-import {
+import type {
   ChargingStationData,
   ChargingStationInfo,
   ConnectorStatus,
diff --git a/src/ui/web/src/components/charging-stations/CSInfoModal.vue b/src/ui/web/src/components/charging-stations/CSInfoModal.vue
index dd7835fd..f4505b7d 100644
--- a/src/ui/web/src/components/charging-stations/CSInfoModal.vue
+++ b/src/ui/web/src/components/charging-stations/CSInfoModal.vue
@@ -6,7 +6,7 @@
 
 <script setup lang="ts">
 import Modal from '@/components/Modal.vue';
-import { ChargingStationInfo } from '@/type/ChargingStationType';
+import type { ChargingStationInfo } from '@/type/ChargingStationType';
 
 const props = defineProps<{
   isVisible: boolean;
diff --git a/src/ui/web/src/components/charging-stations/CSTable.vue b/src/ui/web/src/components/charging-stations/CSTable.vue
index 4cc5da9a..cf96d954 100644
--- a/src/ui/web/src/components/charging-stations/CSTable.vue
+++ b/src/ui/web/src/components/charging-stations/CSTable.vue
@@ -27,7 +27,7 @@
 
 <script setup lang="ts">
 import CSData from './CSData.vue';
-import { ChargingStationData } from '@/type/ChargingStationType';
+import type { ChargingStationData } from '@/type/ChargingStationType';
 
 const props = defineProps<{
   chargingStations: Record<string, ChargingStationData>;
diff --git a/src/ui/web/src/views/ChargingStationsView.vue b/src/ui/web/src/views/ChargingStationsView.vue
index 0c781566..3ff26e54 100644
--- a/src/ui/web/src/views/ChargingStationsView.vue
+++ b/src/ui/web/src/views/ChargingStationsView.vue
@@ -23,7 +23,7 @@ import CSTable from '@/components/charging-stations/CSTable.vue';
 
 import { onMounted, reactive } from 'vue';
 import UIClient from '@/composable/UIClient';
-import { ChargingStationData } from '@/type/ChargingStationType';
+import type { ChargingStationData } from '@/type/ChargingStationType';
 
 const UIClientInstance = UIClient.instance;
 
diff --git a/src/ui/web/tests/unit/CSTable.spec.ts b/src/ui/web/tests/unit/CSTable.spec.ts
new file mode 100644
index 00000000..28da36d7
--- /dev/null
+++ b/src/ui/web/tests/unit/CSTable.spec.ts
@@ -0,0 +1,26 @@
+import { expect } from 'chai';
+import { shallowMount } from '@vue/test-utils';
+import CSTable from '@/components/charging-stations/CSTable.vue';
+import type { ChargingStationData } from '@/type/ChargingStationType';
+
+describe('CSTable.vue', () => {
+  it('renders CS table columns name', () => {
+    const chargingStations: Record<string, ChargingStationData> = {
+      '0': {} as unknown as ChargingStationData,
+    };
+    const wrapper = shallowMount(CSTable, {
+      props: { chargingStations, idTag: '0' },
+    });
+    console.log(wrapper.text());
+    expect(wrapper.text()).to.include('Action');
+    expect(wrapper.text()).to.include('Connector');
+    expect(wrapper.text()).to.include('Status');
+    expect(wrapper.text()).to.include('Transaction');
+    expect(wrapper.text()).to.include('Name');
+    expect(wrapper.text()).to.include('Stopped');
+    expect(wrapper.text()).to.include('Registration Status');
+    expect(wrapper.text()).to.include('Vendor');
+    expect(wrapper.text()).to.include('Model');
+    expect(wrapper.text()).to.include('Firmware Version');
+  });
+});
-- 
2.34.1