@dcrackel/hematournamentui 1.0.710 → 1.0.712

package/src/stories/Organisms/Wizards/EditEventWizard/RuleSerialization.test.js

@@ -0,0 +1,29 @@
+import { afterEach, expect, it } from 'vitest';
+import { shallowMount } from '@vue/test-utils';
+import EditEventWizard from './EditEventWizard.vue';
+
+const wrappers = [];
+afterEach(() => wrappers.splice(0).forEach(wrapper => wrapper.unmount()));
+
+it.each([
+  ['CutOffNumber', '32', 14, '32'],
+  ['poolTime', '180', 1, '180'],
+  ['DEType', 'single', 15, 'single'],
+  ['DEType', 'double', 15, 'double'],
+  ['DEPromoteBy', 'Percent', 17, 'Percent'],
+  ['seedWith', 'HR - Hema Rating', 11, 'HR - Hema Rating'],
+  ['CutOffNumber', 0, 14, '0'],
+  ['thirdPlaceBout', false, 5, 'false'],
+  ['DEPromotionOrder', ['Win Percent', 'Indicator'], 9, 'Win Percent,Indicator'],
+  ['seedWith', { text: 'Manual', link: 'MN' }, 11, 'MN']
+])('serializes %s value %j without accessing inherited string methods', (field, value, ruleId, expected) => {
+  const wrapper = shallowMount(EditEventWizard, {
+    props: { event: { EventId: 12, EventName: 'Example Event', EventPrice: 0, rules: [] }, weapons: [], editMode: true }
+  });
+  wrappers.push(wrapper);
+  wrapper.vm.handleValueChange({ poolTimer: true, [field]: value });
+  wrapper.vm.handleUpdate();
+  const payload = wrapper.emitted('save:step')[0][0].event;
+  expect(payload.rules.find(rule => rule.RuleId === ruleId).RuleValue).toBe(expected);
+  expect(payload.rules.some(rule => rule.RuleValue.includes('[native code]'))).toBe(false);
+});

package/src/stories/Templates/EventManagement/EventAttendance/EventAttendance.stories.js

@@ -110,6 +110,36 @@ export const WithWaitlist = {
     personsInTournament: [...activeRoster, ...waitlistedPersons],
     personsAll: personsAllMock,
     fencingClubs: clubsMock,
-    event: makeEventWithCapacity(eventPersonGetEventById.event, activeRoster.length)
+    event: {
+      ...makeEventWithCapacity(eventPersonGetEventById.event, activeRoster.length),
+      RegistrationStatus: 'waitlist'
+    }
+  }
+};
+
+export const RegistrationOpen = {
+  args: {
+    personsInTournament: eventPersonGetEventById.persons,
+    personsAll: personsAllMock,
+    fencingClubs: clubsMock,
+    event: { ...eventPersonGetEventById.event, RegistrationStatus: 'open' }
+  }
+};
+
+export const RegistrationFull = {
+  args: {
+    personsInTournament: eventPersonGetEventById.persons,
+    personsAll: personsAllMock,
+    fencingClubs: clubsMock,
+    event: { ...eventPersonGetEventById.event, RegistrationStatus: 'full' }
+  }
+};
+
+export const RegistrationClosed = {
+  args: {
+    personsInTournament: eventPersonGetEventById.persons,
+    personsAll: personsAllMock,
+    fencingClubs: clubsMock,
+    event: { ...eventPersonGetEventById.event, RegistrationStatus: 'closed' }
   }
 };

package/src/stories/Templates/TournamentManagement/ListEvents/ListEvents.stories.js

@@ -1,45 +1,58 @@
-import ListEvents from './ListEvents.vue';
-import eventMockData from '../../../../mocks/eventMock.js';
-
-export default {
-  title: 'Templates/TournamentManagement/ListEvents',
-  component: ListEvents,
-  tags: ['autodocs'],
-  args: {
-    tournamentId: 8,
-    events: eventMockData
-  },
-  argTypes: {
-    tournamentId: { control: { type: 'number' } },
-    events: { control: { type: 'object' } },
-    'tab:menu-click': { action: 'tab:menu-click' },
-    manageEvent: { action: 'manageEvent' },
-    editEvent: { action: 'editEvent' },
-    addEvent: { action: 'addEvent' },
-    'delete:Event': { action: 'delete:Event' }
-  }
-};
-
-export const Default = {
-  args: {
-    tournamentId: 8,
-    events: eventMockData
-  }
-};
-
-export const NoEvents = {
-  args: {
-    tournamentId: 8,
-    events: []
-  }
-};
-
-export const CompletedEvents = {
-  args: {
-    tournamentId: 8,
-    events: eventMockData.map(event => ({
-      ...event,
-      Status: 'completed'
-    }))
-  }
-};
+import ListEvents from './ListEvents.vue';
+import eventMockData from '../../../../mocks/eventMock.js';
+
+export default {
+  title: 'Templates/TournamentManagement/ListEvents',
+  component: ListEvents,
+  tags: ['autodocs'],
+  args: {
+    tournamentId: 8,
+    events: eventMockData
+  },
+  argTypes: {
+    tournamentId: { control: { type: 'number' } },
+    events: { control: { type: 'object' } },
+    'tab:menu-click': { action: 'tab:menu-click' },
+    manageEvent: { action: 'manageEvent' },
+    editEvent: { action: 'editEvent' },
+    addEvent: { action: 'addEvent' },
+    'delete:Event': { action: 'delete:Event' }
+  }
+};
+
+export const Default = {
+  args: {
+    tournamentId: 8,
+    events: eventMockData
+  }
+};
+
+export const NoEvents = {
+  args: {
+    tournamentId: 8,
+    events: []
+  }
+};
+
+export const RegistrationStatuses = {
+  args: {
+    tournamentId: 8,
+    events: ['open', 'waitlist', 'full', 'closed'].map((RegistrationStatus, index) => ({
+      ...eventMockData[0],
+      EventId: index + 1,
+      EventName: ['Longsword Division 1', 'Rapier', 'Saber', 'Longsword Division 2'][index],
+      Status: 'registration',
+      RegistrationStatus
+    }))
+  }
+};
+
+export const CompletedEvents = {
+  args: {
+    tournamentId: 8,
+    events: eventMockData.map(event => ({
+      ...event,
+      Status: 'completed'
+    }))
+  }
+};

