@internetarchive/donation-form 0.5.18-alpha.1 → 0.5.18

package/dist/test/tests/donation-form-controller.test.js

@@ -1,189 +1,189 @@
-import { __awaiter } from "tslib";
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { html, fixture, expect, elementUpdated, oneEvent } from '@open-wc/testing';
-import '../../src/donation-form-controller';
-import { MockGrecaptcha, MockGrecaptchaMode } from '../mocks/payment-clients/mock-grecaptcha';
-import { HostingEnvironment } from '../../src/braintree-manager/braintree-interfaces';
-import { MockEndpointManager } from '../mocks/mock-endpoint-manager';
-import { MockPaymentClients } from '../mocks/mock-payment-clients';
-import { fillInContactForm } from '../helpers/fillInContactForm';
-import { promisedSleep } from '../../src/util/promisedSleep';
-import { MockModalManager } from '../mocks/mock-modal-manager';
-import { MockPaymentFlowHandlers } from '../mocks/flow-handlers/mock-payment-flow-handlers';
-import { MockAnalyticsManager } from '@internetarchive/analytics-manager/dist/test/mock-analytics-manager';
-describe('Donation Form Controller', () => {
-    beforeEach(() => {
-        window['grecaptcha'] = new MockGrecaptcha(MockGrecaptchaMode.Success);
-    });
-    afterEach(() => {
-        delete window['grecaptcha'];
-    });
-    it('has no shadowRoot', () => __awaiter(void 0, void 0, void 0, function* () {
-        const el = (yield fixture(html `
-      <donation-form-controller></donation-form-controller>
-    `));
-        expect(el.shadowRoot).to.equal(null);
-    }));
-    it('can submit a donation', () => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b, _c, _d;
-        const mockAnalytics = new MockAnalyticsManager();
-        const controller = (yield fixture(html `
-      <donation-form-controller .analyticsHandler=${mockAnalytics}> </donation-form-controller>
-    `));
-        // configure the donation-form-controller
-        const recaptchaElement = (yield fixture(html `
-        <div></div>
-      `));
-        const endpointManager = new MockEndpointManager();
-        const paymentClients = new MockPaymentClients();
-        const modalManager = new MockModalManager();
-        controller.paymentClients = paymentClients;
-        controller.modalManager = modalManager;
-        controller.environment = HostingEnvironment.Development;
-        controller.recaptchaElement = recaptchaElement;
-        controller.endpointManager = endpointManager;
-        controller.braintreeAuthToken = 'foo';
-        controller.recaptchaSiteKey = 'bar';
-        controller.venmoProfileId = 'baz';
-        controller.referrer = 'test-referrer';
-        controller.loggedInUser = 'test-user';
-        // grab some internal elements to interact with
-        const donationForm = controller.querySelector('donation-form');
-        const paymentSelector = (_a = donationForm === null || donationForm === void 0 ? void 0 : donationForm.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('payment-selector');
-        const creditCardButton = (_b = paymentSelector === null || paymentSelector === void 0 ? void 0 : paymentSelector.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.credit-card-button');
-        // click on the credit card button
-        const ccClickEvent = new MouseEvent('click');
-        creditCardButton === null || creditCardButton === void 0 ? void 0 : creditCardButton.dispatchEvent(ccClickEvent);
-        // clicking on the credit card button will show the contact form so wait for it to be updated
-        yield elementUpdated(donationForm);
-        yield promisedSleep(100);
-        const contactForm = document.querySelector('contact-form');
-        yield fillInContactForm(contactForm);
-        // verify the Donate button is still disabled
-        const donateButton = (_c = donationForm === null || donationForm === void 0 ? void 0 : donationForm.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#donate-button');
-        // simulates after the user has input all of the credit card fields
-        const hostedFields = (yield paymentClients.hostedFields.get());
-        hostedFields.emitValidityChangedEvent(true);
-        yield promisedSleep(100);
-        // verify that the donate button has become enabled and no request has been submitted
-        expect(donateButton.disabled).to.equal(false);
-        expect(endpointManager.requestSubmitted).to.equal(undefined);
-        // click the donate button
-        const donateClickEvent = new MouseEvent('click');
-        donateButton === null || donateButton === void 0 ? void 0 : donateButton.dispatchEvent(donateClickEvent);
-        yield promisedSleep(100);
-        expect((_d = mockAnalytics.sendEventOptions) === null || _d === void 0 ? void 0 : _d.action).to.equal('PaymentFlowStarted');
-        // verify that a payload has been requested to be submitted to the backend
-        expect(endpointManager.requestSubmitted).to.not.equal(undefined);
-    }));
-    it('sends Viewed analytics when it first updates', () => __awaiter(void 0, void 0, void 0, function* () {
-        var _e, _f;
-        const mockAnalytics = new MockAnalyticsManager();
-        const analyticsCategory = 'FooCategory';
-        (yield fixture(html `
-      <donation-form-controller
-        ?showCreditCardButtonText=${true}
-        .analyticsCategory=${analyticsCategory}
-        .analyticsHandler=${mockAnalytics}
-      >
-      </donation-form-controller>
-    `));
-        expect((_e = mockAnalytics.sendEventOptions) === null || _e === void 0 ? void 0 : _e.category).to.equal(analyticsCategory);
-        expect((_f = mockAnalytics.sendEventOptions) === null || _f === void 0 ? void 0 : _f.action).to.equal('Viewed');
-    }));
-    it('sends DonationInfoChanged analytics when donation info changes', () => __awaiter(void 0, void 0, void 0, function* () {
-        var _g, _h, _j, _k, _l;
-        const mockAnalytics = new MockAnalyticsManager();
-        const analyticsCategory = 'FooCategory';
-        const controller = (yield fixture(html `
-      <donation-form-controller
-        ?showCreditCardButtonText=${true}
-        .analyticsCategory=${analyticsCategory}
-        .analyticsHandler=${mockAnalytics}
-      >
-      </donation-form-controller>
-    `));
-        const donationForm = controller.querySelector('donation-form');
-        const donationHeader = (_g = donationForm.shadowRoot) === null || _g === void 0 ? void 0 : _g.querySelector('donation-form-header');
-        const editDonation = (_h = donationHeader === null || donationHeader === void 0 ? void 0 : donationHeader.shadowRoot) === null || _h === void 0 ? void 0 : _h.querySelector('donation-form-edit-donation');
-        const monthlyOption = (_j = editDonation === null || editDonation === void 0 ? void 0 : editDonation.shadowRoot) === null || _j === void 0 ? void 0 : _j.querySelector('#donationType-monthly-option');
-        const clickEvent = new MouseEvent('click');
-        monthlyOption === null || monthlyOption === void 0 ? void 0 : monthlyOption.dispatchEvent(clickEvent);
-        expect((_k = mockAnalytics.sendEventOptions) === null || _k === void 0 ? void 0 : _k.category).to.equal(analyticsCategory);
-        expect((_l = mockAnalytics.sendEventOptions) === null || _l === void 0 ? void 0 : _l.action).to.equal('DonationInfoChanged');
-    }));
-    it('sends ProviderSelected analytics', () => __awaiter(void 0, void 0, void 0, function* () {
-        var _m, _o, _p, _q, _r;
-        const mockAnalytics = new MockAnalyticsManager();
-        const analyticsCategory = 'FooCategory';
-        const controller = (yield fixture(html `
-      <donation-form-controller
-        ?showCreditCardButtonText=${true}
-        .analyticsCategory=${analyticsCategory}
-        .analyticsHandler=${mockAnalytics}
-      >
-      </donation-form-controller>
-    `));
-        const donationForm = controller.querySelector('donation-form');
-        const paymentSelector = (_m = donationForm.shadowRoot) === null || _m === void 0 ? void 0 : _m.querySelector('payment-selector');
-        // on the first payment provider chosen, the previousPaymentProvider is undefined
-        const creditCardButton = (_o = paymentSelector.shadowRoot) === null || _o === void 0 ? void 0 : _o.querySelector('.credit-card-button');
-        setTimeout(() => {
-            const ccClickEvent = new MouseEvent('click');
-            creditCardButton.dispatchEvent(ccClickEvent);
-        });
-        yield oneEvent(donationForm, 'paymentProviderSelected');
-        expect((_p = mockAnalytics.sendEventOptions) === null || _p === void 0 ? void 0 : _p.action).to.equal('ProviderFirstSelected-CreditCard');
-        // on subsequent payment provider choices, the previousPaymentProvider is populated
-        const venmoButton = (_q = paymentSelector.shadowRoot) === null || _q === void 0 ? void 0 : _q.querySelector('.venmo');
-        setTimeout(() => {
-            const venmoClickEvent = new MouseEvent('click');
-            venmoButton.dispatchEvent(venmoClickEvent);
-        });
-        yield oneEvent(donationForm, 'paymentProviderSelected');
-        expect((_r = mockAnalytics.sendEventOptions) === null || _r === void 0 ? void 0 : _r.action).to.equal('ProviderChangedTo-Venmo');
-    }));
-    it('sends PaymentFlowCancelled analytics', () => __awaiter(void 0, void 0, void 0, function* () {
-        var _s, _t;
-        const mockAnalytics = new MockAnalyticsManager();
-        const analyticsCategory = 'FooCategory';
-        const controller = (yield fixture(html `
-      <donation-form-controller
-        ?showCreditCardButtonText=${true}
-        .analyticsCategory=${analyticsCategory}
-        .analyticsHandler=${mockAnalytics}
-      >
-      </donation-form-controller>
-    `));
-        const donationForm = controller.querySelector('donation-form');
-        const flowHandlers = new MockPaymentFlowHandlers();
-        donationForm.paymentFlowHandlers = flowHandlers;
-        yield elementUpdated(donationForm);
-        yield promisedSleep(250);
-        flowHandlers.paypalHandler.emitPaymentCancelledEvent();
-        expect((_s = mockAnalytics.sendEventOptions) === null || _s === void 0 ? void 0 : _s.action).to.equal('PaymentFlowCancelled');
-        expect((_t = mockAnalytics.sendEventOptions) === null || _t === void 0 ? void 0 : _t.label).to.equal('PayPal');
-    }));
-    it('sends PaymentFlowError analytics', () => __awaiter(void 0, void 0, void 0, function* () {
-        var _u, _v;
-        const mockAnalytics = new MockAnalyticsManager();
-        const analyticsCategory = 'FooCategory';
-        const controller = (yield fixture(html `
-      <donation-form-controller
-        ?showCreditCardButtonText=${true}
-        .analyticsCategory=${analyticsCategory}
-        .analyticsHandler=${mockAnalytics}
-      >
-      </donation-form-controller>
-    `));
-        const donationForm = controller.querySelector('donation-form');
-        const flowHandlers = new MockPaymentFlowHandlers();
-        donationForm.paymentFlowHandlers = flowHandlers;
-        yield elementUpdated(donationForm);
-        yield promisedSleep(250);
-        flowHandlers.paypalHandler.emitPaymentErrorEvent();
-        expect((_u = mockAnalytics.sendEventOptions) === null || _u === void 0 ? void 0 : _u.action).to.equal('PaymentFlowError');
-        expect((_v = mockAnalytics.sendEventOptions) === null || _v === void 0 ? void 0 : _v.label).to.equal('PayPal-foo-error');
-    }));
-});
+import { __awaiter } from "tslib";
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { html, fixture, expect, elementUpdated, oneEvent } from '@open-wc/testing';
+import '../../src/donation-form-controller';
+import { MockGrecaptcha, MockGrecaptchaMode } from '../mocks/payment-clients/mock-grecaptcha';
+import { HostingEnvironment } from '../../src/braintree-manager/braintree-interfaces';
+import { MockEndpointManager } from '../mocks/mock-endpoint-manager';
+import { MockPaymentClients } from '../mocks/mock-payment-clients';
+import { fillInContactForm } from '../helpers/fillInContactForm';
+import { promisedSleep } from '../../src/util/promisedSleep';
+import { MockModalManager } from '../mocks/mock-modal-manager';
+import { MockPaymentFlowHandlers } from '../mocks/flow-handlers/mock-payment-flow-handlers';
+import { MockAnalyticsManager } from '@internetarchive/analytics-manager/dist/test/mock-analytics-manager';
+describe('Donation Form Controller', () => {
+    beforeEach(() => {
+        window['grecaptcha'] = new MockGrecaptcha(MockGrecaptchaMode.Success);
+    });
+    afterEach(() => {
+        delete window['grecaptcha'];
+    });
+    it('has no shadowRoot', () => __awaiter(void 0, void 0, void 0, function* () {
+        const el = (yield fixture(html `
+      <donation-form-controller></donation-form-controller>
+    `));
+        expect(el.shadowRoot).to.equal(null);
+    }));
+    it('can submit a donation', () => __awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b, _c, _d;
+        const mockAnalytics = new MockAnalyticsManager();
+        const controller = (yield fixture(html `
+      <donation-form-controller .analyticsHandler=${mockAnalytics}> </donation-form-controller>
+    `));
+        // configure the donation-form-controller
+        const recaptchaElement = (yield fixture(html `
+        <div></div>
+      `));
+        const endpointManager = new MockEndpointManager();
+        const paymentClients = new MockPaymentClients();
+        const modalManager = new MockModalManager();
+        controller.paymentClients = paymentClients;
+        controller.modalManager = modalManager;
+        controller.environment = HostingEnvironment.Development;
+        controller.recaptchaElement = recaptchaElement;
+        controller.endpointManager = endpointManager;
+        controller.braintreeAuthToken = 'foo';
+        controller.recaptchaSiteKey = 'bar';
+        controller.venmoProfileId = 'baz';
+        controller.referrer = 'test-referrer';
+        controller.loggedInUser = 'test-user';
+        // grab some internal elements to interact with
+        const donationForm = controller.querySelector('donation-form');
+        const paymentSelector = (_a = donationForm === null || donationForm === void 0 ? void 0 : donationForm.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('payment-selector');
+        const creditCardButton = (_b = paymentSelector === null || paymentSelector === void 0 ? void 0 : paymentSelector.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.credit-card-button');
+        // click on the credit card button
+        const ccClickEvent = new MouseEvent('click');
+        creditCardButton === null || creditCardButton === void 0 ? void 0 : creditCardButton.dispatchEvent(ccClickEvent);
+        // clicking on the credit card button will show the contact form so wait for it to be updated
+        yield elementUpdated(donationForm);
+        yield promisedSleep(100);
+        const contactForm = document.querySelector('contact-form');
+        yield fillInContactForm(contactForm);
+        // verify the Donate button is still disabled
+        const donateButton = (_c = donationForm === null || donationForm === void 0 ? void 0 : donationForm.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#donate-button');
+        // simulates after the user has input all of the credit card fields
+        const hostedFields = (yield paymentClients.hostedFields.get());
+        hostedFields.emitValidityChangedEvent(true);
+        yield promisedSleep(100);
+        // verify that the donate button has become enabled and no request has been submitted
+        expect(donateButton.disabled).to.equal(false);
+        expect(endpointManager.requestSubmitted).to.equal(undefined);
+        // click the donate button
+        const donateClickEvent = new MouseEvent('click');
+        donateButton === null || donateButton === void 0 ? void 0 : donateButton.dispatchEvent(donateClickEvent);
+        yield promisedSleep(100);
+        expect((_d = mockAnalytics.sendEventOptions) === null || _d === void 0 ? void 0 : _d.action).to.equal('PaymentFlowStarted');
+        // verify that a payload has been requested to be submitted to the backend
+        expect(endpointManager.requestSubmitted).to.not.equal(undefined);
+    }));
+    it('sends Viewed analytics when it first updates', () => __awaiter(void 0, void 0, void 0, function* () {
+        var _e, _f;
+        const mockAnalytics = new MockAnalyticsManager();
+        const analyticsCategory = 'FooCategory';
+        (yield fixture(html `
+      <donation-form-controller
+        ?showCreditCardButtonText=${true}
+        .analyticsCategory=${analyticsCategory}
+        .analyticsHandler=${mockAnalytics}
+      >
+      </donation-form-controller>
+    `));
+        expect((_e = mockAnalytics.sendEventOptions) === null || _e === void 0 ? void 0 : _e.category).to.equal(analyticsCategory);
+        expect((_f = mockAnalytics.sendEventOptions) === null || _f === void 0 ? void 0 : _f.action).to.equal('Viewed');
+    }));
+    it('sends DonationInfoChanged analytics when donation info changes', () => __awaiter(void 0, void 0, void 0, function* () {
+        var _g, _h, _j, _k, _l;
+        const mockAnalytics = new MockAnalyticsManager();
+        const analyticsCategory = 'FooCategory';
+        const controller = (yield fixture(html `
+      <donation-form-controller
+        ?showCreditCardButtonText=${true}
+        .analyticsCategory=${analyticsCategory}
+        .analyticsHandler=${mockAnalytics}
+      >
+      </donation-form-controller>
+    `));
+        const donationForm = controller.querySelector('donation-form');
+        const donationHeader = (_g = donationForm.shadowRoot) === null || _g === void 0 ? void 0 : _g.querySelector('donation-form-header');
+        const editDonation = (_h = donationHeader === null || donationHeader === void 0 ? void 0 : donationHeader.shadowRoot) === null || _h === void 0 ? void 0 : _h.querySelector('donation-form-edit-donation');
+        const monthlyOption = (_j = editDonation === null || editDonation === void 0 ? void 0 : editDonation.shadowRoot) === null || _j === void 0 ? void 0 : _j.querySelector('#donationType-monthly-option');
+        const clickEvent = new MouseEvent('click');
+        monthlyOption === null || monthlyOption === void 0 ? void 0 : monthlyOption.dispatchEvent(clickEvent);
+        expect((_k = mockAnalytics.sendEventOptions) === null || _k === void 0 ? void 0 : _k.category).to.equal(analyticsCategory);
+        expect((_l = mockAnalytics.sendEventOptions) === null || _l === void 0 ? void 0 : _l.action).to.equal('DonationInfoChanged');
+    }));
+    it('sends ProviderSelected analytics', () => __awaiter(void 0, void 0, void 0, function* () {
+        var _m, _o, _p, _q, _r;
+        const mockAnalytics = new MockAnalyticsManager();
+        const analyticsCategory = 'FooCategory';
+        const controller = (yield fixture(html `
+      <donation-form-controller
+        ?showCreditCardButtonText=${true}
+        .analyticsCategory=${analyticsCategory}
+        .analyticsHandler=${mockAnalytics}
+      >
+      </donation-form-controller>
+    `));
+        const donationForm = controller.querySelector('donation-form');
+        const paymentSelector = (_m = donationForm.shadowRoot) === null || _m === void 0 ? void 0 : _m.querySelector('payment-selector');
+        // on the first payment provider chosen, the previousPaymentProvider is undefined
+        const creditCardButton = (_o = paymentSelector.shadowRoot) === null || _o === void 0 ? void 0 : _o.querySelector('.credit-card-button');
+        setTimeout(() => {
+            const ccClickEvent = new MouseEvent('click');
+            creditCardButton.dispatchEvent(ccClickEvent);
+        });
+        yield oneEvent(donationForm, 'paymentProviderSelected');
+        expect((_p = mockAnalytics.sendEventOptions) === null || _p === void 0 ? void 0 : _p.action).to.equal('ProviderFirstSelected-CreditCard');
+        // on subsequent payment provider choices, the previousPaymentProvider is populated
+        const venmoButton = (_q = paymentSelector.shadowRoot) === null || _q === void 0 ? void 0 : _q.querySelector('.venmo');
+        setTimeout(() => {
+            const venmoClickEvent = new MouseEvent('click');
+            venmoButton.dispatchEvent(venmoClickEvent);
+        });
+        yield oneEvent(donationForm, 'paymentProviderSelected');
+        expect((_r = mockAnalytics.sendEventOptions) === null || _r === void 0 ? void 0 : _r.action).to.equal('ProviderChangedTo-Venmo');
+    }));
+    it('sends PaymentFlowCancelled analytics', () => __awaiter(void 0, void 0, void 0, function* () {
+        var _s, _t;
+        const mockAnalytics = new MockAnalyticsManager();
+        const analyticsCategory = 'FooCategory';
+        const controller = (yield fixture(html `
+      <donation-form-controller
+        ?showCreditCardButtonText=${true}
+        .analyticsCategory=${analyticsCategory}
+        .analyticsHandler=${mockAnalytics}
+      >
+      </donation-form-controller>
+    `));
+        const donationForm = controller.querySelector('donation-form');
+        const flowHandlers = new MockPaymentFlowHandlers();
+        donationForm.paymentFlowHandlers = flowHandlers;
+        yield elementUpdated(donationForm);
+        yield promisedSleep(250);
+        flowHandlers.paypalHandler.emitPaymentCancelledEvent();
+        expect((_s = mockAnalytics.sendEventOptions) === null || _s === void 0 ? void 0 : _s.action).to.equal('PaymentFlowCancelled');
+        expect((_t = mockAnalytics.sendEventOptions) === null || _t === void 0 ? void 0 : _t.label).to.equal('PayPal');
+    }));
+    it('sends PaymentFlowError analytics', () => __awaiter(void 0, void 0, void 0, function* () {
+        var _u, _v;
+        const mockAnalytics = new MockAnalyticsManager();
+        const analyticsCategory = 'FooCategory';
+        const controller = (yield fixture(html `
+      <donation-form-controller
+        ?showCreditCardButtonText=${true}
+        .analyticsCategory=${analyticsCategory}
+        .analyticsHandler=${mockAnalytics}
+      >
+      </donation-form-controller>
+    `));
+        const donationForm = controller.querySelector('donation-form');
+        const flowHandlers = new MockPaymentFlowHandlers();
+        donationForm.paymentFlowHandlers = flowHandlers;
+        yield elementUpdated(donationForm);
+        yield promisedSleep(250);
+        flowHandlers.paypalHandler.emitPaymentErrorEvent();
+        expect((_u = mockAnalytics.sendEventOptions) === null || _u === void 0 ? void 0 : _u.action).to.equal('PaymentFlowError');
+        expect((_v = mockAnalytics.sendEventOptions) === null || _v === void 0 ? void 0 : _v.label).to.equal('PayPal-foo-error');
+    }));
+});
 //# sourceMappingURL=donation-form-controller.test.js.map

package/dist/test/tests/donation-form-controller.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"donation-form-controller.test.js","sourceRoot":"","sources":["../../../test/tests/donation-form-controller.test.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport { html, fixture, expect, elementUpdated, oneEvent } from '@open-wc/testing';\r\n\r\nimport '../../src/donation-form-controller';\r\nimport { DonationFormController } from '../../src/donation-form-controller';\r\nimport { MockGrecaptcha, MockGrecaptchaMode } from '../mocks/payment-clients/mock-grecaptcha';\r\nimport { HostingEnvironment } from '../../src/braintree-manager/braintree-interfaces';\r\nimport { MockEndpointManager } from '../mocks/mock-endpoint-manager';\r\nimport { MockPaymentClients } from '../mocks/mock-payment-clients';\r\nimport { ContactForm } from '../../src/form-elements/contact-form/contact-form';\r\nimport { fillInContactForm } from '../helpers/fillInContactForm';\r\nimport { promisedSleep } from '../../src/util/promisedSleep';\r\nimport { MockModalManager } from '../mocks/mock-modal-manager';\r\nimport { MockHostedFieldsClient } from '../mocks/payment-clients/mock-hostedfields-client';\r\nimport { DonationForm } from '../../src/donation-form';\r\nimport { PaymentSelector } from '../../src/form-elements/payment-selector';\r\nimport { DonationFormHeader } from '../../src/form-elements/header/donation-form-header';\r\nimport { DonationFormEditDonation } from '@internetarchive/donation-form-edit-donation';\r\nimport { MockPaymentFlowHandlers } from '../mocks/flow-handlers/mock-payment-flow-handlers';\r\nimport { MockAnalyticsManager } from '@internetarchive/analytics-manager/dist/test/mock-analytics-manager';\r\n\r\ndescribe('Donation Form Controller', () => {\r\n  beforeEach(() => {\r\n    (window['grecaptcha' as any] as any) = new MockGrecaptcha(MockGrecaptchaMode.Success);\r\n  });\r\n\r\n  afterEach(() => {\r\n    delete window['grecaptcha' as any];\r\n  });\r\n\r\n  it('has no shadowRoot', async () => {\r\n    const el = (await fixture(html`\r\n      <donation-form-controller></donation-form-controller>\r\n    `)) as DonationFormController;\r\n\r\n    expect(el.shadowRoot).to.equal(null);\r\n  });\r\n\r\n  it('can submit a donation', async () => {\r\n    const mockAnalytics = new MockAnalyticsManager();\r\n    const controller = (await fixture(html`\r\n      <donation-form-controller .analyticsHandler=${mockAnalytics}> </donation-form-controller>\r\n    `)) as DonationFormController;\r\n\r\n    // configure the donation-form-controller\r\n    const recaptchaElement = (await fixture(\r\n      html`\r\n        <div></div>\r\n      `,\r\n    )) as HTMLElement;\r\n    const endpointManager = new MockEndpointManager();\r\n    const paymentClients = new MockPaymentClients();\r\n    const modalManager = new MockModalManager();\r\n    controller.paymentClients = paymentClients;\r\n    controller.modalManager = modalManager;\r\n    controller.environment = HostingEnvironment.Development;\r\n    controller.recaptchaElement = recaptchaElement;\r\n    controller.endpointManager = endpointManager;\r\n    controller.braintreeAuthToken = 'foo';\r\n    controller.recaptchaSiteKey = 'bar';\r\n    controller.venmoProfileId = 'baz';\r\n    controller.referrer = 'test-referrer';\r\n    controller.loggedInUser = 'test-user';\r\n\r\n    // grab some internal elements to interact with\r\n    const donationForm: DonationForm = controller.querySelector('donation-form') as DonationForm;\r\n    const paymentSelector: PaymentSelector = donationForm?.shadowRoot?.querySelector(\r\n      'payment-selector',\r\n    ) as PaymentSelector;\r\n    const creditCardButton = paymentSelector?.shadowRoot?.querySelector('.credit-card-button');\r\n\r\n    // click on the credit card button\r\n    const ccClickEvent = new MouseEvent('click');\r\n    creditCardButton?.dispatchEvent(ccClickEvent);\r\n\r\n    // clicking on the credit card button will show the contact form so wait for it to be updated\r\n    await elementUpdated(donationForm);\r\n    await promisedSleep(100);\r\n    const contactForm = document.querySelector('contact-form') as ContactForm;\r\n    await fillInContactForm(contactForm);\r\n\r\n    // verify the Donate button is still disabled\r\n    const donateButton = donationForm?.shadowRoot?.querySelector(\r\n      '#donate-button',\r\n    ) as HTMLButtonElement;\r\n\r\n    // simulates after the user has input all of the credit card fields\r\n    const hostedFields = (await paymentClients.hostedFields.get()) as MockHostedFieldsClient;\r\n    hostedFields.emitValidityChangedEvent(true);\r\n    await promisedSleep(100);\r\n\r\n    // verify that the donate button has become enabled and no request has been submitted\r\n    expect(donateButton.disabled).to.equal(false);\r\n    expect(endpointManager.requestSubmitted).to.equal(undefined);\r\n\r\n    // click the donate button\r\n    const donateClickEvent = new MouseEvent('click');\r\n    donateButton?.dispatchEvent(donateClickEvent);\r\n    await promisedSleep(100);\r\n\r\n    expect(mockAnalytics.sendEventOptions?.action).to.equal('PaymentFlowStarted');\r\n\r\n    // verify that a payload has been requested to be submitted to the backend\r\n    expect(endpointManager.requestSubmitted).to.not.equal(undefined);\r\n  });\r\n\r\n  it('sends Viewed analytics when it first updates', async () => {\r\n    const mockAnalytics = new MockAnalyticsManager();\r\n    const analyticsCategory = 'FooCategory';\r\n    (await fixture(html`\r\n      <donation-form-controller\r\n        ?showCreditCardButtonText=${true}\r\n        .analyticsCategory=${analyticsCategory}\r\n        .analyticsHandler=${mockAnalytics}\r\n      >\r\n      </donation-form-controller>\r\n    `)) as DonationFormController;\r\n    expect(mockAnalytics.sendEventOptions?.category).to.equal(analyticsCategory);\r\n    expect(mockAnalytics.sendEventOptions?.action).to.equal('Viewed');\r\n  });\r\n\r\n  it('sends DonationInfoChanged analytics when donation info changes', async () => {\r\n    const mockAnalytics = new MockAnalyticsManager();\r\n    const analyticsCategory = 'FooCategory';\r\n    const controller = (await fixture(html`\r\n      <donation-form-controller\r\n        ?showCreditCardButtonText=${true}\r\n        .analyticsCategory=${analyticsCategory}\r\n        .analyticsHandler=${mockAnalytics}\r\n      >\r\n      </donation-form-controller>\r\n    `)) as DonationFormController;\r\n\r\n    const donationForm: DonationForm = controller.querySelector('donation-form') as DonationForm;\r\n    const donationHeader = donationForm.shadowRoot?.querySelector(\r\n      'donation-form-header',\r\n    ) as DonationFormHeader;\r\n    const editDonation = donationHeader?.shadowRoot?.querySelector(\r\n      'donation-form-edit-donation',\r\n    ) as DonationFormEditDonation;\r\n    const monthlyOption = editDonation?.shadowRoot?.querySelector('#donationType-monthly-option');\r\n    const clickEvent = new MouseEvent('click');\r\n    monthlyOption?.dispatchEvent(clickEvent);\r\n\r\n    expect(mockAnalytics.sendEventOptions?.category).to.equal(analyticsCategory);\r\n    expect(mockAnalytics.sendEventOptions?.action).to.equal('DonationInfoChanged');\r\n  });\r\n\r\n  it('sends ProviderSelected analytics', async () => {\r\n    const mockAnalytics = new MockAnalyticsManager();\r\n    const analyticsCategory = 'FooCategory';\r\n    const controller = (await fixture(html`\r\n      <donation-form-controller\r\n        ?showCreditCardButtonText=${true}\r\n        .analyticsCategory=${analyticsCategory}\r\n        .analyticsHandler=${mockAnalytics}\r\n      >\r\n      </donation-form-controller>\r\n    `)) as DonationFormController;\r\n\r\n    const donationForm: DonationForm = controller.querySelector('donation-form') as DonationForm;\r\n    const paymentSelector = donationForm.shadowRoot?.querySelector(\r\n      'payment-selector',\r\n    ) as PaymentSelector;\r\n\r\n    // on the first payment provider chosen, the previousPaymentProvider is undefined\r\n    const creditCardButton = paymentSelector.shadowRoot?.querySelector(\r\n      '.credit-card-button',\r\n    ) as HTMLButtonElement;\r\n    setTimeout(() => {\r\n      const ccClickEvent = new MouseEvent('click');\r\n      creditCardButton.dispatchEvent(ccClickEvent);\r\n    });\r\n    await oneEvent(donationForm, 'paymentProviderSelected');\r\n    expect(mockAnalytics.sendEventOptions?.action).to.equal('ProviderFirstSelected-CreditCard');\r\n\r\n    // on subsequent payment provider choices, the previousPaymentProvider is populated\r\n    const venmoButton = paymentSelector.shadowRoot?.querySelector('.venmo') as HTMLButtonElement;\r\n    setTimeout(() => {\r\n      const venmoClickEvent = new MouseEvent('click');\r\n      venmoButton.dispatchEvent(venmoClickEvent);\r\n    });\r\n    await oneEvent(donationForm, 'paymentProviderSelected');\r\n    expect(mockAnalytics.sendEventOptions?.action).to.equal('ProviderChangedTo-Venmo');\r\n  });\r\n\r\n  it('sends PaymentFlowCancelled analytics', async () => {\r\n    const mockAnalytics = new MockAnalyticsManager();\r\n    const analyticsCategory = 'FooCategory';\r\n    const controller = (await fixture(html`\r\n      <donation-form-controller\r\n        ?showCreditCardButtonText=${true}\r\n        .analyticsCategory=${analyticsCategory}\r\n        .analyticsHandler=${mockAnalytics}\r\n      >\r\n      </donation-form-controller>\r\n    `)) as DonationFormController;\r\n\r\n    const donationForm: DonationForm = controller.querySelector('donation-form') as DonationForm;\r\n    const flowHandlers = new MockPaymentFlowHandlers();\r\n    donationForm.paymentFlowHandlers = flowHandlers;\r\n    await elementUpdated(donationForm);\r\n    await promisedSleep(250);\r\n    flowHandlers.paypalHandler.emitPaymentCancelledEvent();\r\n    expect(mockAnalytics.sendEventOptions?.action).to.equal('PaymentFlowCancelled');\r\n    expect(mockAnalytics.sendEventOptions?.label).to.equal('PayPal');\r\n  });\r\n\r\n  it('sends PaymentFlowError analytics', async () => {\r\n    const mockAnalytics = new MockAnalyticsManager();\r\n    const analyticsCategory = 'FooCategory';\r\n    const controller = (await fixture(html`\r\n      <donation-form-controller\r\n        ?showCreditCardButtonText=${true}\r\n        .analyticsCategory=${analyticsCategory}\r\n        .analyticsHandler=${mockAnalytics}\r\n      >\r\n      </donation-form-controller>\r\n    `)) as DonationFormController;\r\n\r\n    const donationForm: DonationForm = controller.querySelector('donation-form') as DonationForm;\r\n    const flowHandlers = new MockPaymentFlowHandlers();\r\n    donationForm.paymentFlowHandlers = flowHandlers;\r\n    await elementUpdated(donationForm);\r\n    await promisedSleep(250);\r\n    flowHandlers.paypalHandler.emitPaymentErrorEvent();\r\n    expect(mockAnalytics.sendEventOptions?.action).to.equal('PaymentFlowError');\r\n    expect(mockAnalytics.sendEventOptions?.label).to.equal('PayPal-foo-error');\r\n  });\r\n});\r\n"]}
+{"version":3,"file":"donation-form-controller.test.js","sourceRoot":"","sources":["../../../test/tests/donation-form-controller.test.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { html, fixture, expect, elementUpdated, oneEvent } from '@open-wc/testing';\n\nimport '../../src/donation-form-controller';\nimport { DonationFormController } from '../../src/donation-form-controller';\nimport { MockGrecaptcha, MockGrecaptchaMode } from '../mocks/payment-clients/mock-grecaptcha';\nimport { HostingEnvironment } from '../../src/braintree-manager/braintree-interfaces';\nimport { MockEndpointManager } from '../mocks/mock-endpoint-manager';\nimport { MockPaymentClients } from '../mocks/mock-payment-clients';\nimport { ContactForm } from '../../src/form-elements/contact-form/contact-form';\nimport { fillInContactForm } from '../helpers/fillInContactForm';\nimport { promisedSleep } from '../../src/util/promisedSleep';\nimport { MockModalManager } from '../mocks/mock-modal-manager';\nimport { MockHostedFieldsClient } from '../mocks/payment-clients/mock-hostedfields-client';\nimport { DonationForm } from '../../src/donation-form';\nimport { PaymentSelector } from '../../src/form-elements/payment-selector';\nimport { DonationFormHeader } from '../../src/form-elements/header/donation-form-header';\nimport { DonationFormEditDonation } from '@internetarchive/donation-form-edit-donation';\nimport { MockPaymentFlowHandlers } from '../mocks/flow-handlers/mock-payment-flow-handlers';\nimport { MockAnalyticsManager } from '@internetarchive/analytics-manager/dist/test/mock-analytics-manager';\n\ndescribe('Donation Form Controller', () => {\n  beforeEach(() => {\n    (window['grecaptcha' as any] as any) = new MockGrecaptcha(MockGrecaptchaMode.Success);\n  });\n\n  afterEach(() => {\n    delete window['grecaptcha' as any];\n  });\n\n  it('has no shadowRoot', async () => {\n    const el = (await fixture(html`\n      <donation-form-controller></donation-form-controller>\n    `)) as DonationFormController;\n\n    expect(el.shadowRoot).to.equal(null);\n  });\n\n  it('can submit a donation', async () => {\n    const mockAnalytics = new MockAnalyticsManager();\n    const controller = (await fixture(html`\n      <donation-form-controller .analyticsHandler=${mockAnalytics}> </donation-form-controller>\n    `)) as DonationFormController;\n\n    // configure the donation-form-controller\n    const recaptchaElement = (await fixture(\n      html`\n        <div></div>\n      `,\n    )) as HTMLElement;\n    const endpointManager = new MockEndpointManager();\n    const paymentClients = new MockPaymentClients();\n    const modalManager = new MockModalManager();\n    controller.paymentClients = paymentClients;\n    controller.modalManager = modalManager;\n    controller.environment = HostingEnvironment.Development;\n    controller.recaptchaElement = recaptchaElement;\n    controller.endpointManager = endpointManager;\n    controller.braintreeAuthToken = 'foo';\n    controller.recaptchaSiteKey = 'bar';\n    controller.venmoProfileId = 'baz';\n    controller.referrer = 'test-referrer';\n    controller.loggedInUser = 'test-user';\n\n    // grab some internal elements to interact with\n    const donationForm: DonationForm = controller.querySelector('donation-form') as DonationForm;\n    const paymentSelector: PaymentSelector = donationForm?.shadowRoot?.querySelector(\n      'payment-selector',\n    ) as PaymentSelector;\n    const creditCardButton = paymentSelector?.shadowRoot?.querySelector('.credit-card-button');\n\n    // click on the credit card button\n    const ccClickEvent = new MouseEvent('click');\n    creditCardButton?.dispatchEvent(ccClickEvent);\n\n    // clicking on the credit card button will show the contact form so wait for it to be updated\n    await elementUpdated(donationForm);\n    await promisedSleep(100);\n    const contactForm = document.querySelector('contact-form') as ContactForm;\n    await fillInContactForm(contactForm);\n\n    // verify the Donate button is still disabled\n    const donateButton = donationForm?.shadowRoot?.querySelector(\n      '#donate-button',\n    ) as HTMLButtonElement;\n\n    // simulates after the user has input all of the credit card fields\n    const hostedFields = (await paymentClients.hostedFields.get()) as MockHostedFieldsClient;\n    hostedFields.emitValidityChangedEvent(true);\n    await promisedSleep(100);\n\n    // verify that the donate button has become enabled and no request has been submitted\n    expect(donateButton.disabled).to.equal(false);\n    expect(endpointManager.requestSubmitted).to.equal(undefined);\n\n    // click the donate button\n    const donateClickEvent = new MouseEvent('click');\n    donateButton?.dispatchEvent(donateClickEvent);\n    await promisedSleep(100);\n\n    expect(mockAnalytics.sendEventOptions?.action).to.equal('PaymentFlowStarted');\n\n    // verify that a payload has been requested to be submitted to the backend\n    expect(endpointManager.requestSubmitted).to.not.equal(undefined);\n  });\n\n  it('sends Viewed analytics when it first updates', async () => {\n    const mockAnalytics = new MockAnalyticsManager();\n    const analyticsCategory = 'FooCategory';\n    (await fixture(html`\n      <donation-form-controller\n        ?showCreditCardButtonText=${true}\n        .analyticsCategory=${analyticsCategory}\n        .analyticsHandler=${mockAnalytics}\n      >\n      </donation-form-controller>\n    `)) as DonationFormController;\n    expect(mockAnalytics.sendEventOptions?.category).to.equal(analyticsCategory);\n    expect(mockAnalytics.sendEventOptions?.action).to.equal('Viewed');\n  });\n\n  it('sends DonationInfoChanged analytics when donation info changes', async () => {\n    const mockAnalytics = new MockAnalyticsManager();\n    const analyticsCategory = 'FooCategory';\n    const controller = (await fixture(html`\n      <donation-form-controller\n        ?showCreditCardButtonText=${true}\n        .analyticsCategory=${analyticsCategory}\n        .analyticsHandler=${mockAnalytics}\n      >\n      </donation-form-controller>\n    `)) as DonationFormController;\n\n    const donationForm: DonationForm = controller.querySelector('donation-form') as DonationForm;\n    const donationHeader = donationForm.shadowRoot?.querySelector(\n      'donation-form-header',\n    ) as DonationFormHeader;\n    const editDonation = donationHeader?.shadowRoot?.querySelector(\n      'donation-form-edit-donation',\n    ) as DonationFormEditDonation;\n    const monthlyOption = editDonation?.shadowRoot?.querySelector('#donationType-monthly-option');\n    const clickEvent = new MouseEvent('click');\n    monthlyOption?.dispatchEvent(clickEvent);\n\n    expect(mockAnalytics.sendEventOptions?.category).to.equal(analyticsCategory);\n    expect(mockAnalytics.sendEventOptions?.action).to.equal('DonationInfoChanged');\n  });\n\n  it('sends ProviderSelected analytics', async () => {\n    const mockAnalytics = new MockAnalyticsManager();\n    const analyticsCategory = 'FooCategory';\n    const controller = (await fixture(html`\n      <donation-form-controller\n        ?showCreditCardButtonText=${true}\n        .analyticsCategory=${analyticsCategory}\n        .analyticsHandler=${mockAnalytics}\n      >\n      </donation-form-controller>\n    `)) as DonationFormController;\n\n    const donationForm: DonationForm = controller.querySelector('donation-form') as DonationForm;\n    const paymentSelector = donationForm.shadowRoot?.querySelector(\n      'payment-selector',\n    ) as PaymentSelector;\n\n    // on the first payment provider chosen, the previousPaymentProvider is undefined\n    const creditCardButton = paymentSelector.shadowRoot?.querySelector(\n      '.credit-card-button',\n    ) as HTMLButtonElement;\n    setTimeout(() => {\n      const ccClickEvent = new MouseEvent('click');\n      creditCardButton.dispatchEvent(ccClickEvent);\n    });\n    await oneEvent(donationForm, 'paymentProviderSelected');\n    expect(mockAnalytics.sendEventOptions?.action).to.equal('ProviderFirstSelected-CreditCard');\n\n    // on subsequent payment provider choices, the previousPaymentProvider is populated\n    const venmoButton = paymentSelector.shadowRoot?.querySelector('.venmo') as HTMLButtonElement;\n    setTimeout(() => {\n      const venmoClickEvent = new MouseEvent('click');\n      venmoButton.dispatchEvent(venmoClickEvent);\n    });\n    await oneEvent(donationForm, 'paymentProviderSelected');\n    expect(mockAnalytics.sendEventOptions?.action).to.equal('ProviderChangedTo-Venmo');\n  });\n\n  it('sends PaymentFlowCancelled analytics', async () => {\n    const mockAnalytics = new MockAnalyticsManager();\n    const analyticsCategory = 'FooCategory';\n    const controller = (await fixture(html`\n      <donation-form-controller\n        ?showCreditCardButtonText=${true}\n        .analyticsCategory=${analyticsCategory}\n        .analyticsHandler=${mockAnalytics}\n      >\n      </donation-form-controller>\n    `)) as DonationFormController;\n\n    const donationForm: DonationForm = controller.querySelector('donation-form') as DonationForm;\n    const flowHandlers = new MockPaymentFlowHandlers();\n    donationForm.paymentFlowHandlers = flowHandlers;\n    await elementUpdated(donationForm);\n    await promisedSleep(250);\n    flowHandlers.paypalHandler.emitPaymentCancelledEvent();\n    expect(mockAnalytics.sendEventOptions?.action).to.equal('PaymentFlowCancelled');\n    expect(mockAnalytics.sendEventOptions?.label).to.equal('PayPal');\n  });\n\n  it('sends PaymentFlowError analytics', async () => {\n    const mockAnalytics = new MockAnalyticsManager();\n    const analyticsCategory = 'FooCategory';\n    const controller = (await fixture(html`\n      <donation-form-controller\n        ?showCreditCardButtonText=${true}\n        .analyticsCategory=${analyticsCategory}\n        .analyticsHandler=${mockAnalytics}\n      >\n      </donation-form-controller>\n    `)) as DonationFormController;\n\n    const donationForm: DonationForm = controller.querySelector('donation-form') as DonationForm;\n    const flowHandlers = new MockPaymentFlowHandlers();\n    donationForm.paymentFlowHandlers = flowHandlers;\n    await elementUpdated(donationForm);\n    await promisedSleep(250);\n    flowHandlers.paypalHandler.emitPaymentErrorEvent();\n    expect(mockAnalytics.sendEventOptions?.action).to.equal('PaymentFlowError');\n    expect(mockAnalytics.sendEventOptions?.label).to.equal('PayPal-foo-error');\n  });\n});\n"]}

package/dist/test/tests/donation-form.test.d.ts

@@ -1 +1 @@
-import '../../src/donation-form';
+import '../../src/donation-form';