test(web-app): add e2e fetch process

It tests the normal request case of timeserie
This commit is contained in:
fastium
2025-06-13 19:45:13 +02:00
parent e26e7722f9
commit bd503d5641
14 changed files with 93 additions and 625 deletions

View File

@@ -1,16 +1,10 @@
<!-- src/components/ChartComponent.vue -->
<template>
<div class="chart-wrapper">
<div v-if="manager.loading" class="loading-state">Loading data...</div>
<div v-else-if="manager.error" class="error-state">{{ manager.error }}</div>
<div v-else class="chart-container">
<Scatter
v-if="chartData.datasets.length > 0"
:data="chartData"
:options="chartOptions"
/>
<div v-else class="no-data-state">No data to display</div>
</div>
<div v-if="chartData.datasets.length > 0" class="chart-wrapper">
<Scatter data-cy="main-chart" :data="chartData" :options="chartOptions" />
</div>
<div v-else class="no-data-state" data-cy="no-data-display">
No data to display
</div>
<br />
</template>

View File

@@ -1,10 +1,14 @@
<template>
<div class="control-panel">
<button @click="newMeasurments" class="action-button">
<button @click="newMeasurments" class="action-button" data-cy="new-measurements-button">
New Measurments
</button>
<button @click="fetchData" class="refresh-button">
<button
@click="fetchData"
class="refresh-button"
data-cy="fetch-measurements-button"
>
Fetch Measurments
</button>
</div>
@@ -12,6 +16,7 @@
<div>
<span>
<multiselect
data-cy="user-mulitselect"
id="user-select"
v-model="manager.selected_user"
:options="manager.user_options"
@@ -24,6 +29,7 @@
</span>
<span>
<multiselect
data-cy="room-mulitselect"
id="room-select"
v-model="manager.selected_room"
:options="manager.room_options"
@@ -36,6 +42,7 @@
</span>
<span>
<multiselect
data-cy="device-mulitselect"
id="device-select"
v-model="manager.selected_device"
:options="manager.device_options"