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

package/dist/test/tests/form-elements/payment-selector.test.js

@@ -1,70 +1,70 @@
-import { __awaiter } from "tslib";
-import { html, fixture, expect, elementUpdated, oneEvent } from '@open-wc/testing';
-import '../../../src/form-elements/payment-selector';
-import { MockPaymentProviders } from '../../mocks/payment-providers/mock-payment-providers';
-import { promisedSleep } from '../../../src/util/promisedSleep';
-describe('Payment Selector', () => {
-    it('shows Venmo if it is available', () => __awaiter(void 0, void 0, void 0, function* () {
-        var _a;
-        const el = (yield fixture(html `
-      <payment-selector></payment-selector>
-    `));
-        const paymentProviders = new MockPaymentProviders();
-        el.paymentProviders = paymentProviders;
-        yield elementUpdated(el);
-        yield promisedSleep(250);
-        const venmoButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.venmo.provider-button');
-        expect(venmoButton === null || venmoButton === void 0 ? void 0 : venmoButton.classList.contains('available')).to.be.true;
-    }));
-    it('can show PayPal when called', () => __awaiter(void 0, void 0, void 0, function* () {
-        var _b;
-        const el = (yield fixture(html `
-      <payment-selector></payment-selector>
-    `));
-        el.showPaypalButton();
-        yield elementUpdated(el);
-        const paypalButton = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.paypal-container.provider-button');
-        expect(paypalButton === null || paypalButton === void 0 ? void 0 : paypalButton.classList.contains('available')).to.be.true;
-    }));
-    it('emits paypalBlockerSelected event when paypal is selected in an error state', () => __awaiter(void 0, void 0, void 0, function* () {
-        var _c;
-        const el = (yield fixture(html `
-      <payment-selector></payment-selector>
-    `));
-        const paypalBlocker = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.paypal-local-button');
-        const clickEvent = new MouseEvent('click');
-        setTimeout(() => {
-            paypalBlocker === null || paypalBlocker === void 0 ? void 0 : paypalBlocker.dispatchEvent(clickEvent);
-        });
-        const response = yield oneEvent(el, 'paypalBlockerSelected');
-        expect(response).to.exist;
-    }));
-    it('emits applePaySelected event with original click event when ApplePay is selected', () => __awaiter(void 0, void 0, void 0, function* () {
-        var _d;
-        const el = (yield fixture(html `
-      <payment-selector></payment-selector>
-    `));
-        const paypalBlocker = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.applepay.provider-button');
-        const clickEvent = new MouseEvent('click');
-        setTimeout(() => {
-            paypalBlocker === null || paypalBlocker === void 0 ? void 0 : paypalBlocker.dispatchEvent(clickEvent);
-        });
-        const response = yield oneEvent(el, 'applePaySelected');
-        const event = response.detail.originalEvent;
-        expect(event).to.equal(clickEvent);
-    }));
-    it('emits googlePaySelected when GooglePay is selected', () => __awaiter(void 0, void 0, void 0, function* () {
-        var _e;
-        const el = (yield fixture(html `
-      <payment-selector></payment-selector>
-    `));
-        const paypalBlocker = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('.googlepay.provider-button');
-        const clickEvent = new MouseEvent('click');
-        setTimeout(() => {
-            paypalBlocker === null || paypalBlocker === void 0 ? void 0 : paypalBlocker.dispatchEvent(clickEvent);
-        });
-        const response = yield oneEvent(el, 'googlePaySelected');
-        expect(response).to.exist;
-    }));
-});
+import { __awaiter } from "tslib";
+import { html, fixture, expect, elementUpdated, oneEvent } from '@open-wc/testing';
+import '../../../src/form-elements/payment-selector';
+import { MockPaymentProviders } from '../../mocks/payment-providers/mock-payment-providers';
+import { promisedSleep } from '../../../src/util/promisedSleep';
+describe('Payment Selector', () => {
+    it('shows Venmo if it is available', () => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        const el = (yield fixture(html `
+      <payment-selector></payment-selector>
+    `));
+        const paymentProviders = new MockPaymentProviders();
+        el.paymentProviders = paymentProviders;
+        yield elementUpdated(el);
+        yield promisedSleep(250);
+        const venmoButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.venmo.provider-button');
+        expect(venmoButton === null || venmoButton === void 0 ? void 0 : venmoButton.classList.contains('available')).to.be.true;
+    }));
+    it('can show PayPal when called', () => __awaiter(void 0, void 0, void 0, function* () {
+        var _b;
+        const el = (yield fixture(html `
+      <payment-selector></payment-selector>
+    `));
+        el.showPaypalButton();
+        yield elementUpdated(el);
+        const paypalButton = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.paypal-container.provider-button');
+        expect(paypalButton === null || paypalButton === void 0 ? void 0 : paypalButton.classList.contains('available')).to.be.true;
+    }));
+    it('emits paypalBlockerSelected event when paypal is selected in an error state', () => __awaiter(void 0, void 0, void 0, function* () {
+        var _c;
+        const el = (yield fixture(html `
+      <payment-selector></payment-selector>
+    `));
+        const paypalBlocker = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.paypal-local-button');
+        const clickEvent = new MouseEvent('click');
+        setTimeout(() => {
+            paypalBlocker === null || paypalBlocker === void 0 ? void 0 : paypalBlocker.dispatchEvent(clickEvent);
+        });
+        const response = yield oneEvent(el, 'paypalBlockerSelected');
+        expect(response).to.exist;
+    }));
+    it('emits applePaySelected event with original click event when ApplePay is selected', () => __awaiter(void 0, void 0, void 0, function* () {
+        var _d;
+        const el = (yield fixture(html `
+      <payment-selector></payment-selector>
+    `));
+        const paypalBlocker = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.applepay.provider-button');
+        const clickEvent = new MouseEvent('click');
+        setTimeout(() => {
+            paypalBlocker === null || paypalBlocker === void 0 ? void 0 : paypalBlocker.dispatchEvent(clickEvent);
+        });
+        const response = yield oneEvent(el, 'applePaySelected');
+        const event = response.detail.originalEvent;
+        expect(event).to.equal(clickEvent);
+    }));
+    it('emits googlePaySelected when GooglePay is selected', () => __awaiter(void 0, void 0, void 0, function* () {
+        var _e;
+        const el = (yield fixture(html `
+      <payment-selector></payment-selector>
+    `));
+        const paypalBlocker = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('.googlepay.provider-button');
+        const clickEvent = new MouseEvent('click');
+        setTimeout(() => {
+            paypalBlocker === null || paypalBlocker === void 0 ? void 0 : paypalBlocker.dispatchEvent(clickEvent);
+        });
+        const response = yield oneEvent(el, 'googlePaySelected');
+        expect(response).to.exist;
+    }));
+});
 //# sourceMappingURL=payment-selector.test.js.map

