CSR-1982 type check in handleIFrameContentWindowMessage on payment page

This commit is contained in:
Matt Caimi 2024-02-26 10:09:22 -05:00
parent bc74b8cfaa
commit b1e823d17e
2 changed files with 12 additions and 10 deletions

View file

@ -512,7 +512,7 @@ describe("payment.vue", () => {
}); });
}); });
describe("handleIFrameContentWindwMessage", () => { describe("handleIFrameContentWindowMessage", () => {
test("Navigates back if afterpay is closed", () => { test("Navigates back if afterpay is closed", () => {
// Arrange // Arrange
const event = { const event = {
@ -524,7 +524,7 @@ describe("payment.vue", () => {
wrapper.vm.backButtonAction = jest.fn(); wrapper.vm.backButtonAction = jest.fn();
// Act // Act
wrapper.vm.handleIFrameContentWindwMessage(event); wrapper.vm.handleIFrameContentWindowMessage(event);
// Assert // Assert
expect(wrapper.vm.backButtonAction).toBeCalled(); expect(wrapper.vm.backButtonAction).toBeCalled();
@ -539,7 +539,7 @@ describe("payment.vue", () => {
const wrapper = setupMocks({}); const wrapper = setupMocks({});
// Act // Act
wrapper.vm.handleIFrameContentWindwMessage(event); wrapper.vm.handleIFrameContentWindowMessage(event);
// Assert // Assert
expect(wrapper.vm.shouldBlockInteraction).toBe(true); expect(wrapper.vm.shouldBlockInteraction).toBe(true);

View file

@ -643,17 +643,19 @@ export default {
this.submitHopForm(); this.submitHopForm();
}, },
handleIFrameContentWindwMessage(event) { handleIFrameContentWindowMessage(event) {
if (event.data.indexOf("afterpayClosed") > -1) { if (typeof event.data === "string") {
this.backButtonAction(); if (event.data.indexOf("afterpayClosed") > -1) {
} this.backButtonAction();
if (event.data.indexOf("creditCardSubmit") > -1) { }
this.setUIBlock(true); if (event.data.indexOf("creditCardSubmit") > -1) {
this.setUIBlock(true);
}
} }
}, },
setIFrameListener() { setIFrameListener() {
window.addEventListener("message", (event) => window.addEventListener("message", (event) =>
this.handleIFrameContentWindwMessage(event) this.handleIFrameContentWindowMessage(event)
); );
}, },
setUIBlock(val) { setUIBlock(val) {