feat: Add ACH payment method #6617
Annotations
10 errors and 1 warning
|
Run tests:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentMethodContainer/Address/AddressCard.tsx#L109
TypeError: setEditMode is not a function
❯ onClick src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentMethodContainer/Address/AddressCard.tsx:109:16
❯ HTMLUnknownElement.callCallback node_modules/react-dom/cjs/react-dom.development.js:4164:14
❯ HTMLUnknownElement.callTheUserObjectsOperation node_modules/jsdom/lib/jsdom/living/generated/EventListener.js:26:30
❯ innerInvokeEventListeners node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:350:25
❯ invokeEventListeners node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3
❯ HTMLUnknownElementImpl._dispatch node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9
❯ HTMLUnknownElementImpl.dispatchEvent node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:104:17
❯ HTMLUnknownElement.dispatchEvent node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:241:34
❯ Object.invokeGuardedCallbackDev node_modules/react-dom/cjs/react-dom.development.js:4213:16
❯ invokeGuardedCallback node_modules/react-dom/cjs/react-dom.development.js:4277:31
This error originated in "src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentMethodContainer/Address/AddressCard.test.tsx" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
The latest test that might've caused the error is "doesn't render address info stuff anymore". It might mean one of the following:
- The error was thrown, while Vitest was running this test.
- If the error occurred after the test had been completed, this was the last documented test before it was thrown.
|
|
Run tests:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentMethodContainer/Address/AddressCard.tsx#L109
TypeError: setEditMode is not a function
❯ onClick src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentMethodContainer/Address/AddressCard.tsx:109:16
❯ HTMLUnknownElement.callCallback node_modules/react-dom/cjs/react-dom.development.js:4164:14
❯ HTMLUnknownElement.callTheUserObjectsOperation node_modules/jsdom/lib/jsdom/living/generated/EventListener.js:26:30
❯ innerInvokeEventListeners node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:350:25
❯ invokeEventListeners node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3
❯ HTMLUnknownElementImpl._dispatch node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9
❯ HTMLUnknownElementImpl.dispatchEvent node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:104:17
❯ HTMLUnknownElement.dispatchEvent node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:241:34
❯ Object.invokeGuardedCallbackDev node_modules/react-dom/cjs/react-dom.development.js:4213:16
❯ invokeGuardedCallback node_modules/react-dom/cjs/react-dom.development.js:4277:31
This error originated in "src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentMethodContainer/Address/AddressCard.test.tsx" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
The latest test that might've caused the error is "renders the address form component". It might mean one of the following:
- The error was thrown, while Vitest was running this test.
- If the error occurred after the test had been completed, this was the last documented test before it was thrown.
|
|
Run tests:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/BillingDetails.test.tsx#L91
TestingLibraryElementError: Unable to find an element with the text: /Payment Card/. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div>
<div
class="flex flex-col divide-y border"
>
<div
class="flex items-center justify-between gap-4 p-4"
>
<div>
<h3
class="font-semibold"
>
Billing details
</h3>
<p
class="pt-1 text-xs text-ds-gray-octonary"
>
You can modify your billing details. To update your tax IDs, please
<a
class="
font-sans cursor-pointer
hover:underline
focus:ring-2
text-ds-blue-darker inline-flex items-center gap-1"
data-cy="support"
data-marketing="support"
href="https://codecovpro.zendesk.com/hc/en-us"
target="_blank"
>
contact support
<span
class="text-ds-gray-quinary"
>
<svg
class="w-4 h-4"
data-icon=""
data-testid=""
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
/>
</svg>
</span>
</a>
</p>
</div>
<button
class="
flex items-center gap-1
rounded py-1 px-4
transition-colors duration-150 motion-reduce:transition-none
focus:outline-none focus:ring
disabled:cursor-not-allowed
disabled:text-ds-gray-quaternary disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary
justify-center font-semibold
text-ds-gray-octonary bg-ds-gray-primary border-ds-gray-quaternary
border-solid border shadow
hover:bg-ds-gray-secondary
flex-none"
data-cy="button"
data-marketing="button"
data-testid="button"
>
Edit payment
</button>
</div>
Email Address
<div>
<div
class="border-ds-gray-secondary m-0 border-0"
data-state="open"
>
<button
aria-controls="radix-:r0:"
aria-expanded="true"
class="flex w-full items-center justify-between text-left hover:bg-ds-gray-primary [&_#expandable-icon]:data-[state=open]:rotate-180 p-4"
data-state="open"
type="button"
>
<span>
<h3
class="font-semibold"
>
Primary Payment Method
</h3>
</span>
<span
class="rotate-0 transition-transform"
id="expandable-icon"
>
<svg
class="w-4 h-4"
data-icon=""
data-testid=""
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M19 9l-7 7-7-7"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
/>
</svg>
</span>
</button>
<div
class="border-ds-gray-secondary p-4 border-0 pt-0 text-xs"
data-state="open"
id="radix-:r0:"
style="transition-duration: 0s; animation-name: none;"
>
<div
class="pb-4 pl-4 pt-2"
>
<div
class="flex"
|
|
Run tests:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/BillingDetails.test.tsx#L107
TestingLibraryElementError: Unable to find an element with the text: /Address Card/. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div>
<div
class="flex flex-col divide-y border"
>
<div
class="flex items-center justify-between gap-4 p-4"
>
<div>
<h3
class="font-semibold"
>
Billing details
</h3>
<p
class="pt-1 text-xs text-ds-gray-octonary"
>
You can modify your billing details. To update your tax IDs, please
<a
class="
font-sans cursor-pointer
hover:underline
focus:ring-2
text-ds-blue-darker inline-flex items-center gap-1"
data-cy="support"
data-marketing="support"
href="https://codecovpro.zendesk.com/hc/en-us"
target="_blank"
>
contact support
<span
class="text-ds-gray-quinary"
>
<svg
class="w-4 h-4"
data-icon=""
data-testid=""
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
/>
</svg>
</span>
</a>
</p>
</div>
<button
class="
flex items-center gap-1
rounded py-1 px-4
transition-colors duration-150 motion-reduce:transition-none
focus:outline-none focus:ring
disabled:cursor-not-allowed
disabled:text-ds-gray-quaternary disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary
justify-center font-semibold
text-ds-gray-octonary bg-ds-gray-primary border-ds-gray-quaternary
border-solid border shadow
hover:bg-ds-gray-secondary
flex-none"
data-cy="button"
data-marketing="button"
data-testid="button"
>
Edit payment
</button>
</div>
Email Address
<div>
<div
class="border-ds-gray-secondary m-0 border-0"
data-state="open"
>
<button
aria-controls="radix-:r2:"
aria-expanded="true"
class="flex w-full items-center justify-between text-left hover:bg-ds-gray-primary [&_#expandable-icon]:data-[state=open]:rotate-180 p-4"
data-state="open"
type="button"
>
<span>
<h3
class="font-semibold"
>
Primary Payment Method
</h3>
</span>
<span
class="rotate-0 transition-transform"
id="expandable-icon"
>
<svg
class="w-4 h-4"
data-icon=""
data-testid=""
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M19 9l-7 7-7-7"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
/>
</svg>
</span>
</button>
<div
class="border-ds-gray-secondary p-4 border-0 pt-0 text-xs"
data-state="open"
id="radix-:r2:"
style="transition-duration: 0s; animation-name: none;"
>
<div
class="pb-4 pl-4 pt-2"
>
<div
class="flex"
|
|
Run tests:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentMethodContainer/Address/AddressCard.test.tsx#L171
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name `/update/i`
Here are the accessible roles:
paragraph:
Name "":
<p
class="mt-4"
/>
--------------------------------------------------
button:
Name "Set address":
<button
class="
flex items-center gap-1
rounded py-1 px-4
transition-colors duration-150 motion-reduce:transition-none
focus:outline-none focus:ring
disabled:cursor-not-allowed
disabled:text-ds-gray-quaternary disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary
justify-center font-semibold
text-white bg-ds-blue-darker dark:bg-ds-blue-nonary border-ds-blue-quinary
border-solid border shadow
hover:bg-ds-blue-quinary
"
data-cy="open-modal"
data-marketing="open-modal"
data-testid="open-modal"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body
class="light"
>
<div>
<div
class="flex gap-2"
>
<div
class="flex flex-col gap-4 text-ds-gray-quinary"
>
<p
class="mt-4"
>
No address has been set. Please contact support if you think it’s an error or set it yourself.
</p>
<div
class="flex self-start"
>
<button
class="
flex items-center gap-1
rounded py-1 px-4
transition-colors duration-150 motion-reduce:transition-none
focus:outline-none focus:ring
disabled:cursor-not-allowed
disabled:text-ds-gray-quaternary disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary
justify-center font-semibold
text-white bg-ds-blue-darker dark:bg-ds-blue-nonary border-ds-blue-quinary
border-solid border shadow
hover:bg-ds-blue-quinary
"
data-cy="open-modal"
data-marketing="open-modal"
data-testid="open-modal"
>
Set address
</button>
</div>
</div>
</div>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentMethodContainer/Address/AddressCard.test.tsx:171:18
|
|
Run tests:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentMethodContainer/Address/AddressCard.test.tsx#L227
TestingLibraryElementError: Unable to find an element with the text: Cardholder name. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body
class="light"
>
<div>
<div
class="flex gap-2"
>
<div>
<h4
class="mb-2 font-semibold"
>
Billing address
</h4>
<p>
</p>
<p>
12345
</p>
</div>
</div>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentMethodContainer/Address/AddressCard.test.tsx:227:21
|
|
Run tests:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentMethodContainer/Address/AddressCard.test.tsx#L244
TestingLibraryElementError: Unable to find an element with the text: /Cardholder name/. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body
class="light"
>
<div>
<div
class="flex gap-2"
>
<div>
<h4
class="mb-2 font-semibold"
>
Billing address
</h4>
<p>
123 Sesame St. Apt A
</p>
<p>
San Francisco,
CA 12345
</p>
</div>
</div>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentMethodContainer/Address/AddressCard.test.tsx:244:21
|
|
Run tests:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentMethodContainer/Address/AddressCard.test.tsx#L266
TestingLibraryElementError: Unable to find an element by: [data-testid="edit-address"]
Ignored nodes: comments, script, style
<body
class="light"
>
<div>
<div
class="flex gap-2"
>
<div>
<h4
class="mb-2 font-semibold"
>
Billing address
</h4>
<p>
123 Sesame St. Apt A
</p>
<p>
San Francisco,
CA 12345
</p>
</div>
</div>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentMethodContainer/Address/AddressCard.test.tsx:266:31
|
|
Run tests:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentMethodContainer/Address/AddressCard.test.tsx#L292
TestingLibraryElementError: Unable to find an element by: [data-testid="edit-address"]
Ignored nodes: comments, script, style
<body
class="light"
>
<div>
<div
class="flex gap-2"
>
<div>
<h4
class="mb-2 font-semibold"
>
Billing address
</h4>
<p>
123 Sesame St. Apt A
</p>
<p>
San Francisco,
CA 12345
</p>
</div>
</div>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentMethodContainer/Address/AddressCard.test.tsx:292:31
|
|
Run tests:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentMethodContainer/Address/AddressCard.test.tsx#L315
TestingLibraryElementError: Unable to find an element by: [data-testid="edit-address"]
Ignored nodes: comments, script, style
<body
class="light"
>
<div>
<div
class="flex gap-2"
>
<div>
<h4
class="mb-2 font-semibold"
>
Billing address
</h4>
<p>
123 Sesame St. Apt A
</p>
<p>
San Francisco,
CA 12345
</p>
</div>
</div>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentMethodContainer/Address/AddressCard.test.tsx:315:33
|
|
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
Loading