package/dist/test/tests/form-elements/payment-selector.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"payment-selector.test.js","sourceRoot":"","sources":["../../../../test/tests/form-elements/payment-selector.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, fixture, expect, elementUpdated, oneEvent } from '@open-wc/testing';\nimport { PaymentSelector } from '../../../src/form-elements/payment-selector';\nimport '../../../src/form-elements/payment-selector';\nimport { MockPaymentProviders } from '../../mocks/payment-providers/mock-payment-providers';\nimport { promisedSleep } from '../../../src/util/promisedSleep';\n\ndescribe('Payment Selector', () => {\n  it('shows Venmo if it is available', async () => {\n    const el = (await fixture(html`\n      <payment-selector></payment-selector>\n    `)) as PaymentSelector;\n\n    const paymentProviders = new MockPaymentProviders();\n    el.paymentProviders = paymentProviders;\n    await elementUpdated(el);\n    await promisedSleep(250);\n\n    const venmoButton = el.shadowRoot?.querySelector('.venmo.provider-button');\n    expect(venmoButton?.classList.contains('available')).to.be.true;\n  });\n\n  it('can show PayPal when called', async () => {\n    const el = (await fixture(html`\n      <payment-selector></payment-selector>\n    `)) as PaymentSelector;\n    el.showPaypalButton();\n    await elementUpdated(el);\n    const paypalButton = el.shadowRoot?.querySelector('.paypal-container.provider-button');\n    expect(paypalButton?.classList.contains('available')).to.be.true;\n  });\n\n  it('emits paypalBlockerSelected event when paypal is selected in an error state', async () => {\n    const el = (await fixture(html`\n      <payment-selector></payment-selector>\n    `)) as PaymentSelector;\n    const paypalBlocker = el.shadowRoot?.querySelector('.paypal-local-button');\n    const clickEvent = new MouseEvent('click');\n    setTimeout(() => {\n      paypalBlocker?.dispatchEvent(clickEvent);\n    });\n    const response = await oneEvent(el, 'paypalBlockerSelected');\n    expect(response).to.exist;\n  });\n\n  it('emits applePaySelected event with original click event when ApplePay is selected', async () => {\n    const el = (await fixture(html`\n      <payment-selector></payment-selector>\n    `)) as PaymentSelector;\n    const paypalBlocker = el.shadowRoot?.querySelector('.applepay.provider-button');\n    const clickEvent = new MouseEvent('click');\n    setTimeout(() => {\n      paypalBlocker?.dispatchEvent(clickEvent);\n    });\n    const response = await oneEvent(el, 'applePaySelected');\n    const event = response.detail.originalEvent;\n    expect(event).to.equal(clickEvent);\n  });\n\n  it('emits googlePaySelected when GooglePay is selected', async () => {\n    const el = (await fixture(html`\n      <payment-selector></payment-selector>\n    `)) as PaymentSelector;\n    const paypalBlocker = el.shadowRoot?.querySelector('.googlepay.provider-button');\n    const clickEvent = new MouseEvent('click');\n    setTimeout(() => {\n      paypalBlocker?.dispatchEvent(clickEvent);\n    });\n    const response = await oneEvent(el, 'googlePaySelected');\n    expect(response).to.exist;\n  });\n});\n"]}
+{"version":3,"file":"payment-selector.test.js","sourceRoot":"","sources":["../../../../test/tests/form-elements/payment-selector.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, fixture, expect, elementUpdated, oneEvent } from '@open-wc/testing';\r\nimport { PaymentSelector } from '../../../src/form-elements/payment-selector';\r\nimport '../../../src/form-elements/payment-selector';\r\nimport { MockPaymentProviders } from '../../mocks/payment-providers/mock-payment-providers';\r\nimport { promisedSleep } from '../../../src/util/promisedSleep';\r\n\r\ndescribe('Payment Selector', () => {\r\n  it('shows Venmo if it is available', async () => {\r\n    const el = (await fixture(html`\r\n      <payment-selector></payment-selector>\r\n    `)) as PaymentSelector;\r\n\r\n    const paymentProviders = new MockPaymentProviders();\r\n    el.paymentProviders = paymentProviders;\r\n    await elementUpdated(el);\r\n    await promisedSleep(250);\r\n\r\n    const venmoButton = el.shadowRoot?.querySelector('.venmo.provider-button');\r\n    expect(venmoButton?.classList.contains('available')).to.be.true;\r\n  });\r\n\r\n  it('can show PayPal when called', async () => {\r\n    const el = (await fixture(html`\r\n      <payment-selector></payment-selector>\r\n    `)) as PaymentSelector;\r\n    el.showPaypalButton();\r\n    await elementUpdated(el);\r\n    const paypalButton = el.shadowRoot?.querySelector('.paypal-container.provider-button');\r\n    expect(paypalButton?.classList.contains('available')).to.be.true;\r\n  });\r\n\r\n  it('emits paypalBlockerSelected event when paypal is selected in an error state', async () => {\r\n    const el = (await fixture(html`\r\n      <payment-selector></payment-selector>\r\n    `)) as PaymentSelector;\r\n    const paypalBlocker = el.shadowRoot?.querySelector('.paypal-local-button');\r\n    const clickEvent = new MouseEvent('click');\r\n    setTimeout(() => {\r\n      paypalBlocker?.dispatchEvent(clickEvent);\r\n    });\r\n    const response = await oneEvent(el, 'paypalBlockerSelected');\r\n    expect(response).to.exist;\r\n  });\r\n\r\n  it('emits applePaySelected event with original click event when ApplePay is selected', async () => {\r\n    const el = (await fixture(html`\r\n      <payment-selector></payment-selector>\r\n    `)) as PaymentSelector;\r\n    const paypalBlocker = el.shadowRoot?.querySelector('.applepay.provider-button');\r\n    const clickEvent = new MouseEvent('click');\r\n    setTimeout(() => {\r\n      paypalBlocker?.dispatchEvent(clickEvent);\r\n    });\r\n    const response = await oneEvent(el, 'applePaySelected');\r\n    const event = response.detail.originalEvent;\r\n    expect(event).to.equal(clickEvent);\r\n  });\r\n\r\n  it('emits googlePaySelected when GooglePay is selected', async () => {\r\n    const el = (await fixture(html`\r\n      <payment-selector></payment-selector>\r\n    `)) as PaymentSelector;\r\n    const paypalBlocker = el.shadowRoot?.querySelector('.googlepay.provider-button');\r\n    const clickEvent = new MouseEvent('click');\r\n    setTimeout(() => {\r\n      paypalBlocker?.dispatchEvent(clickEvent);\r\n    });\r\n    const response = await oneEvent(el, 'googlePaySelected');\r\n    expect(response).to.exist;\r\n  });\r\n});\r\n"]}

