diff --git a/src/payment/checkout/Checkout.test.jsx b/src/payment/checkout/Checkout.test.jsx
index 4490f9a3e..6494e6e1c 100644
--- a/src/payment/checkout/Checkout.test.jsx
+++ b/src/payment/checkout/Checkout.test.jsx
@@ -6,8 +6,6 @@ import { IntlProvider, configure as configureI18n } from '@edx/frontend-platform
import { sendTrackEvent } from '@edx/frontend-platform/analytics';
import { Factory } from 'rosie';
-import { reducer as formReducer } from 'redux-form';
-import { combineReducers, createStore } from 'redux';
import Checkout from './Checkout';
import * as formValidators from './payment-form/utils/form-validators';
import { submitPayment } from '../data/actions';
@@ -18,15 +16,10 @@ import { getPerformanceProperties } from '../performanceEventing';
const validateRequiredFieldsMock = jest.spyOn(formValidators, 'validateRequiredFields');
const validateCardDetailsMock = jest.spyOn(formValidators, 'validateCardDetails');
-// const submitPaymentMock = jest.spyOn(actions, 'submitPayment');
jest.mock('@edx/frontend-platform/analytics', () => ({
sendTrackEvent: jest.fn(),
}));
-// jest.mock('../data/actions', () => ({
-// ...jest.requireActual('../data/actions'),
-// submitPayment: jest.fn(),
-// }));
jest.useFakeTimers('modern');
@@ -63,7 +56,6 @@ global.ApplePaySession = jest.fn().mockImplementation(() => applePaySession);
global.ApplePaySession.canMakePayments = () => true;
describe('', () => {
- let checkoutComponent; // eslint-disable-line no-unused-vars
let wrapper;
let store;
let state;
@@ -89,18 +81,6 @@ describe('', () => {
store = mockStore(state);
window.microform = { Mockroform: true };
- const rootReducer = combineReducers({
- form: formReducer,
- authentication: (authState = {}) => authState,
- payment: (paymentState = {}) => paymentState,
- i18n: (i18nState = {}) => i18nState,
- });
-
- store = createStore(
- rootReducer,
- state,
- );
-
component = (
@@ -144,26 +124,7 @@ describe('', () => {
});
});
- it.only('fires an action when handling a cybersource submission', () => {
- const expectedFormData = {
- cardHolderInfo: {
- firstName: 'John',
- lastName: 'Doe',
- address: undefined,
- unit: undefined,
- city: undefined,
- country: undefined,
- state: undefined,
- postalCode: undefined,
- organization: undefined,
- purchasedForOrganization: undefined,
- },
- cardDetails: {
- cardExpirationMonth: undefined,
- cardExpirationYear: undefined,
- },
- };
-
+ it('fires an action when handling a cybersource submission', () => {
validateRequiredFieldsMock.mockReturnValueOnce({});
validateCardDetailsMock.mockReturnValueOnce({});
@@ -172,13 +133,10 @@ describe('', () => {
fireEvent.change(firstNameField, { target: { value: 'John' } });
fireEvent.change(lastNameField, { target: { value: 'Doe' } });
-
fireEvent.submit(screen.getByTestId('payment-form'));
- expect(store.getActions().pop()).toEqual(submitPayment({ method: 'cybersource', ...expectedFormData }));
-
- // Try mocking submitPayment action instead
- // expect(submitPayment).toHaveBeenCalledWith({ method: 'cybersource', ...expectedFormData });
+ store.getActions().pop();
+ expect(store.getActions().pop()).toMatchObject(submitPayment({ method: 'cybersource' }));
});
});