package/src/stories/Templates/TournamentManagement/TournamentManagement.test.js

@@ -34,6 +34,31 @@ function existingTournament(BasePrice) {
 }
 
 describe('tournament base price', () => {
+  it.each([
+    [45, '45.00'],
+    ['45', '45.00'],
+    [45.5, '45.50'],
+    ['45.5', '45.50']
+  ])('displays a saved base price of %s as %s', async (value, display) => {
+    const wrapper = mountTournament(existingTournament(value));
+    await wrapper.vm.$nextTick();
+    expect(priceField(wrapper).find('input').element.value).toBe(display);
+  });
+
+  it('formats an entered price on blur and preserves the numeric submit payload', async () => {
+    const wrapper = mountTournament();
+    await wrapper.vm.$nextTick();
+    wrapper.vm.updateTournament({ Name: 'Test Tournament', Address: { Name: 'Test Venue' } });
+    const input = priceField(wrapper).find('input');
+    await input.setValue('45.');
+    expect(input.element.value).toBe('45.');
+    await input.setValue('45');
+    await input.trigger('focusout');
+    expect(input.element.value).toBe('45.00');
+    wrapper.vm.handleSubmit();
+    expect(wrapper.emitted('submit:tournament')[0][0].BasePrice).toBe(45);
+  });
+
   it('retains decimal typing and submits the base price from a new tournament', async () => {
     const wrapper = mountTournament();
     await wrapper.vm.$nextTick();
@@ -61,13 +86,13 @@ describe('tournament base price', () => {
     expect(wrapper.emitted('submit:tournament')[0][0].BasePrice).toBe(80.75);
     expect(tournament.BasePrice).toBe(50.25);
     await wrapper.setProps({ tournament: existingTournament(0) });
-    expect(priceField(wrapper).find('input').element.value).toBe('0');
+    expect(priceField(wrapper).find('input').element.value).toBe('0.00');
   });
 
   it.each([undefined, null, 0])('allows free tournaments with an initial price of %s', async value => {
     const wrapper = mountTournament(existingTournament(value));
     await wrapper.vm.$nextTick();
-    expect(priceField(wrapper).find('input').element.value).toBe(value == null ? '' : '0');
+    expect(priceField(wrapper).find('input').element.value).toBe(value == null ? '' : '0.00');
     expect(priceField(wrapper).find('input').attributes('placeholder')).toBe('0.00');
     await priceField(wrapper).find('input').setValue('');
     wrapper.vm.handleSubmit();

package/src/stories/Templates/TournamentManagement/TournamentPageOne/TournamentPageOne.stories.js

@@ -89,7 +89,7 @@ export const EmptyTournament = {
 
 export const EditMode = {
   args: {
-    tournament: { ...mockTournaments[0], BasePrice: 75.5 },
+    tournament: { ...mockTournaments[0], BasePrice: 45 },
     locations: mockLocation,
     persons: mockPersons,
     validation: validTournamentFields,

package/src/stories/Templates/TournamentManagement/TournamentPageOne/TournamentPageOne.vue

@@ -51,7 +51,8 @@
       :invalid="isFieldInvalid('BasePrice')"
       :title="getValidationLabel('BasePrice', 'Base Price')"
       placeholder="0.00"
-      @update:value="emitUpdate('BasePrice', $event)"
+      @update:value="handleBasePriceUpdate"
+      @focusout="handleBasePriceBlur"
       class="mb-4"
     />
 
@@ -223,6 +224,9 @@ export default {
     TitledInput,
     TextBoxEditor
   },
+  data() {
+    return { basePriceDraft: null };
+  },
   computed: {
     tournamentImage() {
       if (this.tournament.Images && this.tournament.Images.length > 0) {
@@ -234,7 +238,11 @@ export default {
       return this.tournament?.Name || '';
     },
     basePrice() {
-      return this.tournament?.BasePrice ?? '';
+      const price = this.tournament?.BasePrice ?? '';
+      if (price === '' || price === this.basePriceDraft) return price;
+      const amount = Number(price);
+      if (!Number.isFinite(amount)) return price;
+      return amount.toFixed(2);
     },
     addressName() {
       return this.tournament?.Address?.Name || '';
@@ -257,6 +265,13 @@ export default {
     }
   },
   methods: {
+    handleBasePriceUpdate(value) {
+      this.basePriceDraft = value;
+      this.emitUpdate('BasePrice', value);
+    },
+    handleBasePriceBlur() {
+      this.basePriceDraft = null;
+    },
     handleNewImageUrl(url) {
       this.$emit('update:image', { ImageLink: url });
     },

package/src/stories/Util/registrationStatus.js

@@ -0,0 +1,11 @@
+const statusLabels = new Map([
+  ['open', 'Open'],
+  ['waitlist', 'Waitlist'],
+  ['full', 'Full'],
+  ['closed', 'Closed']
+]);
+
+export function getRegistrationStatusLabel(status) {
+  const value = typeof status === 'string' ? status.trim().toLowerCase() : '';
+  return statusLabels.get(value) ?? '';
+}