package/dist/test/tests/modals/error-modal-content.test.d.ts

@@ -1 +1 @@
-import '../../../src/modals/error-modal-content';
+import '../../../src/modals/error-modal-content';

package/dist/test/tests/modals/error-modal-content.test.js

@@ -1,15 +1,15 @@
-import { __awaiter } from "tslib";
-import { html, fixture, expect } from '@open-wc/testing';
-import '../../../src/modals/error-modal-content';
-describe('Error Modal Content', () => {
-    it('renders a "Questions" link', () => __awaiter(void 0, void 0, void 0, function* () {
-        var _a;
-        const el = yield fixture(html `
-      <donation-form-error-modal-content></donation-form-error-modal-content>
-    `);
-        const questionsLink = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.container a');
-        expect(questionsLink).to.exist;
-        expect(questionsLink === null || questionsLink === void 0 ? void 0 : questionsLink.innerHTML).to.contain('Questions?');
-    }));
-});
+import { __awaiter } from "tslib";
+import { html, fixture, expect } from '@open-wc/testing';
+import '../../../src/modals/error-modal-content';
+describe('Error Modal Content', () => {
+    it('renders a "Questions" link', () => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        const el = yield fixture(html `
+      <donation-form-error-modal-content></donation-form-error-modal-content>
+    `);
+        const questionsLink = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.container a');
+        expect(questionsLink).to.exist;
+        expect(questionsLink === null || questionsLink === void 0 ? void 0 : questionsLink.innerHTML).to.contain('Questions?');
+    }));
+});
 //# sourceMappingURL=error-modal-content.test.js.map

package/dist/test/tests/modals/error-modal-content.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"error-modal-content.test.js","sourceRoot":"","sources":["../../../../test/tests/modals/error-modal-content.test.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,yCAAyC,CAAC;AAEjD,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACnC,EAAE,CAAC,4BAA4B,EAAE,GAAS,EAAE;;QAC1C,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC,IAAI,CAAA;;KAE5B,CAAC,CAAC;QAEH,MAAM,aAAa,SAAG,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,cAAc,CAAC,CAAC;QACnE,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC/B,MAAM,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,SAAS,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IAC5D,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { html, fixture, expect } from '@open-wc/testing';\nimport '../../../src/modals/error-modal-content';\n\ndescribe('Error Modal Content', () => {\n  it('renders a \"Questions\" link', async () => {\n    const el = await fixture(html`\n      <donation-form-error-modal-content></donation-form-error-modal-content>\n    `);\n\n    const questionsLink = el.shadowRoot?.querySelector('.container a');\n    expect(questionsLink).to.exist;\n    expect(questionsLink?.innerHTML).to.contain('Questions?');\n  });\n});\n"]}
+{"version":3,"file":"error-modal-content.test.js","sourceRoot":"","sources":["../../../../test/tests/modals/error-modal-content.test.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,yCAAyC,CAAC;AAEjD,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACnC,EAAE,CAAC,4BAA4B,EAAE,GAAS,EAAE;;QAC1C,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC,IAAI,CAAA;;KAE5B,CAAC,CAAC;QAEH,MAAM,aAAa,SAAG,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,cAAc,CAAC,CAAC;QACnE,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC/B,MAAM,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,SAAS,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IAC5D,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { html, fixture, expect } from '@open-wc/testing';\r\nimport '../../../src/modals/error-modal-content';\r\n\r\ndescribe('Error Modal Content', () => {\r\n  it('renders a \"Questions\" link', async () => {\r\n    const el = await fixture(html`\r\n      <donation-form-error-modal-content></donation-form-error-modal-content>\r\n    `);\r\n\r\n    const questionsLink = el.shadowRoot?.querySelector('.container a');\r\n    expect(questionsLink).to.exist;\r\n    expect(questionsLink?.innerHTML).to.contain('Questions?');\r\n  });\r\n});\r\n"]}

package/dist/test/tests/modals/upsell-modal-content.test.d.ts

@@ -1 +1 @@
-import '../../../src/modals/upsell-modal-content';
+import '../../../src/modals/upsell-modal-content';

package/dist/test/tests/modals/upsell-modal-content.test.js

