finishes 13 and 14

resources/js/Pages/Session/Result.vue

@@ -63,12 +63,13 @@ const resultDisplay = computed(() => {
         <h1 class="text-3xl font-bold text-white mb-6">{{ categoryName }} — Result</h1>
 
         <!-- Result Card -->
-        <div class="rounded-lg p-8 mb-8 border" :class="resultDisplay.bgClass">
+        <div class="rounded-lg p-8 mb-8 border" :class="resultDisplay.bgClass" data-cy="session-result">
             <div class="text-center">
                 <div class="mb-4">
                     <span
                         class="inline-block px-6 py-3 rounded-lg text-white text-2xl font-bold"
                         :class="resultDisplay.badgeClass"
+                        :data-cy="'result-' + result"
                     >
                         {{ resultDisplay.label }}
                     </span>
@@ -107,7 +108,7 @@ const resultDisplay = computed(() => {
 
         <!-- Again button -->
         <div class="flex justify-center">
-            <AppButton size="lg" href="/">
+            <AppButton size="lg" href="/" data-cy="start-new">
                 Again
             </AppButton>
         </div>