@dcrackel/hematournamentui 1.0.711 → 1.0.713

package/src/stories/Templates/PersonManagement/PersonManagementDraft.js

@@ -1,42 +1,42 @@
-export const profileFields = [
-  { field: 'DisplayName', label: 'Display name', tab: 'Basic' },
-  { field: 'LegalName', label: 'Legal name', tab: 'Basic' },
-  { field: 'EmailAddress', label: 'Email address', tab: 'Basic' },
-  { field: 'HemaRatingsId', label: 'HEMA Ratings ID', tab: 'Admin' }
-];
-
-export function getDraftLegalName(person) {
-  if (person?.LegalName !== undefined) return String(person.LegalName ?? '');
-  return [person?.FirstName, person?.LastName].filter(Boolean).join(' ');
-}
-
-function isPrimaryEmail(email) {
-  return email?.IsPrimary === true;
-}
-
-function getPrimaryEmailAddress(person) {
-  const emails = Array.isArray(person?.PersonEmails) ? person.PersonEmails : [];
-  return emails.find(isPrimaryEmail)?.EmailAddress ?? '';
-}
-
-export function getDraftEmailAddress(person) {
-  if (person?.EmailAddress !== undefined) return String(person.EmailAddress ?? '');
-  if (person?.Email !== undefined) return String(person.Email ?? '');
-  return getPrimaryEmailAddress(person);
-}
-
-export function getDraftHemaRatingsId(person) {
-  if (person?.HemaRatingsId !== undefined) return person.HemaRatingsId ?? '';
-  return person?.HEMARatings?.[0]?.HemaRatingId ?? '';
-}
-
-export function createPersonDraft(profile) {
-  const person = JSON.parse(JSON.stringify(profile ?? {}));
-  return { ...person, LegalName: getDraftLegalName(person), EmailAddress: getDraftEmailAddress(person) };
-}
-
-export function createPersonValidation() {
-  return Object.fromEntries(
-    [...profileFields.map(({ field }) => field), 'Club'].map(field => [field, { invalid: false, message: '' }])
-  );
-}
+export const profileFields = [
+  { field: 'DisplayName', label: 'Display name', tab: 'Basic' },
+  { field: 'LegalName', label: 'Legal name', tab: 'Basic' },
+  { field: 'EmailAddress', label: 'Email address', tab: 'Basic' },
+  { field: 'HemaRatingsId', label: 'HEMA Ratings ID', tab: 'Admin' }
+];
+
+export function getDraftLegalName(person) {
+  if (person?.LegalName !== undefined) return String(person.LegalName ?? '');
+  return [person?.FirstName, person?.LastName].filter(Boolean).join(' ');
+}
+
+function isPrimaryEmail(email) {
+  return email?.IsPrimary === true;
+}
+
+function getPrimaryEmailAddress(person) {
+  const emails = Array.isArray(person?.PersonEmails) ? person.PersonEmails : [];
+  return emails.find(isPrimaryEmail)?.EmailAddress ?? '';
+}
+
+export function getDraftEmailAddress(person) {
+  if (person?.EmailAddress !== undefined) return String(person.EmailAddress ?? '');
+  if (person?.Email !== undefined) return String(person.Email ?? '');
+  return getPrimaryEmailAddress(person);
+}
+
+export function getDraftHemaRatingsId(person) {
+  if (person?.HemaRatingsId !== undefined) return person.HemaRatingsId ?? '';
+  return person?.HEMARatings?.[0]?.HemaRatingId ?? '';
+}
+
+export function createPersonDraft(profile) {
+  const person = JSON.parse(JSON.stringify(profile ?? {}));
+  return { ...person, LegalName: getDraftLegalName(person), EmailAddress: getDraftEmailAddress(person) };
+}
+
+export function createPersonValidation() {
+  return Object.fromEntries(
+    [...profileFields.map(({ field }) => field), 'Club'].map(field => [field, { invalid: false, message: '' }])
+  );
+}

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.stories.js