@@ -1,164 +1,164 @@
-import { __awaiter } from "tslib";
-import { html, fixture, expect, oneEvent } from '@open-wc/testing';
-import { UpsellModalCTAMode } from '../../../src/modals/upsell-modal-content';
-import '../../../src/modals/upsell-modal-content';
-import { html as lit2html } from 'lit';
-describe('Upsell Modal Content', () => {
-    describe('UI Actions', () => {
-        it('shows a no button', () => __awaiter(void 0, void 0, void 0, function* () {
-            var _a;
-            const el = (yield fixture(html `
-        <upsell-modal-content></upsell-modal-content>
-      `));
-            const noButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#no-button');
-            expect(noButton).to.exist;
-        }));
-        it('shows the proper yes button for non-paypal types', () => __awaiter(void 0, void 0, void 0, function* () {
-            var _b, _c;
-            const el = (yield fixture(html `
-        <upsell-modal-content .yesButtonMode=${UpsellModalCTAMode.YesButton}></upsell-modal-content>
-      `));
-            const yesButton = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#yes-button');
-            expect(yesButton).to.exist;
-            const payPalSlot = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.paypal-upsell-slot-container');
-            expect(payPalSlot).to.not.exist;
-        }));
-        it('shows the paypal upsell slot for paypal upsells', () => __awaiter(void 0, void 0, void 0, function* () {
-            var _d, _e;
-            const el = (yield fixture(html `
-        <upsell-modal-content
-          .yesButtonMode=${UpsellModalCTAMode.PayPalUpsellSlot}
-        ></upsell-modal-content>
-      `));
-            const payPalSlot = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.paypal-upsell-slot-container');
-            expect(payPalSlot).to.exist;
-            const yesButton = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('#yes-button');
-            expect(yesButton).to.not.exist;
-        }));
-    });
-    describe('Events Emitted', () => {
-        it('emits a `yesSelected` event with the amount when yes is selected', () => __awaiter(void 0, void 0, void 0, function* () {
-            var _a;
-            const el = (yield fixture(html `
-        <upsell-modal-content
-          .amount=${7.5}
-          .yesButtonMode=${UpsellModalCTAMode.YesButton}
-        ></upsell-modal-content>
-      `));
-            const yesButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#yes-button');
-            const clickEvent = new MouseEvent('click');
-            setTimeout(() => {
-                yesButton === null || yesButton === void 0 ? void 0 : yesButton.dispatchEvent(clickEvent);
-            });
-            const response = yield oneEvent(el, 'yesSelected');
-            expect(response).to.exist;
-            expect(response.detail.amount).to.equal(7.5);
-        }));
-        it('emits a `noThanksSelected` event when no thanks is selected', () => __awaiter(void 0, void 0, void 0, function* () {
-            var _b;
-            const el = (yield fixture(html `
-        <upsell-modal-content></upsell-modal-content>
-      `));
-            const noButton = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#no-button');
-            const clickEvent = new MouseEvent('click');
-            setTimeout(() => {
-                noButton === null || noButton === void 0 ? void 0 : noButton.dispatchEvent(clickEvent);
-            });
-            const response = yield oneEvent(el, 'noThanksSelected');
-            expect(response).to.exist;
-        }));
-    });
-    describe('Amount Changer', () => {
-        it('emits an `amountChanged` event with the amount if change successful', () => __awaiter(void 0, void 0, void 0, function* () {
-            var _a;
-            const el = (yield fixture(html `
-        <upsell-modal-content></upsell-modal-content>
-      `));
-            const amountInput = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#amount-input');
-            amountInput.value = '3.50';
-            const inputEvent = new Event('input');
-            setTimeout(() => {
-                amountInput.dispatchEvent(inputEvent);
-            });
-            const response = yield oneEvent(el, 'amountChanged');
-            expect(response).to.exist;
-            expect(response.detail.amount).to.equal(3.5);
-        }));
-        it('nothing happens if the input is empty', () => __awaiter(void 0, void 0, void 0, function* () {
-            var _b;
-            const el = (yield fixture(html `
-        <upsell-modal-content></upsell-modal-content>
-      `));
-            const amountInput = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#amount-input');
-            amountInput.value = '';
-            const inputEvent = new Event('input');
-            expect(el.error).to.be.undefined;
-            amountInput.dispatchEvent(inputEvent);
-            yield el.updateComplete;
-            expect(el.error).to.be.undefined;
-        }));
-        it('shows an error if the amount isNaN', () => __awaiter(void 0, void 0, void 0, function* () {
-            var _c, _d;
-            const el = (yield fixture(html `
-        <upsell-modal-content></upsell-modal-content>
-      `));
-            const amountInput = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#amount-input');
-            amountInput.value = 'a';
-            const inputEvent = new Event('input');
-            const errorDiv = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.error');
-            expect(el.error).to.be.undefined;
-            amountInput.dispatchEvent(inputEvent);
-            yield el.updateComplete;
-            expect(el.error).to.not.be.undefined;
-            expect(errorDiv === null || errorDiv === void 0 ? void 0 : errorDiv.innerHTML).to.contain('Please enter a valid amount.');
-        }));
-        it('shows an error if the amount is too low', () => __awaiter(void 0, void 0, void 0, function* () {
-            var _e, _f;
-            const el = (yield fixture(html `
-        <upsell-modal-content></upsell-modal-content>
-      `));
-            const amountInput = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('#amount-input');
-            amountInput.value = '0.99';
-            const inputEvent = new Event('input');
-            const errorDiv = (_f = el.shadowRoot) === null || _f === void 0 ? void 0 : _f.querySelector('.error');
-            expect(el.error).to.be.undefined;
-            amountInput.dispatchEvent(inputEvent);
-            yield el.updateComplete;
-            expect(el.error).to.not.be.undefined;
-            expect(errorDiv === null || errorDiv === void 0 ? void 0 : errorDiv.innerHTML).to.contain('The minimum donation amount is $1');
-        }));
-        it('shows an error if the amount is too high', () => __awaiter(void 0, void 0, void 0, function* () {
-            var _g, _h;
-            const el = (yield fixture(html `
-        <upsell-modal-content></upsell-modal-content>
-      `));
-            const amountInput = (_g = el.shadowRoot) === null || _g === void 0 ? void 0 : _g.querySelector('#amount-input');
-            amountInput.value = '10000';
-            const inputEvent = new Event('input');
-            const errorDiv = (_h = el.shadowRoot) === null || _h === void 0 ? void 0 : _h.querySelector('.error');
-            expect(el.error).to.be.undefined;
-            amountInput.dispatchEvent(inputEvent);
-            yield el.updateComplete;
-            expect(el.error).to.not.be.undefined;
-            expect(errorDiv === null || errorDiv === void 0 ? void 0 : errorDiv.innerHTML).to.contain('To make a donation of $10,000 or more');
-        }));
-        it('shows the paypal blocker if there is an error', () => __awaiter(void 0, void 0, void 0, function* () {
-            var _j;
-            const el = (yield fixture(html `
-        <upsell-modal-content
-          .yesButtonMode=${UpsellModalCTAMode.PayPalUpsellSlot}
-        ></upsell-modal-content>
-      `));
-            const paypalBlocker = (_j = el.shadowRoot) === null || _j === void 0 ? void 0 : _j.querySelector('.paypal-upsell-slot-blocker');
-            expect(el.error).to.be.undefined;
-            expect(paypalBlocker.classList.contains('hidden')).to.be.true;
-            el.error = lit2html `
-        Some error
-      `;
-            yield el.updateComplete;
-            expect(el.error).to.not.be.undefined;
-            expect(paypalBlocker.classList.contains('hidden')).to.be.false;
-        }));
-    });
-});
+import { __awaiter } from "tslib";
+import { html, fixture, expect, oneEvent } from '@open-wc/testing';
+import { UpsellModalCTAMode } from '../../../src/modals/upsell-modal-content';
+import '../../../src/modals/upsell-modal-content';
+import { html as lit2html } from 'lit';
+describe('Upsell Modal Content', () => {
+    describe('UI Actions', () => {
+        it('shows a no button', () => __awaiter(void 0, void 0, void 0, function* () {
+            var _a;
+            const el = (yield fixture(html `
+        <upsell-modal-content></upsell-modal-content>
+      `));
+            const noButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#no-button');
+            expect(noButton).to.exist;
+        }));
+        it('shows the proper yes button for non-paypal types', () => __awaiter(void 0, void 0, void 0, function* () {
+            var _b, _c;
+            const el = (yield fixture(html `
+        <upsell-modal-content .yesButtonMode=${UpsellModalCTAMode.YesButton}></upsell-modal-content>
+      `));
+            const yesButton = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#yes-button');
+            expect(yesButton).to.exist;
+            const payPalSlot = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.paypal-upsell-slot-container');
+            expect(payPalSlot).to.not.exist;
+        }));
+        it('shows the paypal upsell slot for paypal upsells', () => __awaiter(void 0, void 0, void 0, function* () {
+            var _d, _e;
+            const el = (yield fixture(html `
+        <upsell-modal-content
+          .yesButtonMode=${UpsellModalCTAMode.PayPalUpsellSlot}
+        ></upsell-modal-content>
+      `));
+            const payPalSlot = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.paypal-upsell-slot-container');
+            expect(payPalSlot).to.exist;
+            const yesButton = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('#yes-button');
+            expect(yesButton).to.not.exist;
+        }));
+    });
+    describe('Events Emitted', () => {
+        it('emits a `yesSelected` event with the amount when yes is selected', () => __awaiter(void 0, void 0, void 0, function* () {
+            var _a;
+            const el = (yield fixture(html `
+        <upsell-modal-content
+          .amount=${7.5}
+          .yesButtonMode=${UpsellModalCTAMode.YesButton}
+        ></upsell-modal-content>
+      `));
+            const yesButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#yes-button');
+            const clickEvent = new MouseEvent('click');
+            setTimeout(() => {
+                yesButton === null || yesButton === void 0 ? void 0 : yesButton.dispatchEvent(clickEvent);
+            });
+            const response = yield oneEvent(el, 'yesSelected');
+            expect(response).to.exist;
+            expect(response.detail.amount).to.equal(7.5);
+        }));
+        it('emits a `noThanksSelected` event when no thanks is selected', () => __awaiter(void 0, void 0, void 0, function* () {
+            var _b;
+            const el = (yield fixture(html `
+        <upsell-modal-content></upsell-modal-content>
+      `));
+            const noButton = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#no-button');
+            const clickEvent = new MouseEvent('click');
+            setTimeout(() => {
+                noButton === null || noButton === void 0 ? void 0 : noButton.dispatchEvent(clickEvent);
+            });
+            const response = yield oneEvent(el, 'noThanksSelected');
+            expect(response).to.exist;
+        }));
+    });
+    describe('Amount Changer', () => {
+        it('emits an `amountChanged` event with the amount if change successful', () => __awaiter(void 0, void 0, void 0, function* () {
+            var _a;
+            const el = (yield fixture(html `
+        <upsell-modal-content></upsell-modal-content>
+      `));
+            const amountInput = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#amount-input');
+            amountInput.value = '3.50';
+            const inputEvent = new Event('input');
+            setTimeout(() => {
+                amountInput.dispatchEvent(inputEvent);
+            });
+            const response = yield oneEvent(el, 'amountChanged');
+            expect(response).to.exist;
+            expect(response.detail.amount).to.equal(3.5);
+        }));
+        it('nothing happens if the input is empty', () => __awaiter(void 0, void 0, void 0, function* () {
+            var _b;
+            const el = (yield fixture(html `
+        <upsell-modal-content></upsell-modal-content>
+      `));
+            const amountInput = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('#amount-input');
+            amountInput.value = '';
+            const inputEvent = new Event('input');
+            expect(el.error).to.be.undefined;
+            amountInput.dispatchEvent(inputEvent);
+            yield el.updateComplete;
+            expect(el.error).to.be.undefined;
+        }));
+        it('shows an error if the amount isNaN', () => __awaiter(void 0, void 0, void 0, function* () {
+            var _c, _d;
+            const el = (yield fixture(html `
+        <upsell-modal-content></upsell-modal-content>
+      `));
+            const amountInput = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('#amount-input');
+            amountInput.value = 'a';
+            const inputEvent = new Event('input');
+            const errorDiv = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.error');
+            expect(el.error).to.be.undefined;
+            amountInput.dispatchEvent(inputEvent);
+            yield el.updateComplete;
+            expect(el.error).to.not.be.undefined;
+            expect(errorDiv === null || errorDiv === void 0 ? void 0 : errorDiv.innerHTML).to.contain('Please enter a valid amount.');
+        }));
+        it('shows an error if the amount is too low', () => __awaiter(void 0, void 0, void 0, function* () {
+            var _e, _f;
+            const el = (yield fixture(html `
+        <upsell-modal-content></upsell-modal-content>
+      `));
+            const amountInput = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('#amount-input');
+            amountInput.value = '0.99';
+            const inputEvent = new Event('input');
+            const errorDiv = (_f = el.shadowRoot) === null || _f === void 0 ? void 0 : _f.querySelector('.error');
+            expect(el.error).to.be.undefined;
+            amountInput.dispatchEvent(inputEvent);
+            yield el.updateComplete;
+            expect(el.error).to.not.be.undefined;
+            expect(errorDiv === null || errorDiv === void 0 ? void 0 : errorDiv.innerHTML).to.contain('The minimum donation amount is $1');
+        }));
+        it('shows an error if the amount is too high', () => __awaiter(void 0, void 0, void 0, function* () {
+            var _g, _h;
+            const el = (yield fixture(html `
+        <upsell-modal-content></upsell-modal-content>
+      `));
+            const amountInput = (_g = el.shadowRoot) === null || _g === void 0 ? void 0 : _g.querySelector('#amount-input');
+            amountInput.value = '10000';
+            const inputEvent = new Event('input');
+            const errorDiv = (_h = el.shadowRoot) === null || _h === void 0 ? void 0 : _h.querySelector('.error');
+            expect(el.error).to.be.undefined;
+            amountInput.dispatchEvent(inputEvent);
+            yield el.updateComplete;
+            expect(el.error).to.not.be.undefined;
+            expect(errorDiv === null || errorDiv === void 0 ? void 0 : errorDiv.innerHTML).to.contain('To make a donation of $10,000 or more');
+        }));
+        it('shows the paypal blocker if there is an error', () => __awaiter(void 0, void 0, void 0, function* () {
+            var _j;
+            const el = (yield fixture(html `
+        <upsell-modal-content
+          .yesButtonMode=${UpsellModalCTAMode.PayPalUpsellSlot}
+        ></upsell-modal-content>
+      `));
+            const paypalBlocker = (_j = el.shadowRoot) === null || _j === void 0 ? void 0 : _j.querySelector('.paypal-upsell-slot-blocker');
+            expect(el.error).to.be.undefined;
+            expect(paypalBlocker.classList.contains('hidden')).to.be.true;
+            el.error = lit2html `
+        Some error
+      `;
+            yield el.updateComplete;
+            expect(el.error).to.not.be.undefined;
+            expect(paypalBlocker.classList.contains('hidden')).to.be.false;
+        }));
+    });
+});
 //# sourceMappingURL=upsell-modal-content.test.js.map

