adds a first simple frontend testcase

app/client/components/AppElement.js

@@ -7,7 +7,7 @@
 
 import { LitElement } from 'lit'
 import { property } from 'lit/decorators.js'
-import { APP_STATE } from '../store/appState'
+import { APP_STATE } from '../store/appState.js'
 export * from 'lit'
 
 export class AppElement extends LitElement {

app/client/components/DashboardActions.js

@@ -5,9 +5,9 @@
   Component that renders the action buttons of the dashboard
 */
 
-import { AppElement, html, css } from './AppElement'
+import { AppElement, html, css } from './AppElement.js'
 import { customElement } from 'lit/decorators.js'
-import { icon_undo, icon_expand, icon_compress, icon_poweroff, icon_bluetooth } from '../lib/icons'
+import { icon_undo, icon_expand, icon_compress, icon_poweroff, icon_bluetooth } from '../lib/icons.js'
 
 @customElement('dashboard-actions')
 export class DashboardActions extends AppElement {

app/client/components/DashboardMetric.js

@@ -5,7 +5,7 @@
   Component that renders a metric of the dashboard
 */
 
-import { AppElement, html, svg, css } from './AppElement'
+import { AppElement, html, svg, css } from './AppElement.js'
 import { customElement, property } from 'lit/decorators.js'
 
 @customElement('dashboard-metric')

app/client/components/PerformanceDashboard.js

@@ -5,12 +5,12 @@
   Component that renders the dashboard
 */
 
-import { AppElement, html, css } from './AppElement'
-import { APP_STATE } from '../store/appState'
+import { AppElement, html, css } from './AppElement.js'
+import { APP_STATE } from '../store/appState.js'
 import { customElement, property } from 'lit/decorators.js'
-import './DashboardMetric'
-import './DashboardActions'
-import { icon_route, icon_stopwatch, icon_bolt, icon_paddle, icon_heartbeat, icon_fire, icon_clock } from '../lib/icons'
+import './DashboardMetric.js'
+import './DashboardActions.js'
+import { icon_route, icon_stopwatch, icon_bolt, icon_paddle, icon_heartbeat, icon_fire, icon_clock } from '../lib/icons.js'
 
 @customElement('performance-dashboard')
 export class PerformanceDashboard extends AppElement {

app/client/index.js

@@ -7,9 +7,9 @@
 
 import { LitElement, html } from 'lit'
 import { customElement, state } from 'lit/decorators.js'
-import { APP_STATE } from './store/appState'
+import { APP_STATE } from './store/appState.js'
 import { createApp } from './lib/app.js'
-import './components/PerformanceDashboard'
+import './components/PerformanceDashboard.js'
 
 @customElement('web-app')
 export class App extends LitElement {

app/client/lib/app.js

@@ -6,7 +6,7 @@
 */
 
 import NoSleep from 'nosleep.js'
-import { filterObjectByKeys } from './helper'
+import { filterObjectByKeys } from './helper.js'
 
 const rowingMetricsFields = ['strokesTotal', 'distanceTotal', 'caloriesTotal', 'power', 'heartrate',
   'heartrateBatteryLevel', 'splitFormatted', 'strokesPerMinute', 'durationTotalFormatted']

app/client/lib/helper.test.js

@@ -0,0 +1,24 @@
+'use strict'
+/*
+  Open Rowing Monitor, https://github.com/laberning/openrowingmonitor
+*/
+import { test } from 'uvu'
+import * as assert from 'uvu/assert'
+
+import { filterObjectByKeys } from './helper.js'
+
+test('filterd list should only contain the elements specified', () => {
+  const object1 = {
+    a: ['a1', 'a2'],
+    b: 'b'
+  }
+
+  const object2 = {
+    a: ['a1', 'a2']
+  }
+
+  const filteredObject = filterObjectByKeys(object1, ['a'])
+  assert.equal(filterObjectByKeys(filteredObject, ['a']), object2)
+})
+
+test.run()