@@ -1,84 +1,84 @@
-import TournamentManagement from './TournamentManagement.vue';
-import mockLocation from '../../../mocks/locationMock.js';
-import mockPersons from '../../../mocks/personsMock.js';
-import mockTournaments from '../../../mocks/tournamentMock.js';
-
-const existingTournament = {
-  ...mockTournaments[0],
-  BasePrice: 75.5,
-  HostedOnM2: true,
-  ResultsEnabled: false,
-  Visibility: 'Open',
-  WaiverScope: 'None'
-};
-
-export default {
-  title: 'Templates/TournamentManagement',
-  component: TournamentManagement,
-  tags: ['autodocs'],
-  args: {
-    tournament: existingTournament,
-    locations: mockLocation,
-    persons: mockPersons,
-    uploadImageName: 'tournament-test',
-    uploadServer: 'http://localhost:3000/api/upload/',
-    imageServer: 'https://meyersquaredimages.com/uploads/',
-    showTab: 'Basic',
-    userLevel: 'Club',
-    submitButtonLabel: 'Save'
-  },
-  argTypes: {
-    tournament: {
-      control: { type: 'object' }
-    },
-    locations: {
-      control: { type: 'object' }
-    },
-    persons: {
-      control: { type: 'object' }
-    },
-    showTab: {
-      control: { type: 'text' }
-    },
-    userLevel: {
-      control: { type: 'text' }
-    },
-    submitButtonLabel: {
-      control: { type: 'text' }
-    }
-  }
-};
-
-export const Default = {
-  args: {
-    tournament: existingTournament,
-    locations: mockLocation,
-    persons: mockPersons
-  }
-};
-
-export const EmptyTournament = {
-  args: {
-    tournament: {},
-    locations: mockLocation,
-    persons: mockPersons
-  }
-};
-
-export const StartOnDetails = {
-  args: {
-    tournament: existingTournament,
-    locations: mockLocation,
-    persons: mockPersons,
-    showTab: 'Hosting'
-  }
-};
-
-export const Saving = {
-  args: {
-    tournament: existingTournament,
-    locations: mockLocation,
-    persons: mockPersons,
-    submitButtonLabel: 'Saving...'
-  }
-};
+import TournamentManagement from './TournamentManagement.vue';
+import mockLocation from '../../../mocks/locationMock.js';
+import mockPersons from '../../../mocks/personsMock.js';
+import mockTournaments from '../../../mocks/tournamentMock.js';
+
+const existingTournament = {
+  ...mockTournaments[0],
+  BasePrice: 75.5,
+  HostedOnM2: true,
+  ResultsEnabled: false,
+  Visibility: 'Open',
+  WaiverScope: 'None'
+};
+
+export default {
+  title: 'Templates/TournamentManagement',
+  component: TournamentManagement,
+  tags: ['autodocs'],
+  args: {
+    tournament: existingTournament,
+    locations: mockLocation,
+    persons: mockPersons,
+    uploadImageName: 'tournament-test',
+    uploadServer: 'http://localhost:3000/api/upload/',
+    imageServer: 'https://meyersquaredimages.com/uploads/',
+    showTab: 'Basic',
+    userLevel: 'Club',
+    submitButtonLabel: 'Save'
+  },
+  argTypes: {
+    tournament: {
+      control: { type: 'object' }
+    },
+    locations: {
+      control: { type: 'object' }
+    },
+    persons: {
+      control: { type: 'object' }
+    },
+    showTab: {
+      control: { type: 'text' }
+    },
+    userLevel: {
+      control: { type: 'text' }
+    },
+    submitButtonLabel: {
+      control: { type: 'text' }
+    }
+  }
+};
+
+export const Default = {
+  args: {
+    tournament: existingTournament,
+    locations: mockLocation,
+    persons: mockPersons
+  }
+};
+
+export const EmptyTournament = {
+  args: {
+    tournament: {},
+    locations: mockLocation,
+    persons: mockPersons
+  }
+};
+
+export const StartOnDetails = {
+  args: {
+    tournament: existingTournament,
+    locations: mockLocation,
+    persons: mockPersons,
+    showTab: 'Hosting'
+  }
+};
+
+export const Saving = {
+  args: {
+    tournament: existingTournament,
+    locations: mockLocation,
+    persons: mockPersons,
+    submitButtonLabel: 'Saving...'
+  }
+};

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

