diff --git a/src/account-settings/delete-account/ConfirmationModal.jsx b/src/account-settings/delete-account/ConfirmationModal.jsx
index 0b7580a..00a178f 100644
--- a/src/account-settings/delete-account/ConfirmationModal.jsx
+++ b/src/account-settings/delete-account/ConfirmationModal.jsx
@@ -10,7 +10,7 @@ import messages from './messages';
import { Alert } from '../../common';
import PrintingInstructions from './PrintingInstructions';
-class ConfirmationModal extends Component {
+export class ConfirmationModal extends Component {
/**
* @returns String The message id for a short description of the error, suitable for a header or
* as the error message under an input field.
diff --git a/src/account-settings/delete-account/ConfirmationModal.test.jsx b/src/account-settings/delete-account/ConfirmationModal.test.jsx
new file mode 100644
index 0000000..dd18294
--- /dev/null
+++ b/src/account-settings/delete-account/ConfirmationModal.test.jsx
@@ -0,0 +1,69 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import renderer from 'react-test-renderer';
+import { IntlProvider, injectIntl } from '@edx/frontend-i18n';
+
+// Modal creates a portal. Overriding ReactDOM.createPortal allows portals to be tested in jest.
+ReactDOM.createPortal = node => node;
+
+import { ConfirmationModal } from './ConfirmationModal'; // eslint-disable-line import/first
+
+const IntlConfirmationModal = injectIntl(ConfirmationModal);
+
+describe('ConfirmationModal', () => {
+ let props = {};
+
+ beforeEach(() => {
+ props = {
+ onCancel: jest.fn(),
+ onChange: jest.fn(),
+ onSubmit: jest.fn(),
+ status: null,
+ errorType: null,
+ password: 'fluffy bunnies',
+ logoutUrl: 'http://localhost/logout',
+ };
+ });
+
+ it('should match default closed confirmation modal snapshot', () => {
+ const tree = renderer
+ .create((
+
+
+
+ ))
+ .toJSON();
+ expect(tree).toMatchSnapshot();
+ });
+
+ it('should match open confirmation modal snapshot', () => {
+ const tree = renderer
+ .create((
+
+
+
+ ))
+ .toJSON();
+ expect(tree).toMatchSnapshot();
+ });
+
+ it('should match empty password confirmation modal snapshot', () => {
+ const tree = renderer
+ .create((
+
+
+
+ ))
+ .toJSON();
+ expect(tree).toMatchSnapshot();
+ });
+});
diff --git a/src/account-settings/delete-account/DeleteAccount.jsx b/src/account-settings/delete-account/DeleteAccount.jsx
index 30ab715..dd43ed0 100644
--- a/src/account-settings/delete-account/DeleteAccount.jsx
+++ b/src/account-settings/delete-account/DeleteAccount.jsx
@@ -17,12 +17,12 @@ import {
import messages from './messages';
// Components
-import ConfirmationModal from './ConfirmationModal';
+import ConnectedConfirmationModal from './ConfirmationModal';
import PrintingInstructions from './PrintingInstructions';
-import SuccessModal from './SuccessModal';
+import ConnectedSuccessModal from './SuccessModal';
import BeforeProceedingBanner from './BeforeProceedingBanner';
-class DeleteAccount extends React.Component {
+export class DeleteAccount extends React.Component {
state = {
password: '',
};
@@ -98,7 +98,7 @@ class DeleteAccount extends React.Component {
/>
) : null}
-
-
+
);
}
diff --git a/src/account-settings/delete-account/DeleteAccount.test.jsx b/src/account-settings/delete-account/DeleteAccount.test.jsx
new file mode 100644
index 0000000..7006e69
--- /dev/null
+++ b/src/account-settings/delete-account/DeleteAccount.test.jsx
@@ -0,0 +1,71 @@
+import React from 'react';
+import renderer from 'react-test-renderer';
+import { IntlProvider, injectIntl } from '@edx/frontend-i18n';
+
+// Testing the modals separately, they just clutter up the snapshots if included here.
+jest.mock('./ConfirmationModal');
+jest.mock('./SuccessModal');
+
+import { DeleteAccount } from './DeleteAccount'; // eslint-disable-line import/first
+
+const IntlDeleteAccount = injectIntl(DeleteAccount);
+
+describe('DeleteAccount', () => {
+ let props = {};
+
+ beforeEach(() => {
+ props = {
+ deleteAccount: jest.fn(),
+ deleteAccountConfirmation: jest.fn(),
+ deleteAccountFailure: jest.fn(),
+ deleteAccountReset: jest.fn(),
+ deleteAccountCancel: jest.fn(),
+ status: null,
+ errorType: null,
+ hasLinkedTPA: false,
+ isVerifiedAccount: true,
+ logoutUrl: 'http://localhost/logout',
+ };
+ });
+
+ it('should match default section snapshot', () => {
+ const tree = renderer
+ .create((
+
+
+
+ ))
+ .toJSON();
+ expect(tree).toMatchSnapshot();
+ });
+
+ it('should match unverified account section snapshot', () => {
+ const tree = renderer
+ .create((
+
+
+
+ ))
+ .toJSON();
+ expect(tree).toMatchSnapshot();
+ });
+
+ it('should match unverified account section snapshot', () => {
+ const tree = renderer
+ .create((
+
+
+
+ ))
+ .toJSON();
+ expect(tree).toMatchSnapshot();
+ });
+});
diff --git a/src/account-settings/delete-account/SuccessModal.jsx b/src/account-settings/delete-account/SuccessModal.jsx
index 610c933..dea4638 100644
--- a/src/account-settings/delete-account/SuccessModal.jsx
+++ b/src/account-settings/delete-account/SuccessModal.jsx
@@ -5,7 +5,7 @@ import { Modal } from '@edx/paragon';
import messages from './messages';
-const SuccessModal = (props) => {
+export const SuccessModal = (props) => {
const { status, intl, onClose } = props;
return (
node;
+
+import { SuccessModal } from './SuccessModal'; // eslint-disable-line import/first
+
+const IntlSuccessModal = injectIntl(SuccessModal);
+
+describe('SuccessModal', () => {
+ let props = {};
+
+ beforeEach(() => {
+ props = {
+ onClose: jest.fn(),
+ status: null,
+ };
+ });
+
+ it('should match default closed success modal snapshot', () => {
+ let tree = renderer.create((
+ ))
+ .toJSON();
+ expect(tree).toMatchSnapshot();
+
+ tree = renderer.create((
+ ))
+ .toJSON();
+ expect(tree).toMatchSnapshot();
+
+ tree = renderer.create((
+ ))
+ .toJSON();
+ expect(tree).toMatchSnapshot();
+
+ tree = renderer.create((
+ ))
+ .toJSON();
+ expect(tree).toMatchSnapshot();
+ });
+
+ it('should match open success modal snapshot', () => {
+ const tree = renderer
+ .create((
+
+
+
+ ))
+ .toJSON();
+ expect(tree).toMatchSnapshot();
+ });
+});
diff --git a/src/account-settings/delete-account/__snapshots__/ConfirmationModal.test.jsx.snap b/src/account-settings/delete-account/__snapshots__/ConfirmationModal.test.jsx.snap
new file mode 100644
index 0000000..1374a5c
--- /dev/null
+++ b/src/account-settings/delete-account/__snapshots__/ConfirmationModal.test.jsx.snap
@@ -0,0 +1,436 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ConfirmationModal should match default closed confirmation modal snapshot 1`] = `
+
+
+
+
+
+
+
+ Are you sure?
+
+
+
+
+
+
+
+
+
+
+ You have selected "Delete My Account". Deletion of your account and personal data is permanent and cannot be undone. edX will not be able to recover your account or the data that is deleted.
+
+
+ If you proceed, you will be unable to use this account to take courses on the edX app, edx.org, or any other site hosted by edX. This includes access to edx.org from your employer's or university's system and access to private sites offered by MIT Open Learning, Wharton Executive Education, and Harvard Medical School.
+
+`;
+
+exports[`ConfirmationModal should match empty password confirmation modal snapshot 1`] = `
+
+
+
+
+
+
+
+ Are you sure?
+
+
+
+
+
+
+
+
+
+
+ A password is required
+
+
+ Sorry, there was an error trying to process your request. Please try again later.
+
+
+
+
+
+
+
+
+
+ You have selected "Delete My Account". Deletion of your account and personal data is permanent and cannot be undone. edX will not be able to recover your account or the data that is deleted.
+
+
+ If you proceed, you will be unable to use this account to take courses on the edX app, edx.org, or any other site hosted by edX. This includes access to edx.org from your employer's or university's system and access to private sites offered by MIT Open Learning, Wharton Executive Education, and Harvard Medical School.
+
+`;
+
+exports[`ConfirmationModal should match open confirmation modal snapshot 1`] = `
+
+
+
+
+
+
+
+ Are you sure?
+
+
+
+
+
+
+
+
+
+
+ You have selected "Delete My Account". Deletion of your account and personal data is permanent and cannot be undone. edX will not be able to recover your account or the data that is deleted.
+
+
+ If you proceed, you will be unable to use this account to take courses on the edX app, edx.org, or any other site hosted by edX. This includes access to edx.org from your employer's or university's system and access to private sites offered by MIT Open Learning, Wharton Executive Education, and Harvard Medical School.
+
+`;
diff --git a/src/account-settings/delete-account/__snapshots__/DeleteAccount.test.jsx.snap b/src/account-settings/delete-account/__snapshots__/DeleteAccount.test.jsx.snap
new file mode 100644
index 0000000..2b7b0bc
--- /dev/null
+++ b/src/account-settings/delete-account/__snapshots__/DeleteAccount.test.jsx.snap
@@ -0,0 +1,247 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`DeleteAccount should match default section snapshot 1`] = `
+
+
+ Delete My Account
+
+
+ We're sorry to see you go!
+
+
+ Please note: Deletion of your account and personal data is permanent and cannot be undone. edX will not be able to recover your account or the data that is deleted.
+
+
+ Once your account is deleted, you cannot use it to take courses on the edX app, edx.org, or any other site hosted by edX. This includes access to edx.org from your employer’s or university’s system and access to private sites offered by MIT Open Learning, Wharton Executive Education, and Harvard Medical School.
+
+ Warning: Account deletion is permanent. Please read the above carefully before proceeding. This is an irreversible action, and you will no longer be able to use the same email on edX.
+
+`;
+
+exports[`DeleteAccount should match unverified account section snapshot 1`] = `
+
+
+ Delete My Account
+
+
+ We're sorry to see you go!
+
+
+ Please note: Deletion of your account and personal data is permanent and cannot be undone. edX will not be able to recover your account or the data that is deleted.
+
+
+ Once your account is deleted, you cannot use it to take courses on the edX app, edx.org, or any other site hosted by edX. This includes access to edx.org from your employer’s or university’s system and access to private sites offered by MIT Open Learning, Wharton Executive Education, and Harvard Medical School.
+
+ Warning: Account deletion is permanent. Please read the above carefully before proceeding. This is an irreversible action, and you will no longer be able to use the same email on edX.
+
+`;
+
+exports[`DeleteAccount should match unverified account section snapshot 2`] = `
+
+
+ Delete My Account
+
+
+ We're sorry to see you go!
+
+
+ Please note: Deletion of your account and personal data is permanent and cannot be undone. edX will not be able to recover your account or the data that is deleted.
+
+
+ Once your account is deleted, you cannot use it to take courses on the edX app, edx.org, or any other site hosted by edX. This includes access to edx.org from your employer’s or university’s system and access to private sites offered by MIT Open Learning, Wharton Executive Education, and Harvard Medical School.
+
+ Warning: Account deletion is permanent. Please read the above carefully before proceeding. This is an irreversible action, and you will no longer be able to use the same email on edX.
+
+`;
diff --git a/src/account-settings/delete-account/__snapshots__/SuccessModal.test.jsx.snap b/src/account-settings/delete-account/__snapshots__/SuccessModal.test.jsx.snap
new file mode 100644
index 0000000..ab3b124
--- /dev/null
+++ b/src/account-settings/delete-account/__snapshots__/SuccessModal.test.jsx.snap
@@ -0,0 +1,306 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SuccessModal should match default closed success modal snapshot 1`] = `
+
+
+
+
+
+
+
+ We're sorry to see you go! Your account will be deleted shortly.
+
+
+
+
+
+ Account deletion, including removal from email lists, may take a few weeks to fully process through our system. If you want to opt-out of emails before then, please unsubscribe from the footer of any email.
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`SuccessModal should match default closed success modal snapshot 2`] = `
+
+
+
+
+
+
+
+ We're sorry to see you go! Your account will be deleted shortly.
+
+
+
+
+
+ Account deletion, including removal from email lists, may take a few weeks to fully process through our system. If you want to opt-out of emails before then, please unsubscribe from the footer of any email.
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`SuccessModal should match default closed success modal snapshot 3`] = `
+
+
+
+
+
+
+
+ We're sorry to see you go! Your account will be deleted shortly.
+
+
+
+
+
+ Account deletion, including removal from email lists, may take a few weeks to fully process through our system. If you want to opt-out of emails before then, please unsubscribe from the footer of any email.
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`SuccessModal should match default closed success modal snapshot 4`] = `
+
+
+
+
+
+
+
+ We're sorry to see you go! Your account will be deleted shortly.
+
+
+
+
+
+ Account deletion, including removal from email lists, may take a few weeks to fully process through our system. If you want to opt-out of emails before then, please unsubscribe from the footer of any email.
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`SuccessModal should match open success modal snapshot 1`] = `
+
+
+
+
+
+
+
+ We're sorry to see you go! Your account will be deleted shortly.
+
+
+
+
+
+ Account deletion, including removal from email lists, may take a few weeks to fully process through our system. If you want to opt-out of emails before then, please unsubscribe from the footer of any email.
+