@dcrackel/hematournamentui 1.0.711 → 1.0.713

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

@@ -1,191 +1,221 @@
-import { afterEach, describe, expect, it } from 'vitest';
-import { mount, shallowMount } from '@vue/test-utils';
-import EditEventWizard from './EditEventWizard.vue';
-import EditEventInfo from '../../../Templates/EventManagement/EditEventInfo/EditEventInfo.vue';
-import EventCustomization from './EventCustomization/EventCustomization.vue';
-import BasicEventInfo from './BasicEventInfo/BasicEventInfo.vue';
-
-const wrappers = [];
-afterEach(() => wrappers.splice(0).forEach(wrapper => wrapper.unmount()));
-
-function createEvent() {
-  return {
-    EventId: 12,
-    EventName: 'Longsword Open',
-    Date: '2026-10-17',
-    StartTime: '12:00',
-    NumberOfRings: 2,
-    WeaponId: 1,
-    IncludeInRatings: false,
-    rules: [
-      { RuleId: 1, RuleValue: '90' },
-      { RuleId: 2, RuleValue: '7' },
-      { RuleId: 4, RuleValue: '12' },
-      { RuleId: 9, RuleValue: 'Win Percent,Indicator' },
-      { RuleId: 17, RuleValue: 'Count' },
-      { RuleId: 18, RuleValue: 'true' }
-    ]
-  };
-}
-
-function mountWizard(props = {}) {
-  const wrapper = shallowMount(EditEventWizard, { props: { event: createEvent(), weapons: [], ...props } });
-  wrappers.push(wrapper);
-  return wrapper;
-}
-
-describe('event editing with step saves', () => {
-  it('requests a save on each step and waits for the parent before advancing', async () => {
-    const wrapper = mountWizard({ editMode: true });
-    expect(wrapper.findComponent(BasicEventInfo).props('nextButtonLabel')).toBe('Save and Continue');
-    wrapper.vm.handleValueChange({ EventName: 'Changed Event' });
-    wrapper.vm.handleUpdate();
-    const request = wrapper.emitted('save:step')[0][0];
-    expect(request.step).toBe(1);
-    expect(request.event.EventName).toBe('Changed Event');
-    expect(wrapper.vm.currentStep).toBe(1);
-    expect(wrapper.emitted('update:submit')).toBeUndefined();
-    await wrapper.setProps({ event: request.event, step: 2, saving: false, saveNotice: 'Changes saved.' });
-    expect(wrapper.vm.currentStep).toBe(2);
-    expect(wrapper.findComponent(EventCustomization).props('nextButtonLabel')).toBe('Save and Continue');
-    expect(wrapper.text()).toContain('Changes saved.');
-    expect(wrapper.emitted('update:dirty').at(-1)).toEqual([false]);
-  });
-
-  it('blocks duplicate saves, navigation and edits while saving', async () => {
-    const wrapper = mountWizard({ editMode: true });
-    wrapper.vm.handleValueChange({ EventName: 'Changed Event' });
-    wrapper.vm.handleUpdate();
-    await wrapper.setProps({ saving: true });
-    expect(wrapper.find('fieldset').attributes()).toHaveProperty('disabled');
-    expect(wrapper.text()).toContain('Saving changes');
-    wrapper.vm.handleUpdate();
-    wrapper.vm.handleBack();
-    wrapper.vm.handleValueChange({ EventName: 'Blocked Change' });
-    expect(wrapper.emitted('save:step')).toHaveLength(1);
-    expect(wrapper.vm.eventConfig.EventName).toBe('Changed Event');
-  });
-
-  it('retains page two edits on failure and saves the latest toggle even with a stale Next payload', async () => {
-    const wrapper = mountWizard({ editMode: true, step: 2 });
-    const oldConfig = { ...wrapper.vm.eventConfig };
-    wrapper.vm.handleValueChange({ IncludeInRatings: true, CountDoubles: true });
-    wrapper.vm.handleUpdate(oldConfig);
-    expect(wrapper.emitted('save:step')[0][0].event.IncludeInRatings).toBe(true);
-    expect(wrapper.emitted('save:step')[0][0].event.rules.find(rule => rule.RuleId === 20).RuleValue).toBe('true');
-    await wrapper.setProps({ saving: false, saveError: 'Changes could not be saved.' });
-    expect(wrapper.vm.currentStep).toBe(2);
-    expect(wrapper.vm.eventConfig.IncludeInRatings).toBe(true);
-    expect(wrapper.find('[role="alert"]').text()).toBe('Changes could not be saved.');
-    wrapper.vm.handleUpdate();
-    expect(wrapper.emitted('save:step')).toHaveLength(2);
-  });
-
-  it('uses Save on the last step and stays on it until the app chooses otherwise', () => {
-    const wrapper = mountWizard({ editMode: true, step: 5 });
-    expect(wrapper.findComponent({ name: 'DirectElimination' }).props('nextButtonLabel')).toBe('Save');
-    wrapper.vm.handleSubmit();
-    expect(wrapper.emitted('save:step')[0][0].step).toBe(5);
-    expect(wrapper.vm.currentStep).toBe(5);
-  });
-
-  it('tracks reverted changes, requests Back navigation and never mutates the incoming event', () => {
-    const event = createEvent();
-    const original = structuredClone(event);
-    const wrapper = mountWizard({ editMode: true, step: 3, event });
-    wrapper.vm.handleValueChange({ EventName: 'Changed' });
-    expect(wrapper.emitted('update:dirty').at(-1)).toEqual([true]);
-    wrapper.vm.handleValueChange({ EventName: event.EventName });
-    expect(wrapper.emitted('update:dirty').at(-1)).toEqual([false]);
-    wrapper.vm.handleBack();
-    expect(wrapper.emitted('navigate:step')[0]).toEqual([2]);
-    expect(wrapper.vm.currentStep).toBe(3);
-    expect(event).toEqual(original);
-  });
-
-  it('loads ratings membership from the event column and mirrors a legacy rule only if present', () => {
-    const wrapper = mountWizard({ editMode: true, step: 2 });
-    expect(wrapper.vm.eventConfig.IncludeInRatings).toBe(false);
-    expect(wrapper.vm.buildEventPayload().rules.some(rule => rule.RuleId === 22)).toBe(false);
-    const event = createEvent();
-    event.rules.push({ RuleId: 22, RuleValue: 'true' });
-    const legacy = mountWizard({ editMode: true, event });
-    expect(legacy.vm.buildEventPayload().rules.find(rule => rule.RuleId === 22).RuleValue).toBe('false');
-  });
-
-  it('omits disabled max-point rules instead of reenabling them after saving', () => {
-    const wrapper = mountWizard({ editMode: true });
-    wrapper.vm.handleValueChange({ poolMax: false, DEMax: false });
-    const rules = wrapper.vm.buildEventPayload().rules;
-    expect(rules.some(rule => rule.RuleId === 2 || rule.RuleId === 4)).toBe(false);
-  });
-});
-
-it('keeps creation as a wizard with one submit at the end', () => {
-  const wrapper = mountWizard({ event: { ...createEvent(), EventId: 0 } });
-  expect(wrapper.findComponent(BasicEventInfo).props('nextButtonLabel')).toBe('Next');
-  for (let step = 1; step < 5; step += 1) wrapper.vm.handleUpdate();
-  expect(wrapper.vm.currentStep).toBe(5);
-  expect(wrapper.emitted('save:step')).toBeUndefined();
-  expect(wrapper.emitted('update:submit')).toBeUndefined();
-  wrapper.vm.handleSubmit();
-  expect(wrapper.emitted('update:submit')).toHaveLength(1);
-});
-
-it('forwards controlled edit state and save, dirty, navigation and cancel events through EditEventInfo', () => {
-  const wrapper = shallowMount(EditEventInfo, {
-    props: { event: createEvent(), rules: [], weapons: [], editMode: true, step: 2, saving: false, saveError: 'Retry' }
-  });
-  wrappers.push(wrapper);
-  const wizard = wrapper.findComponent(EditEventWizard);
-  expect(wizard.props('editMode')).toBe(true);
-  expect(wizard.props('step')).toBe(2);
-  expect(wizard.props('saveError')).toBe('Retry');
-  const request = { event: createEvent(), step: 2 };
-  wizard.vm.$emit('save:step', request);
-  wizard.vm.$emit('navigate:step', 1);
-  wizard.vm.$emit('update:dirty', true);
-  wizard.vm.$emit('update:cancel');
-  expect(wrapper.emitted('save:step')[0][0]).toEqual(request);
-  expect(wrapper.emitted('navigate:step')[0]).toEqual([1]);
-  expect(wrapper.emitted('update:dirty')[0]).toEqual([true]);
-  expect(wrapper.emitted('update:cancel')).toHaveLength(1);
-});
-
-it('renders a saved boolean Double Counter value as checked on page two', () => {
-  const wrapper = shallowMount(EventCustomization, {
-    props: { eventConfig: { CountDoubles: true }, steps: [], currentStep: 1 }
-  });
-  wrappers.push(wrapper);
-  const toggle = wrapper
-    .findAllComponents({ name: 'Toggle' })
-    .find(control => control.props('label') === 'Double Counter Added & Will Be Tracked');
-  expect(toggle.props('checked')).toBe(true);
-});
-
-it('renders page two controls and emits a save from the actual Save and Continue button', async () => {
-  const wrapper = mount(EditEventWizard, { props: { event: createEvent(), weapons: [], editMode: true, step: 2 } });
-  wrappers.push(wrapper);
-  await wrapper.vm.$nextTick();
-  expect(wrapper.emitted('update:dirty').at(-1)).toEqual([false]);
-  await wrapper.findAll('input[type="checkbox"]')[0].setValue(true);
-  const save = wrapper.findAll('button').find(button => button.text() === 'Save and Continue');
-  await save.trigger('click');
-  expect(wrapper.emitted('save:step')[0][0].event.IncludeInRatings).toBe(true);
-  expect(wrapper.vm.currentStep).toBe(2);
-  expect(wrapper.emitted('update:dirty').at(-1)).toEqual([true]);
-});
-
-it('reconciles authoritative saved data in final-step controls without leaving the editor', async () => {
-  const event = createEvent();
-  event.rules.push({ RuleId: 3, RuleValue: '180' });
-  const wrapper = mount(EditEventWizard, { props: { event, weapons: [], editMode: true, step: 5 } });
-  wrappers.push(wrapper);
-  await wrapper.vm.$nextTick();
-  expect(wrapper.findAll('input[type="checkbox"]')[0].element.checked).toBe(true);
-  await wrapper.setProps({ event: { ...event, rules: [] }, saveNotice: 'Changes saved.' });
-  expect(wrapper.vm.currentStep).toBe(5);
-  expect(wrapper.findAll('input[type="checkbox"]')[0].element.checked).toBe(false);
-  expect(wrapper.text()).toContain('Changes saved.');
-  expect(wrapper.findAll('button').some(button => button.text() === 'Save')).toBe(true);
-});
+import { afterEach, describe, expect, it } from 'vitest';
+import { mount, shallowMount } from '@vue/test-utils';
+import EditEventWizard from './EditEventWizard.vue';
+import EditEventInfo from '../../../Templates/EventManagement/EditEventInfo/EditEventInfo.vue';
+import EventCustomization from './EventCustomization/EventCustomization.vue';
+import BasicEventInfo from './BasicEventInfo/BasicEventInfo.vue';
+
+const wrappers = [];
+afterEach(() => wrappers.splice(0).forEach(wrapper => wrapper.unmount()));
+
+function createEvent() {
+  return {
+    EventId: 12,
+    EventName: 'Longsword Open',
+    Date: '2026-10-17',
+    StartTime: '12:00',
+    NumberOfRings: 2,
+    WeaponId: 1,
+    IncludeInRatings: false,
+    rules: [
+      { RuleId: 1, RuleValue: '90' },
+      { RuleId: 2, RuleValue: '7' },
+      { RuleId: 4, RuleValue: '12' },
+      { RuleId: 9, RuleValue: 'Win Percent,Indicator' },
+      { RuleId: 17, RuleValue: 'Count' },
+      { RuleId: 18, RuleValue: 'true' }
+    ]
+  };
+}
+
+function mountWizard(props = {}) {
+  const wrapper = shallowMount(EditEventWizard, { props: { event: createEvent(), weapons: [], ...props } });
+  wrappers.push(wrapper);
+  return wrapper;
+}
+
+describe('event editing with step saves', () => {
+  it('requests a save on each step and waits for the parent before advancing', async () => {
+    const wrapper = mountWizard({ editMode: true });
+    expect(wrapper.findComponent(BasicEventInfo).props('nextButtonLabel')).toBe('Save and Continue');
+    wrapper.vm.handleValueChange({ EventName: 'Changed Event' });
+    wrapper.vm.handleUpdate();
+    const request = wrapper.emitted('save:step')[0][0];
+    expect(request.step).toBe(1);
+    expect(request.event.EventName).toBe('Changed Event');
+    expect(wrapper.vm.currentStep).toBe(1);
+    expect(wrapper.emitted('update:submit')).toBeUndefined();
+    await wrapper.setProps({ event: request.event, step: 2, saving: false, saveNotice: 'Changes saved.' });
+    expect(wrapper.vm.currentStep).toBe(2);
+    expect(wrapper.findComponent(EventCustomization).props('nextButtonLabel')).toBe('Save and Continue');
+    expect(wrapper.text()).toContain('Changes saved.');
+    expect(wrapper.emitted('update:dirty').at(-1)).toEqual([false]);
+  });
+
+  it('blocks duplicate saves, navigation and edits while saving', async () => {
+    const wrapper = mountWizard({ editMode: true });
+    wrapper.vm.handleValueChange({ EventName: 'Changed Event' });
+    wrapper.vm.handleUpdate();
+    await wrapper.setProps({ saving: true });
+    expect(wrapper.find('fieldset').attributes()).toHaveProperty('disabled');
+    expect(wrapper.text()).toContain('Saving changes');
+    wrapper.vm.handleUpdate();
+    wrapper.vm.handleBack();
+    wrapper.vm.handleValueChange({ EventName: 'Blocked Change' });
+    expect(wrapper.emitted('save:step')).toHaveLength(1);
+    expect(wrapper.vm.eventConfig.EventName).toBe('Changed Event');
+  });
+
+  it('retains page two edits on failure and saves the latest toggle even with a stale Next payload', async () => {
+    const wrapper = mountWizard({ editMode: true, step: 2 });
+    const oldConfig = { ...wrapper.vm.eventConfig };
+    wrapper.vm.handleValueChange({ IncludeInRatings: true, CountDoubles: true });
+    wrapper.vm.handleUpdate(oldConfig);
+    expect(wrapper.emitted('save:step')[0][0].event.IncludeInRatings).toBe(true);
+    expect(wrapper.emitted('save:step')[0][0].event.rules.find(rule => rule.RuleId === 20).RuleValue).toBe('true');
+    await wrapper.setProps({ saving: false, saveError: 'Changes could not be saved.' });
+    expect(wrapper.vm.currentStep).toBe(2);
+    expect(wrapper.vm.eventConfig.IncludeInRatings).toBe(true);
+    expect(wrapper.find('[role="alert"]').text()).toBe('Changes could not be saved.');
+    wrapper.vm.handleUpdate();
+    expect(wrapper.emitted('save:step')).toHaveLength(2);
+  });
+
+  it('uses Save on the last step and stays on it until the app chooses otherwise', () => {
+    const wrapper = mountWizard({ editMode: true, step: 5 });
+    expect(wrapper.findComponent({ name: 'DirectElimination' }).props('nextButtonLabel')).toBe('Save');
+    wrapper.vm.handleSubmit();
+    expect(wrapper.emitted('save:step')[0][0].step).toBe(5);
+    expect(wrapper.vm.currentStep).toBe(5);
+  });
+
+  it('tracks reverted changes, requests Back navigation and never mutates the incoming event', () => {
+    const event = createEvent();
+    const original = structuredClone(event);
+    const wrapper = mountWizard({ editMode: true, step: 3, event });
+    wrapper.vm.handleValueChange({ EventName: 'Changed' });
+    expect(wrapper.emitted('update:dirty').at(-1)).toEqual([true]);
+    wrapper.vm.handleValueChange({ EventName: event.EventName });
+    expect(wrapper.emitted('update:dirty').at(-1)).toEqual([false]);
+    wrapper.vm.handleBack();
+    expect(wrapper.emitted('navigate:step')[0]).toEqual([2]);
+    expect(wrapper.vm.currentStep).toBe(3);
+    expect(event).toEqual(original);
+  });
+
+  it('loads ratings membership from the event column and mirrors a legacy rule only if present', () => {
+    const wrapper = mountWizard({ editMode: true, step: 2 });
+    expect(wrapper.vm.eventConfig.IncludeInRatings).toBe(false);
+    expect(wrapper.vm.buildEventPayload().rules.some(rule => rule.RuleId === 22)).toBe(false);
+    const event = createEvent();
+    event.rules.push({ RuleId: 22, RuleValue: 'true' });
+    const legacy = mountWizard({ editMode: true, event });
+    expect(legacy.vm.buildEventPayload().rules.find(rule => rule.RuleId === 22).RuleValue).toBe('false');
+  });
+
+  it('omits disabled max-point rules instead of reenabling them after saving', () => {
+    const wrapper = mountWizard({ editMode: true });
+    wrapper.vm.handleValueChange({ poolMax: false, DEMax: false });
+    const rules = wrapper.vm.buildEventPayload().rules;
+    expect(rules.some(rule => rule.RuleId === 2 || rule.RuleId === 4)).toBe(false);
+  });
+});
+
+it('keeps creation as a wizard with one submit at the end', () => {
+  const wrapper = mountWizard({ event: { ...createEvent(), EventId: 0 } });
+  expect(wrapper.findComponent(BasicEventInfo).props('nextButtonLabel')).toBe('Next');
+  expect(wrapper.vm.eventConfig.WaitlistEnabled).toBe(true);
+  wrapper.findComponent(BasicEventInfo).vm.$emit('update', { WaitlistEnabled: false });
+  for (let step = 1; step < 5; step += 1) wrapper.vm.handleUpdate();
+  expect(wrapper.vm.currentStep).toBe(5);
+  expect(wrapper.emitted('save:step')).toBeUndefined();
+  expect(wrapper.emitted('update:submit')).toBeUndefined();
+  wrapper.vm.handleSubmit();
+  expect(wrapper.emitted('update:submit')).toHaveLength(1);
+  expect(wrapper.emitted('update:submit')[0][0].WaitlistEnabled).toBe(false);
+});
+
+it('forwards controlled edit state and save, dirty, navigation and cancel events through EditEventInfo', () => {
+  const wrapper = shallowMount(EditEventInfo, {
+    props: { event: createEvent(), rules: [], weapons: [], editMode: true, step: 2, saving: false, saveError: 'Retry' }
+  });
+  wrappers.push(wrapper);
+  const wizard = wrapper.findComponent(EditEventWizard);
+  expect(wizard.props('editMode')).toBe(true);
+  expect(wizard.props('step')).toBe(2);
+  expect(wizard.props('saveError')).toBe('Retry');
+  const request = { event: createEvent(), step: 2 };
+  wizard.vm.$emit('save:step', request);
+  wizard.vm.$emit('navigate:step', 1);
+  wizard.vm.$emit('update:dirty', true);
+  wizard.vm.$emit('update:cancel');
+  expect(wrapper.emitted('save:step')[0][0]).toEqual(request);
+  expect(wrapper.emitted('navigate:step')[0]).toEqual([1]);
+  expect(wrapper.emitted('update:dirty')[0]).toEqual([true]);
+  expect(wrapper.emitted('update:cancel')).toHaveLength(1);
+});
+
+it('renders a saved boolean Double Counter value as checked on page two', () => {
+  const wrapper = shallowMount(EventCustomization, {
+    props: { eventConfig: { CountDoubles: true }, steps: [], currentStep: 1 }
+  });
+  wrappers.push(wrapper);
+  const toggle = wrapper
+    .findAllComponents({ name: 'Toggle' })
+    .find(control => control.props('label') === 'Double Counter Added & Will Be Tracked');
+  expect(toggle.props('checked')).toBe(true);
+});
+
+it('renders page two controls and emits a save from the actual Save and Continue button', async () => {
+  const wrapper = mount(EditEventWizard, { props: { event: createEvent(), weapons: [], editMode: true, step: 2 } });
+  wrappers.push(wrapper);
+  await wrapper.vm.$nextTick();
+  expect(wrapper.emitted('update:dirty').at(-1)).toEqual([false]);
+  await wrapper.findAll('input[type="checkbox"]')[0].setValue(true);
+  const save = wrapper.findAll('button').find(button => button.text() === 'Save and Continue');
+  await save.trigger('click');
+  expect(wrapper.emitted('save:step')[0][0].event.IncludeInRatings).toBe(true);
+  expect(wrapper.vm.currentStep).toBe(2);
+  expect(wrapper.emitted('update:dirty').at(-1)).toEqual([true]);
+});
+
+it('reconciles authoritative saved data in final-step controls without leaving the editor', async () => {
+  const event = createEvent();
+  event.rules.push({ RuleId: 3, RuleValue: '180' });
+  const wrapper = mount(EditEventWizard, { props: { event, weapons: [], editMode: true, step: 5 } });
+  wrappers.push(wrapper);
+  await wrapper.vm.$nextTick();
+  expect(wrapper.findAll('input[type="checkbox"]')[0].element.checked).toBe(true);
+  await wrapper.setProps({ event: { ...event, rules: [] }, saveNotice: 'Changes saved.' });
+  expect(wrapper.vm.currentStep).toBe(5);
+  expect(wrapper.findAll('input[type="checkbox"]')[0].element.checked).toBe(false);
+  expect(wrapper.text()).toContain('Changes saved.');
+  expect(wrapper.findAll('button').some(button => button.text() === 'Save')).toBe(true);
+});
+
+it('saves waitlist edits from the checkbox and reconciles the saved preference without mutating the event', async () => {
+  const event = createEvent();
+  const original = structuredClone(event);
+  const wrapper = mount(EditEventWizard, {
+    props: { event, weapons: [], editMode: true },
+    global: { stubs: { DatePicker: true, DropDownMenu: true, StepIndicator: true, TitledInput: true } }
+  });
+  wrappers.push(wrapper);
+  const checkbox = () => wrapper.find('input[type="checkbox"]');
+  expect(checkbox().element.checked).toBe(true);
+  await checkbox().setValue(false);
+  expect(wrapper.emitted('update:dirty').at(-1)).toEqual([true]);
+  await wrapper
+    .findAll('button')
+    .find(button => button.text() === 'Save and Continue')
+    .trigger('click');
+  const savedEvent = wrapper.emitted('save:step')[0][0].event;
+  expect(savedEvent.WaitlistEnabled).toBe(false);
+  expect(event).toEqual(original);
+  await wrapper.setProps({ event: savedEvent });
+  expect(checkbox().element.checked).toBe(false);
+  expect(wrapper.emitted('update:dirty').at(-1)).toEqual([false]);
+  await checkbox().setValue(true);
+  await wrapper.setProps({ event: { ...savedEvent } });
+  expect(checkbox().element.checked).toBe(false);
+});