@@ -1,114 +1,114 @@
-import { afterEach, describe, expect, it } from 'vitest';
-import { mount } from '@vue/test-utils';
-import TournamentManagement from './TournamentManagement.vue';
-import TitledInput from '../../Molecules/CombinationInputs/TitledInput/TitledInput.vue';
-
-const wrappers = [];
-afterEach(() => wrappers.splice(0).forEach(wrapper => wrapper.unmount()));
-
-function mountTournament(tournament = {}) {
-  const wrapper = mount(TournamentManagement, {
-    props: { tournament, locations: [], persons: [] },
-    global: {
-      stubs: {
-        EditEventsTopMenu: true,
-        TournamentPageTwo: true,
-        ImageCropper: true,
-        FindLocation: true,
-        FindPerson: true,
-        DatePicker: true,
-        TextBoxEditor: true
-      }
-    }
-  });
-  wrappers.push(wrapper);
-  return wrapper;
-}
-
-function priceField(wrapper) {
-  return wrapper.findAllComponents(TitledInput).find(field => field.props('title').startsWith('Base Price'));
-}
-
-function existingTournament(BasePrice) {
-  return { Name: 'Test Tournament', Address: { Name: 'Test Venue' }, 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();
-    expect(priceField(wrapper).find('input').element.value).toBe('');
-    expect(priceField(wrapper).find('input').attributes('placeholder')).toBe('0.00');
-    wrapper.vm.updateTournament({ Name: 'Test Tournament', Address: { Name: 'Test Venue' } });
-    const input = priceField(wrapper).find('input');
-    await input.setValue('75.');
-    expect(input.element.value).toBe('75.');
-    await input.setValue('75.50');
-    wrapper.vm.handleNext();
-    await wrapper.vm.$nextTick();
-    expect(wrapper.vm.currentTab).toBe('Hosting');
-    wrapper.vm.handleSubmit();
-    expect(wrapper.emitted('submit:tournament')[0][0].BasePrice).toBe(75.5);
-  });
-
-  it('edits saved prices without mutating props and reconciles parent updates', async () => {
-    const tournament = existingTournament(50.25);
-    const wrapper = mountTournament(tournament);
-    await wrapper.vm.$nextTick();
-    expect(priceField(wrapper).find('input').element.value).toBe('50.25');
-    await priceField(wrapper).find('input').setValue('80.75');
-    wrapper.vm.handleSubmit();
-    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.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.00');
-    expect(priceField(wrapper).find('input').attributes('placeholder')).toBe('0.00');
-    await priceField(wrapper).find('input').setValue('');
-    wrapper.vm.handleSubmit();
-    expect(wrapper.emitted('submit:tournament')[0][0].BasePrice).toBe(0);
-  });
-
-  it.each(['-5', 'invalid', 'Infinity'])('rejects invalid price %s and recovers after correction', async value => {
-    const wrapper = mountTournament(existingTournament(10));
-    await wrapper.vm.$nextTick();
-    await priceField(wrapper).find('input').setValue(value);
-    wrapper.vm.handleSubmit();
-    await wrapper.vm.$nextTick();
-    expect(wrapper.emitted('submit:tournament')).toBeUndefined();
-    expect(priceField(wrapper).props('invalid')).toBe(true);
-    await priceField(wrapper).find('input').setValue('0');
-    wrapper.vm.handleSubmit();
-    expect(wrapper.emitted('submit:tournament')[0][0].BasePrice).toBe(0);
-  });
-});
+import { afterEach, describe, expect, it } from 'vitest';
+import { mount } from '@vue/test-utils';
+import TournamentManagement from './TournamentManagement.vue';
+import TitledInput from '../../Molecules/CombinationInputs/TitledInput/TitledInput.vue';
+
+const wrappers = [];
+afterEach(() => wrappers.splice(0).forEach(wrapper => wrapper.unmount()));
+
+function mountTournament(tournament = {}) {
+  const wrapper = mount(TournamentManagement, {
+    props: { tournament, locations: [], persons: [] },
+    global: {
+      stubs: {
+        EditEventsTopMenu: true,
+        TournamentPageTwo: true,
+        ImageCropper: true,
+        FindLocation: true,
+        FindPerson: true,
+        DatePicker: true,
+        TextBoxEditor: true
+      }
+    }
+  });
+  wrappers.push(wrapper);
+  return wrapper;
+}
+
+function priceField(wrapper) {
+  return wrapper.findAllComponents(TitledInput).find(field => field.props('title').startsWith('Base Price'));
+}
+
+function existingTournament(BasePrice) {
+  return { Name: 'Test Tournament', Address: { Name: 'Test Venue' }, 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();
+    expect(priceField(wrapper).find('input').element.value).toBe('');
+    expect(priceField(wrapper).find('input').attributes('placeholder')).toBe('0.00');
+    wrapper.vm.updateTournament({ Name: 'Test Tournament', Address: { Name: 'Test Venue' } });
+    const input = priceField(wrapper).find('input');
+    await input.setValue('75.');
+    expect(input.element.value).toBe('75.');
+    await input.setValue('75.50');
+    wrapper.vm.handleNext();
+    await wrapper.vm.$nextTick();
+    expect(wrapper.vm.currentTab).toBe('Hosting');
+    wrapper.vm.handleSubmit();
+    expect(wrapper.emitted('submit:tournament')[0][0].BasePrice).toBe(75.5);
+  });
+
+  it('edits saved prices without mutating props and reconciles parent updates', async () => {
+    const tournament = existingTournament(50.25);
+    const wrapper = mountTournament(tournament);
+    await wrapper.vm.$nextTick();
+    expect(priceField(wrapper).find('input').element.value).toBe('50.25');
+    await priceField(wrapper).find('input').setValue('80.75');
+    wrapper.vm.handleSubmit();
+    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.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.00');
+    expect(priceField(wrapper).find('input').attributes('placeholder')).toBe('0.00');
+    await priceField(wrapper).find('input').setValue('');
+    wrapper.vm.handleSubmit();
+    expect(wrapper.emitted('submit:tournament')[0][0].BasePrice).toBe(0);
+  });
+
+  it.each(['-5', 'invalid', 'Infinity'])('rejects invalid price %s and recovers after correction', async value => {
+    const wrapper = mountTournament(existingTournament(10));
+    await wrapper.vm.$nextTick();
+    await priceField(wrapper).find('input').setValue(value);
+    wrapper.vm.handleSubmit();
+    await wrapper.vm.$nextTick();
+    expect(wrapper.emitted('submit:tournament')).toBeUndefined();
+    expect(priceField(wrapper).props('invalid')).toBe(true);
+    await priceField(wrapper).find('input').setValue('0');
+    wrapper.vm.handleSubmit();
+    expect(wrapper.emitted('submit:tournament')[0][0].BasePrice).toBe(0);
+  });
+});