jason/DigitalConsumer.ISS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

unit tests

Browse source
This commit is contained in:
Katie Kroell 2026-04-03 10:21:56 -04:00
parent 6f122bc8c3
commit 47dbab0941
3 changed files with 126 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/helpers/recal-helper.js
View file

@ -80,4 +80,3 @@ export function anyPartWithRequiresRecalFlag(lineItems) {
return lineItems.some((li) => li.requiresRecalibration === true);
}

138
src/layouts/schedule-page/schedule-page.spec.js
View file

@ -12,6 +12,8 @@ jest.mock('@/helpers/cms-content-helper', () => ({
fetchCmsContentForPage: jest.fn()
}));
const RECAL_ACK_MODAL_REF_NAME = 'recalAckModal';
const mockMixin = {
methods: {
getCmsContent: jest.fn().mockImplementation(() => ''),
@ -55,6 +57,22 @@ const loadingModalStub = {
}
};
const serviceLocationStub = {
render: () => {},
methods: {
forwardButtonAction: jest.fn(),
initializeComponent: jest.fn()
}
};
const recalAckModalStub = {
template: '<div></div>',
methods: {
openModal: jest.fn(),
footerButtonClick: jest.fn()
}
};
function getShallowMountedComponent(initialData = {}, methodToRun = () => {}) {
const mountOptions = getMountOptions({
router: {
@ -64,7 +82,9 @@ function getShallowMountedComponent(initialData = {}, methodToRun = () => {}) {
mountOptions.global.stubs = {
siteFooter: footerStub,
loadingModal: loadingModalStub
loadingModal: loadingModalStub,
serviceLocation: serviceLocationStub,
recalAckModal: recalAckModalStub
};
methodToRun();
@ -75,6 +95,27 @@ function getShallowMountedComponent(initialData = {}, methodToRun = () => {}) {
);
const wrapper = shallowMount(schedule, mountOptions);
// Manually create the ref for recalAckModal since shallowMount doesn't populate it
Object.defineProperty(wrapper.vm.$refs, RECAL_ACK_MODAL_REF_NAME, {
value: {
openModal: jest.fn(),
footerButtonClick: jest.fn()
},
writable: false,
configurable: true
});
// Manually create the ref for serviceLocation since shallowMount doesn't populate it
Object.defineProperty(wrapper.vm.$refs, 'serviceLocation', {
value: {
forwardButtonAction: jest.fn(),
initializeComponent: jest.fn()
},
writable: false,
configurable: true
});
return { wrapper };
}
@ -126,7 +167,6 @@ afterEach(() => {
jest.clearAllMocks();
});
describe('schedule-page.vue', () => {
beforeAll(() => {
Object.defineProperty(window, 'matchMedia', { value: jest.fn().mockImplementation((query) => ({
matches: false,
@ -267,21 +307,87 @@ describe('schedule-page.vue', () => {
// Assert
expect(testValue).toStrictEqual('01234');
});
});
test.skip('forwardButtonAction should call route method navigateWithoutSaving', async () => {
// Arrange
const { wrapper } = getShallowMountedComponent();
wrapper.vm.$router.navigate = jest.fn(() => ({}));
wrapper.vm.selectedTimeSlotInfo = {
timeSlot: {
routeCode: 'test-id'
}
};
test('forwardButtonAction should call route method navigate', async () => {
// Arrange
const { wrapper } = getShallowMountedComponent();
wrapper.vm.$router.navigate = jest.fn(() => ({}));
wrapper.vm.mainStore.saveSchedule = jest.fn();
wrapper.vm.navigationScenarios = {
CLICKED_FORWARD: 'CLICKED_FORWARD'
};
// Mock the serviceLocation ref using Object.defineProperty to bypass readonly
Object.defineProperty(wrapper.vm.$refs, 'serviceLocation', {
value: {
forwardButtonAction: jest.fn()
},
configurable: true
});
wrapper.vm.selectedTimeSlotInfo = {
timeSlot: {
routeCode: 'test-id'
}
};
// Act
await wrapper.vm.forwardButtonAction();
// Act
await wrapper.vm.forwardButtonAction();
// Assert
expect(wrapper.vm.$router.navigate).toHaveBeenCalled();
// Assert
expect(wrapper.vm.$router.navigate).toHaveBeenCalled();
});
test('recalAckModal should open when part requires recal, but recal not added to order', async () => {
// Arrange
const { wrapper } = getShallowMountedComponent();
wrapper.vm.mainStore.lineItems.glassParts = [
{
partNumber: 'TEST123',
requiresRecalibration: true
}
];
// Act
await wrapper.vm.forwardButtonAction();
// Assert
expect(wrapper.vm.$refs[RECAL_ACK_MODAL_REF_NAME].openModal).toHaveBeenCalled();
});
test('navigation forward is blocked when recalAckModal is displayed, but checkbox has not been acknowledged', async () => {
// Arrange
const { wrapper } = getShallowMountedComponent();
wrapper.vm.mainStore.lineItems.glassParts = [
{
partNumber: 'TEST123',
requiresRecalibration: true
}
];
// Act
await wrapper.vm.forwardButtonAction();
await wrapper.vm.$refs[RECAL_ACK_MODAL_REF_NAME].openModal();
await wrapper.vm.$refs[RECAL_ACK_MODAL_REF_NAME].footerButtonClick();
// Assert
expect(wrapper.vm.$router.navigate).not.toHaveBeenCalled();
});
test('navigation forward is allowed when checkbox has been acknowledged on recalAckModal', async () => {
// Arrange
const { wrapper } = getShallowMountedComponent();
wrapper.vm.mainStore.lineItems.glassParts = [
{
partNumber: 'TEST123',
requiresRecalibration: true
}
];
// Act
await wrapper.vm.$refs[RECAL_ACK_MODAL_REF_NAME].openModal();
wrapper.vm.updateIsRecalAcknowledged(true);
await wrapper.vm.$refs[RECAL_ACK_MODAL_REF_NAME].footerButtonClick();
await wrapper.vm.forwardButtonAction();
// Assert
expect(wrapper.vm.$router.navigate).toHaveBeenCalled();
});
});
});

6
src/layouts/schedule-page/schedule-page.vue
View file

@ -65,7 +65,7 @@
cmsWidgetName="SuggestTimeslotModal"
@confirmAppointmentClicked="autoSelectTimeslotConfirmed" />
<recalAckModal
ref="recalAckModal"
:ref="RECAL_ACK_MODAL_REF_NAME"
cmsWidgetName="RecalAckModalWidget"
:ackError="ackError"
@recalAcknowledged="updateIsRecalAcknowledged"/>
@ -117,6 +117,7 @@ import errorMessages from '@/constants/error-messages';
// Define constants
const SUGGEST_TIMESLOT_MODAL_REF_NAME = 'SuggestTimeslotModal';
const TIME_SLOTS_CALL_DAYS_LIMIT = 15;
const RECAL_ACK_MODAL_REF_NAME = 'recalAckModal';
const getAvailableDates = async (
startDateString,
@ -380,6 +381,7 @@ export default {
selectedTimeSlotInfo: this.getSelectedTimeSlotInfo(),
showDatePickerError: false,
SUGGEST_TIMESLOT_MODAL_REF_NAME,
RECAL_ACK_MODAL_REF_NAME,
isRecalAcknowledged: this.getIsRecalAcknowledgedForScheduling()
};
},
@ -960,7 +962,7 @@ export default {
async forwardButtonAction() {
if (this.displayRecalAckModal && this.isRecalAcknowledged === false) {
showIssLoadingModal(false);
this.$refs.recalAckModal.openModal();
this.$refs[RECAL_ACK_MODAL_REF_NAME].openModal();
return;
}