@dcrackel/hematournamentui 1.0.702 → 1.0.703

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dcrackel/hematournamentui",
   "private": false,
-  "version": "1.0.702",
+  "version": "1.0.703",
   "type": "module",
   "main": "dist/HemaTournamentUI-lib.umd.js",
   "module": "dist/HemaTournamentUI-lib.es.js",

package/src/stories/Organisms/Containers/Tableau/Tableau.test.js

@@ -0,0 +1,37 @@
+import { shallowMount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import BoutCard from '../../Cards/BoutCard/BoutCard.vue';
+import Tableau from './Tableau.vue';
+
+const bout = {
+  BoutId: 42,
+  DEBoutId: 1,
+  RoundLabel: 'Final',
+  Status: 'Scheduled',
+  Person1: { PersonId: 1, DisplayName: 'Fencer One' },
+  Person2: { PersonId: 2, DisplayName: 'Fencer Two' },
+};
+
+const mountListView = () => shallowMount(Tableau, {
+  props: {
+    bouts: [bout],
+    bracketSize: 'Final',
+    hostingClubColors: {},
+    largeCards: true,
+    listView: true,
+  },
+});
+
+describe('Tableau list view', () => {
+  it('enables bout interaction and emits the full bout when starting', async () => {
+    const wrapper = mountListView();
+    const boutCard = wrapper.findComponent(BoutCard);
+
+    expect(boutCard.props('editMode')).toBe(true);
+
+    boutCard.vm.$emit('action:startBout', { BoutId: bout.BoutId });
+    await wrapper.vm.$nextTick();
+
+    expect(wrapper.emitted('action:directingBout')).toEqual([[bout]]);
+  });
+});

package/src/stories/Organisms/Containers/Tableau/Tableau.vue

@@ -19,12 +19,12 @@
       <div class="border-b border-dropdownSelect mb-5"></div>
 
       <div v-for="bout in assignedBoutsToMe" :key="bout.BoutId" class="mb-4">
-        <BoutCard
-            :bout="bout"
-            :hostingClubColors="hostingClubColors"
-            :editMode="false"
-            :reorderMode="false"
-            :isAdmin="isAdmin"
+        <BoutCard
+            :bout="bout"
+            :hostingClubColors="hostingClubColors"
+            :editMode="true"
+            :reorderMode="false"
+            :isAdmin="isAdmin"
             @action:startBout="handleDirectingFromIds"
             @action:resumeBout="handleDirectingFromIds"
             @action:editBout="handleEditFromIds"
@@ -42,12 +42,12 @@
       <BaseText class="my-5" color="primaryHighlight" size="sm" :text="roundName" weight="bold"/>
 
       <div v-for="bout in bouts" :key="bout.BoutId" class="mb-4">
-        <BoutCard
-            :bout="bout"
-            :hostingClubColors="hostingClubColors"
-            :editMode="false"
-            :reorderMode="false"
-            :isAdmin="isAdmin"
+        <BoutCard
+            :bout="bout"
+            :hostingClubColors="hostingClubColors"
+            :editMode="true"
+            :reorderMode="false"
+            :isAdmin="isAdmin"
             @action:startBout="handleDirectingFromIds"
             @action:resumeBout="handleDirectingFromIds"
             @action:editBout="handleEditFromIds"