package/dist/test/tests/modals/upsell-modal-content.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"upsell-modal-content.test.js","sourceRoot":"","sources":["../../../../test/tests/modals/upsell-modal-content.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, fixture, expect, oneEvent } from '@open-wc/testing';\nimport { UpsellModalContent, UpsellModalCTAMode } from '../../../src/modals/upsell-modal-content';\nimport '../../../src/modals/upsell-modal-content';\nimport { html as lit2html } from 'lit';\n\ndescribe('Upsell Modal Content', () => {\n  describe('UI Actions', () => {\n    it('shows a no button', async () => {\n      const el = (await fixture(html`\n        <upsell-modal-content></upsell-modal-content>\n      `)) as UpsellModalContent;\n\n      const noButton = el.shadowRoot?.querySelector('#no-button');\n      expect(noButton).to.exist;\n    });\n\n    it('shows the proper yes button for non-paypal types', async () => {\n      const el = (await fixture(html`\n        <upsell-modal-content .yesButtonMode=${UpsellModalCTAMode.YesButton}></upsell-modal-content>\n      `)) as UpsellModalContent;\n\n      const yesButton = el.shadowRoot?.querySelector('#yes-button');\n      expect(yesButton).to.exist;\n      const payPalSlot = el.shadowRoot?.querySelector('.paypal-upsell-slot-container');\n      expect(payPalSlot).to.not.exist;\n    });\n\n    it('shows the paypal upsell slot for paypal upsells', async () => {\n      const el = (await fixture(html`\n        <upsell-modal-content\n          .yesButtonMode=${UpsellModalCTAMode.PayPalUpsellSlot}\n        ></upsell-modal-content>\n      `)) as UpsellModalContent;\n\n      const payPalSlot = el.shadowRoot?.querySelector('.paypal-upsell-slot-container');\n      expect(payPalSlot).to.exist;\n      const yesButton = el.shadowRoot?.querySelector('#yes-button');\n      expect(yesButton).to.not.exist;\n    });\n  });\n\n  describe('Events Emitted', () => {\n    it('emits a `yesSelected` event with the amount when yes is selected', async () => {\n      const el = (await fixture(html`\n        <upsell-modal-content\n          .amount=${7.5}\n          .yesButtonMode=${UpsellModalCTAMode.YesButton}\n        ></upsell-modal-content>\n      `)) as UpsellModalContent;\n\n      const yesButton = el.shadowRoot?.querySelector('#yes-button');\n      const clickEvent = new MouseEvent('click');\n      setTimeout(() => {\n        yesButton?.dispatchEvent(clickEvent);\n      });\n      const response = await oneEvent(el, 'yesSelected');\n      expect(response).to.exist;\n      expect(response.detail.amount).to.equal(7.5);\n    });\n\n    it('emits a `noThanksSelected` event when no thanks is selected', async () => {\n      const el = (await fixture(html`\n        <upsell-modal-content></upsell-modal-content>\n      `)) as UpsellModalContent;\n\n      const noButton = el.shadowRoot?.querySelector('#no-button');\n      const clickEvent = new MouseEvent('click');\n      setTimeout(() => {\n        noButton?.dispatchEvent(clickEvent);\n      });\n      const response = await oneEvent(el, 'noThanksSelected');\n      expect(response).to.exist;\n    });\n  });\n\n  describe('Amount Changer', () => {\n    it('emits an `amountChanged` event with the amount if change successful', async () => {\n      const el = (await fixture(html`\n        <upsell-modal-content></upsell-modal-content>\n      `)) as UpsellModalContent;\n\n      const amountInput = el.shadowRoot?.querySelector('#amount-input') as HTMLInputElement;\n      amountInput.value = '3.50';\n      const inputEvent = new Event('input');\n      setTimeout(() => {\n        amountInput.dispatchEvent(inputEvent);\n      });\n      const response = await oneEvent(el, 'amountChanged');\n      expect(response).to.exist;\n      expect(response.detail.amount).to.equal(3.5);\n    });\n\n    it('nothing happens if the input is empty', async () => {\n      const el = (await fixture(html`\n        <upsell-modal-content></upsell-modal-content>\n      `)) as UpsellModalContent;\n\n      const amountInput = el.shadowRoot?.querySelector('#amount-input') as HTMLInputElement;\n      amountInput.value = '';\n      const inputEvent = new Event('input');\n      expect(el.error).to.be.undefined;\n      amountInput.dispatchEvent(inputEvent);\n      await el.updateComplete;\n      expect(el.error).to.be.undefined;\n    });\n\n    it('shows an error if the amount isNaN', async () => {\n      const el = (await fixture(html`\n        <upsell-modal-content></upsell-modal-content>\n      `)) as UpsellModalContent;\n\n      const amountInput = el.shadowRoot?.querySelector('#amount-input') as HTMLInputElement;\n      amountInput.value = 'a';\n      const inputEvent = new Event('input');\n      const errorDiv = el.shadowRoot?.querySelector('.error');\n      expect(el.error).to.be.undefined;\n      amountInput.dispatchEvent(inputEvent);\n      await el.updateComplete;\n      expect(el.error).to.not.be.undefined;\n      expect(errorDiv?.innerHTML).to.contain('Please enter a valid amount.');\n    });\n\n    it('shows an error if the amount is too low', async () => {\n      const el = (await fixture(html`\n        <upsell-modal-content></upsell-modal-content>\n      `)) as UpsellModalContent;\n\n      const amountInput = el.shadowRoot?.querySelector('#amount-input') as HTMLInputElement;\n      amountInput.value = '0.99';\n      const inputEvent = new Event('input');\n      const errorDiv = el.shadowRoot?.querySelector('.error');\n      expect(el.error).to.be.undefined;\n      amountInput.dispatchEvent(inputEvent);\n      await el.updateComplete;\n      expect(el.error).to.not.be.undefined;\n      expect(errorDiv?.innerHTML).to.contain('The minimum donation amount is $1');\n    });\n\n    it('shows an error if the amount is too high', async () => {\n      const el = (await fixture(html`\n        <upsell-modal-content></upsell-modal-content>\n      `)) as UpsellModalContent;\n\n      const amountInput = el.shadowRoot?.querySelector('#amount-input') as HTMLInputElement;\n      amountInput.value = '10000';\n      const inputEvent = new Event('input');\n      const errorDiv = el.shadowRoot?.querySelector('.error');\n      expect(el.error).to.be.undefined;\n      amountInput.dispatchEvent(inputEvent);\n      await el.updateComplete;\n      expect(el.error).to.not.be.undefined;\n      expect(errorDiv?.innerHTML).to.contain('To make a donation of $10,000 or more');\n    });\n\n    it('shows the paypal blocker if there is an error', async () => {\n      const el = (await fixture(html`\n        <upsell-modal-content\n          .yesButtonMode=${UpsellModalCTAMode.PayPalUpsellSlot}\n        ></upsell-modal-content>\n      `)) as UpsellModalContent;\n\n      const paypalBlocker = el.shadowRoot?.querySelector(\n        '.paypal-upsell-slot-blocker',\n      ) as HTMLDivElement;\n      expect(el.error).to.be.undefined;\n      expect(paypalBlocker.classList.contains('hidden')).to.be.true;\n      el.error = lit2html`\n        Some error\n      `;\n      await el.updateComplete;\n      expect(el.error).to.not.be.undefined;\n      expect(paypalBlocker.classList.contains('hidden')).to.be.false;\n    });\n  });\n});\n"]}
+{"version":3,"file":"upsell-modal-content.test.js","sourceRoot":"","sources":["../../../../test/tests/modals/upsell-modal-content.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, fixture, expect, oneEvent } from '@open-wc/testing';\r\nimport { UpsellModalContent, UpsellModalCTAMode } from '../../../src/modals/upsell-modal-content';\r\nimport '../../../src/modals/upsell-modal-content';\r\nimport { html as lit2html } from 'lit';\r\n\r\ndescribe('Upsell Modal Content', () => {\r\n  describe('UI Actions', () => {\r\n    it('shows a no button', async () => {\r\n      const el = (await fixture(html`\r\n        <upsell-modal-content></upsell-modal-content>\r\n      `)) as UpsellModalContent;\r\n\r\n      const noButton = el.shadowRoot?.querySelector('#no-button');\r\n      expect(noButton).to.exist;\r\n    });\r\n\r\n    it('shows the proper yes button for non-paypal types', async () => {\r\n      const el = (await fixture(html`\r\n        <upsell-modal-content .yesButtonMode=${UpsellModalCTAMode.YesButton}></upsell-modal-content>\r\n      `)) as UpsellModalContent;\r\n\r\n      const yesButton = el.shadowRoot?.querySelector('#yes-button');\r\n      expect(yesButton).to.exist;\r\n      const payPalSlot = el.shadowRoot?.querySelector('.paypal-upsell-slot-container');\r\n      expect(payPalSlot).to.not.exist;\r\n    });\r\n\r\n    it('shows the paypal upsell slot for paypal upsells', async () => {\r\n      const el = (await fixture(html`\r\n        <upsell-modal-content\r\n          .yesButtonMode=${UpsellModalCTAMode.PayPalUpsellSlot}\r\n        ></upsell-modal-content>\r\n      `)) as UpsellModalContent;\r\n\r\n      const payPalSlot = el.shadowRoot?.querySelector('.paypal-upsell-slot-container');\r\n      expect(payPalSlot).to.exist;\r\n      const yesButton = el.shadowRoot?.querySelector('#yes-button');\r\n      expect(yesButton).to.not.exist;\r\n    });\r\n  });\r\n\r\n  describe('Events Emitted', () => {\r\n    it('emits a `yesSelected` event with the amount when yes is selected', async () => {\r\n      const el = (await fixture(html`\r\n        <upsell-modal-content\r\n          .amount=${7.5}\r\n          .yesButtonMode=${UpsellModalCTAMode.YesButton}\r\n        ></upsell-modal-content>\r\n      `)) as UpsellModalContent;\r\n\r\n      const yesButton = el.shadowRoot?.querySelector('#yes-button');\r\n      const clickEvent = new MouseEvent('click');\r\n      setTimeout(() => {\r\n        yesButton?.dispatchEvent(clickEvent);\r\n      });\r\n      const response = await oneEvent(el, 'yesSelected');\r\n      expect(response).to.exist;\r\n      expect(response.detail.amount).to.equal(7.5);\r\n    });\r\n\r\n    it('emits a `noThanksSelected` event when no thanks is selected', async () => {\r\n      const el = (await fixture(html`\r\n        <upsell-modal-content></upsell-modal-content>\r\n      `)) as UpsellModalContent;\r\n\r\n      const noButton = el.shadowRoot?.querySelector('#no-button');\r\n      const clickEvent = new MouseEvent('click');\r\n      setTimeout(() => {\r\n        noButton?.dispatchEvent(clickEvent);\r\n      });\r\n      const response = await oneEvent(el, 'noThanksSelected');\r\n      expect(response).to.exist;\r\n    });\r\n  });\r\n\r\n  describe('Amount Changer', () => {\r\n    it('emits an `amountChanged` event with the amount if change successful', async () => {\r\n      const el = (await fixture(html`\r\n        <upsell-modal-content></upsell-modal-content>\r\n      `)) as UpsellModalContent;\r\n\r\n      const amountInput = el.shadowRoot?.querySelector('#amount-input') as HTMLInputElement;\r\n      amountInput.value = '3.50';\r\n      const inputEvent = new Event('input');\r\n      setTimeout(() => {\r\n        amountInput.dispatchEvent(inputEvent);\r\n      });\r\n      const response = await oneEvent(el, 'amountChanged');\r\n      expect(response).to.exist;\r\n      expect(response.detail.amount).to.equal(3.5);\r\n    });\r\n\r\n    it('nothing happens if the input is empty', async () => {\r\n      const el = (await fixture(html`\r\n        <upsell-modal-content></upsell-modal-content>\r\n      `)) as UpsellModalContent;\r\n\r\n      const amountInput = el.shadowRoot?.querySelector('#amount-input') as HTMLInputElement;\r\n      amountInput.value = '';\r\n      const inputEvent = new Event('input');\r\n      expect(el.error).to.be.undefined;\r\n      amountInput.dispatchEvent(inputEvent);\r\n      await el.updateComplete;\r\n      expect(el.error).to.be.undefined;\r\n    });\r\n\r\n    it('shows an error if the amount isNaN', async () => {\r\n      const el = (await fixture(html`\r\n        <upsell-modal-content></upsell-modal-content>\r\n      `)) as UpsellModalContent;\r\n\r\n      const amountInput = el.shadowRoot?.querySelector('#amount-input') as HTMLInputElement;\r\n      amountInput.value = 'a';\r\n      const inputEvent = new Event('input');\r\n      const errorDiv = el.shadowRoot?.querySelector('.error');\r\n      expect(el.error).to.be.undefined;\r\n      amountInput.dispatchEvent(inputEvent);\r\n      await el.updateComplete;\r\n      expect(el.error).to.not.be.undefined;\r\n      expect(errorDiv?.innerHTML).to.contain('Please enter a valid amount.');\r\n    });\r\n\r\n    it('shows an error if the amount is too low', async () => {\r\n      const el = (await fixture(html`\r\n        <upsell-modal-content></upsell-modal-content>\r\n      `)) as UpsellModalContent;\r\n\r\n      const amountInput = el.shadowRoot?.querySelector('#amount-input') as HTMLInputElement;\r\n      amountInput.value = '0.99';\r\n      const inputEvent = new Event('input');\r\n      const errorDiv = el.shadowRoot?.querySelector('.error');\r\n      expect(el.error).to.be.undefined;\r\n      amountInput.dispatchEvent(inputEvent);\r\n      await el.updateComplete;\r\n      expect(el.error).to.not.be.undefined;\r\n      expect(errorDiv?.innerHTML).to.contain('The minimum donation amount is $1');\r\n    });\r\n\r\n    it('shows an error if the amount is too high', async () => {\r\n      const el = (await fixture(html`\r\n        <upsell-modal-content></upsell-modal-content>\r\n      `)) as UpsellModalContent;\r\n\r\n      const amountInput = el.shadowRoot?.querySelector('#amount-input') as HTMLInputElement;\r\n      amountInput.value = '10000';\r\n      const inputEvent = new Event('input');\r\n      const errorDiv = el.shadowRoot?.querySelector('.error');\r\n      expect(el.error).to.be.undefined;\r\n      amountInput.dispatchEvent(inputEvent);\r\n      await el.updateComplete;\r\n      expect(el.error).to.not.be.undefined;\r\n      expect(errorDiv?.innerHTML).to.contain('To make a donation of $10,000 or more');\r\n    });\r\n\r\n    it('shows the paypal blocker if there is an error', async () => {\r\n      const el = (await fixture(html`\r\n        <upsell-modal-content\r\n          .yesButtonMode=${UpsellModalCTAMode.PayPalUpsellSlot}\r\n        ></upsell-modal-content>\r\n      `)) as UpsellModalContent;\r\n\r\n      const paypalBlocker = el.shadowRoot?.querySelector(\r\n        '.paypal-upsell-slot-blocker',\r\n      ) as HTMLDivElement;\r\n      expect(el.error).to.be.undefined;\r\n      expect(paypalBlocker.classList.contains('hidden')).to.be.true;\r\n      el.error = lit2html`\r\n        Some error\r\n      `;\r\n      await el.updateComplete;\r\n      expect(el.error).to.not.be.undefined;\r\n      expect(paypalBlocker.classList.contains('hidden')).to.be.false;\r\n    });\r\n  });\r\n});\r\n"]}