finishes 13 and 14

This commit is contained in:
2026-02-03 20:18:08 +01:00
parent c693cde038
commit baa43de4e1
47 changed files with 3522 additions and 21 deletions

View File

@@ -45,10 +45,10 @@ const handleStartCategory = (categoryId) => {
<!-- Score Display -->
<div class="rounded-lg p-6 mb-8" :class="passed ? 'bg-green-500/10 border border-green-500/30' : 'bg-red-500/10 border border-red-500/30'">
<div class="text-center">
<p class="text-5xl font-bold mb-2" :class="passed ? 'text-green-500' : 'text-red-500'">
<p class="text-5xl font-bold mb-2" :class="passed ? 'text-green-500' : 'text-red-500'" data-cy="screening-score">
{{ score }} / {{ totalQuestions }}
</p>
<p class="text-xl font-semibold" :class="passed ? 'text-green-400' : 'text-red-400'">
<p class="text-xl font-semibold" :class="passed ? 'text-green-400' : 'text-red-400'" :data-cy="passed ? 'result-passed' : 'result-failed'">
{{ passed ? 'Passed' : 'No Go' }}
</p>
<p class="text-gray-400 mt-2">
@@ -65,7 +65,7 @@ const handleStartCategory = (categoryId) => {
</div>
<!-- Passed: Show category picker -->
<div v-else>
<div v-else data-cy="category-select">
<h2 class="text-2xl font-semibold text-white mb-4">Select a Category</h2>
<div class="space-y-3">
<div

View File

@@ -48,6 +48,7 @@ const allAnswered = computed(() => {
v-for="(question, index) in questions"
:key="index"
class="bg-surface/50 rounded-lg p-5"
:data-cy="`screening-answer-${index + 1}`"
>
<div class="flex items-start gap-4">
<span class="text-gray-400 font-mono text-sm mt-1 shrink-0">{{ index + 1 }}.</span>
@@ -61,6 +62,7 @@ const allAnswered = computed(() => {
value="yes"
v-model="form.answers[index + 1]"
class="w-4 h-4 text-primary bg-surface border-gray-600 focus:ring-primary focus:ring-offset-surface"
data-cy="yes"
/>
<span class="text-white">Yes</span>
</label>
@@ -71,6 +73,7 @@ const allAnswered = computed(() => {
value="no"
v-model="form.answers[index + 1]"
class="w-4 h-4 text-primary bg-surface border-gray-600 focus:ring-primary focus:ring-offset-surface"
data-cy="no"
/>
<span class="text-white">No</span>
</label>
@@ -84,7 +87,7 @@ const allAnswered = computed(() => {
</div>
<div class="flex justify-end">
<AppButton size="lg" @click="handleSubmit" :loading="form.processing" :disabled="!allAnswered || form.processing">
<AppButton size="lg" @click="handleSubmit" :loading="form.processing" :disabled="!allAnswered || form.processing" data-cy="submit-screening">
Submit
</AppButton>
</div>