adalal/solidtime
1
0
Fork 0
mirror of https://github.com/solidtime-io/solidtime.git synced 2026-08-19 13:42:14 +01:00
Code Issues Packages Projects Releases Wiki Activity

restructure timetracker tests to use promise all (#7)

Browse Source 
* restructure timetracker tests to use promise all

* remove unused variables & lint

---------

Co-authored-by: Gregor Vostrak <gregorvostrak@Gregors-MacBook-Pro.local>
This commit is contained in:
Gregor Vostrak
2024-03-13 19:44:25 +01:00
committed by GitHub
parent aaed43b697
commit 7cc686f230
12 changed files with 346 additions and 318 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docker-compose.yml
View File

@@ -95,7 +95,7 @@ services:
- sail
- reverse-proxy
playwright:
image: mcr.microsoft.com/playwright:v1.41.1-jammy
image: mcr.microsoft.com/playwright:v1.42.1-jammy
command: ['npx', 'playwright', 'test', '--ui-port=8080', '--ui-host=0.0.0.0']
working_dir: /src
extra_hosts:

171
e2e/timetracker.spec.ts
View File

@@ -17,8 +17,8 @@ async function assertThatTimerHasStarted(page) {
);
}
async function assertNewTimeEntryResponse(page) {
await page.waitForResponse(async (response) => {
function newTimeEntryResponse(page) {
return page.waitForResponse(async (response) => {
return (
response.status() === 201 &&
(await response.headerValue('Content-Type')) ===
@@ -37,7 +37,7 @@ async function assertNewTimeEntryResponse(page) {
});
}
async function assertThatTimerIsStoped(page) {
async function assertThatTimerIsStopped(page) {
await page.locator(
'[data-testid="dashboard_timer"] [data-testid="timer_button"].bg-accent-300/70'
);
@@ -47,12 +47,13 @@ test('test that starting and stopping a timer without description and project wo
page,
}) => {
await goToDashboard(page);
const newTimeEntryPromise = newTimeEntryResponse(page);
await startOrStopTimerWithButton(page);
await assertNewTimeEntryResponse(page);
await newTimeEntryPromise;
await assertThatTimerHasStarted(page);
await page.waitForTimeout(1500);
await startOrStopTimerWithButton(page);
await page.waitForResponse(async (response) => {
await Promise.all([
page.waitForResponse(async (response) => {
return (
response.status() === 200 &&
(await response.headerValue('Content-Type')) ===
@@ -68,8 +69,10 @@ test('test that starting and stopping a timer without description and project wo
JSON.stringify((await response.json()).data.tags) ===
JSON.stringify([])
);
});
await assertThatTimerIsStoped(page);
}),
startOrStopTimerWithButton(page),
]);
await assertThatTimerIsStopped(page);
});
test('test that starting and stopping a timer with a description works', async ({
@@ -79,8 +82,8 @@ test('test that starting and stopping a timer with a description works', async (
await page
.getByTestId('time_entry_description')
.fill('New Time Entry Description');
await startOrStopTimerWithButton(page);
await page.waitForResponse(async (response) => {
await Promise.all([
page.waitForResponse(async (response) => {
return (
response.status() === 201 &&
(await response.headerValue('Content-Type')) ===
@@ -97,11 +100,13 @@ test('test that starting and stopping a timer with a description works', async (
JSON.stringify((await response.json()).data.tags) ===
JSON.stringify([])
);
});
}),
startOrStopTimerWithButton(page),
]);
await assertThatTimerHasStarted(page);
await page.waitForTimeout(500);
await startOrStopTimerWithButton(page);
await page.waitForResponse(async (response) => {
await page.waitForTimeout(1500);
await Promise.all([
page.waitForResponse(async (response) => {
return (
response.status() === 200 &&
(await response.headerValue('Content-Type')) ===
@@ -118,16 +123,19 @@ test('test that starting and stopping a timer with a description works', async (
JSON.stringify((await response.json()).data.tags) ===
JSON.stringify([])
);
});
await assertThatTimerIsStoped(page);
}),
await startOrStopTimerWithButton(page),
]);
await assertThatTimerIsStopped(page);
});
test('test that starting and updating the description while running works', async ({
page,
}) => {
await goToDashboard(page);
await startOrStopTimerWithButton(page);
await page.waitForResponse(async (response) => {
await Promise.all([
page.waitForResponse(async (response) => {
return (
response.status() === 201 &&
(await response.headerValue('Content-Type')) ===
@@ -143,14 +151,17 @@ test('test that starting and updating the description while running works', asyn
JSON.stringify((await response.json()).data.tags) ===
JSON.stringify([])
);
});
}),
startOrStopTimerWithButton(page),
]);
await assertThatTimerHasStarted(page);
await page.waitForTimeout(500);
await page
.getByTestId('time_entry_description')
.fill('New Time Entry Description');
await page.getByTestId('time_entry_description').press('Tab');
await page.waitForResponse(async (response) => {
await Promise.all([
page.waitForResponse(async (response) => {
return (
response.status() === 200 &&
(await response.headerValue('Content-Type')) ===
@@ -167,10 +178,12 @@ test('test that starting and updating the description while running works', asyn
JSON.stringify((await response.json()).data.tags) ===
JSON.stringify([])
);
});
}),
page.getByTestId('time_entry_description').press('Tab'),
]);
await page.waitForTimeout(500);
await startOrStopTimerWithButton(page);
await page.waitForResponse(async (response) => {
await Promise.all([
page.waitForResponse(async (response) => {
return (
response.status() === 200 &&
(await response.headerValue('Content-Type')) ===
@@ -187,16 +200,18 @@ test('test that starting and updating the description while running works', asyn
JSON.stringify((await response.json()).data.tags) ===
JSON.stringify([])
);
});
await assertThatTimerIsStoped(page);
}),
await startOrStopTimerWithButton(page),
]);
await assertThatTimerIsStopped(page);
});
test('test that starting and updating the time while running works', async ({
page,
}) => {
await goToDashboard(page);
await startOrStopTimerWithButton(page);
const createResponse = await page.waitForResponse(async (response) => {
const [createResponse] = await Promise.all([
page.waitForResponse(async (response) => {
return (
response.status() === 201 &&
(await response.headerValue('Content-Type')) ===
@@ -212,12 +227,15 @@ test('test that starting and updating the time while running works', async ({
JSON.stringify((await response.json()).data.tags) ===
JSON.stringify([])
);
});
}),
await startOrStopTimerWithButton(page),
]);
await assertThatTimerHasStarted(page);
await page.waitForTimeout(500);
await page.getByTestId('time_entry_time').fill('20min');
await page.getByTestId('time_entry_time').press('Tab');
await page.waitForResponse(async (response) => {
await Promise.all([
page.waitForResponse(async (response) => {
return (
response.status() === 200 &&
(await response.headerValue('Content-Type')) ===
@@ -235,11 +253,14 @@ test('test that starting and updating the time while running works', async ({
JSON.stringify((await response.json()).data.tags) ===
JSON.stringify([])
);
});
}),
page.getByTestId('time_entry_time').press('Tab'),
]);
await expect(page.getByTestId('time_entry_time')).toHaveValue(/00:20/);
await page.waitForTimeout(500);
await startOrStopTimerWithButton(page);
await page.waitForResponse(async (response) => {
await Promise.all([
page.waitForResponse(async (response) => {
return (
response.status() === 200 &&
(await response.headerValue('Content-Type')) ===
@@ -255,15 +276,17 @@ test('test that starting and updating the time while running works', async ({
JSON.stringify((await response.json()).data.tags) ===
JSON.stringify([])
);
});
await assertThatTimerIsStoped(page);
}),
startOrStopTimerWithButton(page),
]);
await assertThatTimerIsStopped(page);
});
test('test that entering a time starts the timer on blur', async ({ page }) => {
await goToDashboard(page);
await page.getByTestId('time_entry_time').fill('20min');
await page.getByTestId('time_entry_time').press('Tab');
await page.waitForResponse(async (response) => {
await Promise.all([
page.waitForResponse(async (response) => {
return (
response.status() === 201 &&
(await response.headerValue('Content-Type')) ===
@@ -279,10 +302,13 @@ test('test that entering a time starts the timer on blur', async ({ page }) => {
JSON.stringify((await response.json()).data.tags) ===
JSON.stringify([])
);
});
}),
page.getByTestId('time_entry_time').press('Tab'),
]);
await assertThatTimerHasStarted(page);
await startOrStopTimerWithButton(page);
await page.waitForResponse(async (response) => {
await Promise.all([
page.waitForResponse(async (response) => {
return (
response.status() === 200 &&
(await response.headerValue('Content-Type')) ===
@@ -298,7 +324,9 @@ test('test that entering a time starts the timer on blur', async ({ page }) => {
JSON.stringify((await response.json()).data.tags) ===
JSON.stringify([])
);
});
}),
startOrStopTimerWithButton(page),
]);
await page.locator(
'[data-testid="dashboard_timer"] [data-testid="timer_button"].bg-accent-300/70'
);
@@ -309,8 +337,8 @@ test('test that entering a time starts the timer on enter', async ({
}) => {
await goToDashboard(page);
await page.getByTestId('time_entry_time').fill('20min');
await page.getByTestId('time_entry_time').press('Enter');
await page.waitForResponse(async (response) => {
await Promise.all([
page.waitForResponse(async (response) => {
return (
response.status() === 201 &&
(await response.headerValue('Content-Type')) ===
@@ -326,10 +354,12 @@ test('test that entering a time starts the timer on enter', async ({
JSON.stringify((await response.json()).data.tags) ===
JSON.stringify([])
);
});
}),
page.getByTestId('time_entry_time').press('Enter'),
]);
await assertThatTimerHasStarted(page);
await startOrStopTimerWithButton(page);
await page.waitForResponse(async (response) => {
await Promise.all([
page.waitForResponse(async (response) => {
return (
response.status() === 200 &&
(await response.headerValue('Content-Type')) ===
@@ -345,8 +375,10 @@ test('test that entering a time starts the timer on enter', async ({
JSON.stringify((await response.json()).data.tags) ===
JSON.stringify([])
);
});
await assertThatTimerIsStoped(page);
}),
startOrStopTimerWithButton(page),
]);
await assertThatTimerIsStopped(page);
});
test('test that adding a new tag works', async ({ page }) => {
@@ -354,15 +386,19 @@ test('test that adding a new tag works', async ({ page }) => {
await goToDashboard(page);
await page.getByTestId('tag_dropdown').click();
await page.getByTestId('tag_dropdown_search').fill(newTagName);
await page.getByTestId('tag_dropdown_search').press('Enter');
await page.waitForResponse(async (response) => {
await Promise.all([
page.waitForResponse(async (response) => {
return (
response.status() === 201 &&
(await response.headerValue('Content-Type')) ===
'application/json' &&
(await response.json()).data.name === newTagName
);
});
}),
page.getByTestId('tag_dropdown_search').press('Enter'),
]);
await expect(page.getByTestId('tag_dropdown_search')).toHaveValue('');
await expect(page.getByRole('option', { name: newTagName })).toBeVisible();
});
@@ -372,24 +408,24 @@ test('test that adding a new tag when the timer is running', async ({
}) => {
const newTagName = 'New Tag' + Math.floor(Math.random() * 10000);
await goToDashboard(page);
await startOrStopTimerWithButton(page);
await assertNewTimeEntryResponse(page);
await Promise.all([
newTimeEntryResponse(page),
startOrStopTimerWithButton(page),
]);
await assertThatTimerHasStarted(page);
await page.getByTestId('tag_dropdown').click();
await page.getByTestId('tag_dropdown_search').fill(newTagName);
await page.getByTestId('tag_dropdown_search').press('Enter');
const tagCreateResponse = await page.waitForResponse(async (response) => {
const [tagCreateResponse] = await Promise.all([
page.waitForResponse(async (response) => {
return (
response.status() === 201 &&
(await response.headerValue('Content-Type')) ===
'application/json' &&
(await response.json()).data.name === newTagName
);
});
await expect(page.getByTestId('tag_dropdown_search')).toHaveValue('');
await expect(page.getByRole('option', { name: newTagName })).toBeVisible();
}),
page.getByTestId('tag_dropdown_search').press('Enter'),
]);
await page.waitForResponse(async (response) => {
return (
response.status() === 200 &&
@@ -407,10 +443,13 @@ test('test that adding a new tag when the timer is running', async ({
JSON.stringify([(await tagCreateResponse.json()).data.id])
);
});
await expect(page.getByTestId('tag_dropdown_search')).toHaveValue('');
await expect(page.getByRole('option', { name: newTagName })).toBeVisible();
await page.getByTestId('tag_dropdown_search').press('Escape');
await page.waitForTimeout(1000);
await startOrStopTimerWithButton(page);
await page.waitForResponse(async (response) => {
await Promise.all([
page.waitForResponse(async (response) => {
return (
response.status() === 200 &&
(await response.headerValue('Content-Type')) ===
@@ -426,8 +465,10 @@ test('test that adding a new tag when the timer is running', async ({
JSON.stringify((await response.json()).data.tags) ===
JSON.stringify([(await tagCreateResponse.json()).data.id])
);
});
await assertThatTimerIsStoped(page);
}),
startOrStopTimerWithButton(page),
]);
await assertThatTimerIsStopped(page);
});
// test that adding a new tag when the timer is running

2
resources/js/Components/Dashboard/TeamActivityCardEntry.vue
View File

@@ -9,7 +9,7 @@ defineProps<{
<template>
<div class="px-4 py-3 grid grid-cols-3">
<div class="col-span-2">
<p class="font-semibold text-white ">
<p class="font-semibold text-white">
{{ name }}
</p>
<div class="text-muted font-medium">

3
resources/js/Components/DialogModal.vue
View File

@@ -39,8 +39,7 @@ const close = () => {
</div>
</div>
<div
class="flex flex-row justify-end px-6 py-4 bg-gray-100 text-end">
<div class="flex flex-row justify-end px-6 py-4 bg-gray-100 text-end">
<slot name="footer" />
</div>
</Modal>

3
resources/js/Pages/API/Index.vue
View File

@@ -13,8 +13,7 @@ defineProps<{
<template>
<AppLayout title="API Tokens">
<template #header>
<h2
class="font-semibold text-xl text-white leading-tight">
<h2 class="font-semibold text-xl text-white leading-tight">
API Tokens
</h2>
</template>

4
resources/js/Pages/Auth/ForgotPassword.vue
View File

@@ -34,9 +34,7 @@ const submit = () => {
you to choose a new one.
</div>
<div
v-if="status"
class="mb-4 font-medium text-sm text-green-400">
<div v-if="status" class="mb-4 font-medium text-sm text-green-400">
{{ status }}
</div>

4
resources/js/Pages/Auth/Login.vue
View File

@@ -38,9 +38,7 @@ const submit = () => {
<AuthenticationCardLogo />
</template>
<div
v-if="status"
class="mb-4 font-medium text-sm text-green-400">
<div v-if="status" class="mb-4 font-medium text-sm text-green-400">
{{ status }}
</div>

2
resources/js/Pages/Dashboard.vue
View File

@@ -10,7 +10,7 @@ import type { Organization, User } from '@/types/models';
import { onMounted } from 'vue';
import { useProjectsStore } from '@/utils/useProjects';
import ActivityGraphCard from '@/Components/Dashboard/ActivityGraphCard.vue';
import MainContainer from "@/Pages/MainContainer.vue";
import MainContainer from '@/Pages/MainContainer.vue';
const page = usePage<{
auth: {

8
resources/js/Pages/MainContainer.vue
View File

@@ -1,6 +1,4 @@
<script setup lang="ts">
</script>
<script setup lang="ts"></script>
<template>
<div class="sm:px-6 lg:px-8 xl:px-12 mx-auto">
@@ -8,6 +6,4 @@
</div>
</template>
<style scoped>
</style>
<style scoped></style>

3
resources/js/Pages/Profile/Show.vue
View File

@@ -31,8 +31,7 @@ const page = usePage<{
<template>
<AppLayout title="Profile">
<template #header>
<h2
class="font-semibold text-xl text-white leading-tight">
<h2 class="font-semibold text-xl text-white leading-tight">
Profile
</h2>
</template>

3
resources/js/Pages/Teams/Create.vue
View File

@@ -6,8 +6,7 @@ import CreateTeamForm from '@/Pages/Teams/Partials/CreateTeamForm.vue';
<template>
<AppLayout title="Create Team">
<template #header>
<h2
class="font-semibold text-xl text-white leading-tight">
<h2 class="font-semibold text-xl text-white leading-tight">
Create Team
</h2>
</template>

3
resources/js/Pages/Teams/Show.vue
View File

@@ -17,8 +17,7 @@ defineProps<{
<template>
<AppLayout title="Team Settings">
<template #header>
<h2
class="font-semibold text-xl text-white leading-tight">
<h2 class="font-semibold text-xl text-white leading-tight">
Team Settings
</h2>
</template>