feat: Add ACH payment method #6545
ci.yml
on: pull_request
Install deps
14s
Build Self Hosted Image
/
Build Self Hosted App
1m 5s
Codecov Startup
/
Codecov Startup
17s
Generate runner indexes Vitest
3s
Run Lint
1m 6s
Run Type Checker
40s
Run Prettier Check
31s
Upload Bundle Stats - Production
44s
Upload Bundle Stats - Staging
40s
Run storybook
1m 37s
Run Fossa
13s
Build Self Hosted Image
/
Push Self Hosted Image
0s
Build Self Hosted Image
/
Push Self Hosted Release Image
0s
Matrix: test-vitest
Build App
0s
Push Self Hosted Image
/
Push Self Hosted Image
Push Self Hosted Image
/
Push Self Hosted Release Image
Annotations
76 errors and 12 warnings
Run Prettier Check
Process completed with exit code 1.
|
Run Type Checker:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.test.tsx#L88
Type '{ subscriptionDetail: null; provider: string; owner: string; }' is missing the following properties from type 'AddressCardProps': isEditMode, setEditMode
|
Run Type Checker:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.test.tsx#L180
Type '{ subscriptionDetail: { defaultPaymentMethod: { billingDetails: { address: { state: string | null; city: string | null; country: string | null; line1: string | null; line2: string | null; postalCode: string | null; } | null; name: string | null; email: string | null; phone: string | null; } | null; card?: { ...; } |...' is missing the following properties from type 'AddressCardProps': isEditMode, setEditMode
|
Run Type Checker:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.test.tsx#L236
Type '{ subscriptionDetail: { defaultPaymentMethod: { billingDetails: { address: { state: string | null; city: string | null; country: string | null; line1: string | null; line2: string | null; postalCode: string | null; } | null; name: string | null; email: string | null; phone: string | null; } | null; card?: { ...; } |...' is missing the following properties from type 'AddressCardProps': isEditMode, setEditMode
|
Run Type Checker:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.test.tsx#L259
Type '{ subscriptionDetail: { defaultPaymentMethod: { billingDetails: { address: { state: string | null; city: string | null; country: string | null; line1: string | null; line2: string | null; postalCode: string | null; } | null; name: string | null; email: string | null; phone: string | null; } | null; card?: { ...; } |...' is missing the following properties from type 'AddressCardProps': isEditMode, setEditMode
|
Run Type Checker:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.test.tsx#L285
Type '{ subscriptionDetail: { defaultPaymentMethod: { billingDetails: { address: { state: string | null; city: string | null; country: string | null; line1: string | null; line2: string | null; postalCode: string | null; } | null; name: string | null; email: string | null; phone: string | null; } | null; card?: { ...; } |...' is missing the following properties from type 'AddressCardProps': isEditMode, setEditMode
|
Run Type Checker:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.test.tsx#L308
Type '{ subscriptionDetail: { defaultPaymentMethod: { billingDetails: { address: { state: string | null; city: string | null; country: string | null; line1: string | null; line2: string | null; postalCode: string | null; } | null; name: string | null; email: string | null; phone: string | null; } | null; card?: { ...; } |...' is missing the following properties from type 'AddressCardProps': isEditMode, setEditMode
|
Run Type Checker:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.test.tsx#L330
Type '{ subscriptionDetail: { defaultPaymentMethod: { billingDetails: { address: { state: string | null; city: string | null; country: string | null; line1: string | null; line2: string | null; postalCode: string | null; } | null; name: string | null; email: string | null; phone: string | null; } | null; card?: { ...; } |...' is missing the following properties from type 'AddressCardProps': isEditMode, setEditMode
|
Run Type Checker:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.test.tsx#L357
Type '{ subscriptionDetail: { defaultPaymentMethod: { billingDetails: { address: { state: string | null; city: string | null; country: string | null; line1: string | null; line2: string | null; postalCode: string | null; } | null; name: string | null; email: string | null; phone: string | null; } | null; card?: { ...; } |...' is missing the following properties from type 'AddressCardProps': isEditMode, setEditMode
|
Run Type Checker:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.test.tsx#L379
Type '{ subscriptionDetail: { defaultPaymentMethod: { billingDetails: { address: { state: string | null; city: string | null; country: string | null; line1: string | null; line2: string | null; postalCode: string | null; } | null; name: string | null; email: string | null; phone: string | null; } | null; card?: { ...; } |...' is missing the following properties from type 'AddressCardProps': isEditMode, setEditMode
|
Run Type Checker:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/EditPaymentMethod/EditPaymentMethodForm.tsx#L64
Type '{ children: string; hook: string; type: "submit"; variant: string; disabled: boolean; onClick: (event: FormEvent<Element>) => Promise<void>; to: undefined; }' is not assignable to type 'IntrinsicAttributes & Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & RefAttributes<...>'.
|
Upload Bundle Stats - Staging:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/EditPaymentMethod/EditPaymentMethodForm.tsx#L64
Type '{ children: string; hook: string; type: "submit"; variant: string; disabled: boolean; onClick: (event: FormEvent<Element>) => Promise<void>; to: undefined; }' is not assignable to type 'IntrinsicAttributes & Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & RefAttributes<...>'.
|
Upload Bundle Stats - Staging:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/EditPaymentMethod/EditPaymentMethodForm.tsx#L75
Type '{ children: string; type: "button"; hook: string; variant: string; onClick: () => void; to: undefined; }' is not assignable to type 'IntrinsicAttributes & Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & RefAttributes<...>'.
|
Upload Bundle Stats - Staging:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.test.tsx#L88
Type '{ subscriptionDetail: null; provider: string; owner: string; }' is missing the following properties from type 'AddressCardProps': isEditMode, setEditMode
|
Upload Bundle Stats - Staging:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.test.tsx#L180
Type '{ subscriptionDetail: { defaultPaymentMethod: { billingDetails: { address: { state: string | null; city: string | null; country: string | null; line1: string | null; line2: string | null; postalCode: string | null; } | null; name: string | null; email: string | null; phone: string | null; } | null; card?: { ...; } |...' is missing the following properties from type 'AddressCardProps': isEditMode, setEditMode
|
Upload Bundle Stats - Staging:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.test.tsx#L236
Type '{ subscriptionDetail: { defaultPaymentMethod: { billingDetails: { address: { state: string | null; city: string | null; country: string | null; line1: string | null; line2: string | null; postalCode: string | null; } | null; name: string | null; email: string | null; phone: string | null; } | null; card?: { ...; } |...' is missing the following properties from type 'AddressCardProps': isEditMode, setEditMode
|
Upload Bundle Stats - Staging:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.test.tsx#L259
Type '{ subscriptionDetail: { defaultPaymentMethod: { billingDetails: { address: { state: string | null; city: string | null; country: string | null; line1: string | null; line2: string | null; postalCode: string | null; } | null; name: string | null; email: string | null; phone: string | null; } | null; card?: { ...; } |...' is missing the following properties from type 'AddressCardProps': isEditMode, setEditMode
|
Upload Bundle Stats - Staging:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.test.tsx#L285
Type '{ subscriptionDetail: { defaultPaymentMethod: { billingDetails: { address: { state: string | null; city: string | null; country: string | null; line1: string | null; line2: string | null; postalCode: string | null; } | null; name: string | null; email: string | null; phone: string | null; } | null; card?: { ...; } |...' is missing the following properties from type 'AddressCardProps': isEditMode, setEditMode
|
Upload Bundle Stats - Staging:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.test.tsx#L308
Type '{ subscriptionDetail: { defaultPaymentMethod: { billingDetails: { address: { state: string | null; city: string | null; country: string | null; line1: string | null; line2: string | null; postalCode: string | null; } | null; name: string | null; email: string | null; phone: string | null; } | null; card?: { ...; } |...' is missing the following properties from type 'AddressCardProps': isEditMode, setEditMode
|
Upload Bundle Stats - Staging:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.test.tsx#L330
Type '{ subscriptionDetail: { defaultPaymentMethod: { billingDetails: { address: { state: string | null; city: string | null; country: string | null; line1: string | null; line2: string | null; postalCode: string | null; } | null; name: string | null; email: string | null; phone: string | null; } | null; card?: { ...; } |...' is missing the following properties from type 'AddressCardProps': isEditMode, setEditMode
|
Upload Bundle Stats - Staging:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.test.tsx#L357
Type '{ subscriptionDetail: { defaultPaymentMethod: { billingDetails: { address: { state: string | null; city: string | null; country: string | null; line1: string | null; line2: string | null; postalCode: string | null; } | null; name: string | null; email: string | null; phone: string | null; } | null; card?: { ...; } |...' is missing the following properties from type 'AddressCardProps': isEditMode, setEditMode
|
Build Self Hosted Image / Build Self Hosted App
Process completed with exit code 2.
|
Upload Bundle Stats - Production:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/EditPaymentMethod/EditPaymentMethodForm.tsx#L64
Type '{ children: string; hook: string; type: "submit"; variant: string; disabled: boolean; onClick: (event: FormEvent<Element>) => Promise<void>; to: undefined; }' is not assignable to type 'IntrinsicAttributes & Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & RefAttributes<...>'.
|
Upload Bundle Stats - Production:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/EditPaymentMethod/EditPaymentMethodForm.tsx#L75
Type '{ children: string; type: "button"; hook: string; variant: string; onClick: () => void; to: undefined; }' is not assignable to type 'IntrinsicAttributes & Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & RefAttributes<...>'.
|
Upload Bundle Stats - Production:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.test.tsx#L88
Type '{ subscriptionDetail: null; provider: string; owner: string; }' is missing the following properties from type 'AddressCardProps': isEditMode, setEditMode
|
Upload Bundle Stats - Production:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.test.tsx#L180
Type '{ subscriptionDetail: { defaultPaymentMethod: { billingDetails: { address: { state: string | null; city: string | null; country: string | null; line1: string | null; line2: string | null; postalCode: string | null; } | null; name: string | null; email: string | null; phone: string | null; } | null; card?: { ...; } |...' is missing the following properties from type 'AddressCardProps': isEditMode, setEditMode
|
Upload Bundle Stats - Production:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.test.tsx#L236
Type '{ subscriptionDetail: { defaultPaymentMethod: { billingDetails: { address: { state: string | null; city: string | null; country: string | null; line1: string | null; line2: string | null; postalCode: string | null; } | null; name: string | null; email: string | null; phone: string | null; } | null; card?: { ...; } |...' is missing the following properties from type 'AddressCardProps': isEditMode, setEditMode
|
Upload Bundle Stats - Production:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.test.tsx#L259
Type '{ subscriptionDetail: { defaultPaymentMethod: { billingDetails: { address: { state: string | null; city: string | null; country: string | null; line1: string | null; line2: string | null; postalCode: string | null; } | null; name: string | null; email: string | null; phone: string | null; } | null; card?: { ...; } |...' is missing the following properties from type 'AddressCardProps': isEditMode, setEditMode
|
Upload Bundle Stats - Production:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.test.tsx#L285
Type '{ subscriptionDetail: { defaultPaymentMethod: { billingDetails: { address: { state: string | null; city: string | null; country: string | null; line1: string | null; line2: string | null; postalCode: string | null; } | null; name: string | null; email: string | null; phone: string | null; } | null; card?: { ...; } |...' is missing the following properties from type 'AddressCardProps': isEditMode, setEditMode
|
Upload Bundle Stats - Production:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.test.tsx#L308
Type '{ subscriptionDetail: { defaultPaymentMethod: { billingDetails: { address: { state: string | null; city: string | null; country: string | null; line1: string | null; line2: string | null; postalCode: string | null; } | null; name: string | null; email: string | null; phone: string | null; } | null; card?: { ...; } |...' is missing the following properties from type 'AddressCardProps': isEditMode, setEditMode
|
Upload Bundle Stats - Production:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.test.tsx#L330
Type '{ subscriptionDetail: { defaultPaymentMethod: { billingDetails: { address: { state: string | null; city: string | null; country: string | null; line1: string | null; line2: string | null; postalCode: string | null; } | null; name: string | null; email: string | null; phone: string | null; } | null; card?: { ...; } |...' is missing the following properties from type 'AddressCardProps': isEditMode, setEditMode
|
Upload Bundle Stats - Production:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.test.tsx#L357
Type '{ subscriptionDetail: { defaultPaymentMethod: { billingDetails: { address: { state: string | null; city: string | null; country: string | null; line1: string | null; line2: string | null; postalCode: string | null; } | null; name: string | null; email: string | null; phone: string | null; } | null; card?: { ...; } |...' is missing the following properties from type 'AddressCardProps': isEditMode, setEditMode
|
Run Lint:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.tsx#L1
'useState' is defined but never used. Allowed unused vars must match /^_/u
|
Run Lint:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.tsx#L9
'A' is defined but never used. Allowed unused vars must match /^_/u
|
Run Lint:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.tsx#L11
'Icon' is defined but never used. Allowed unused vars must match /^_/u
|
Run Lint:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/EditPaymentMethod/EditPaymentMethodForm.tsx#L13
'isEditMode' is defined but never used. Allowed unused args must match /^_/u
|
Run Lint:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/EditPaymentMethod/EditPaymentMethodForm.tsx#L14
'setEditMode' is defined but never used. Allowed unused args must match /^_/u
|
Run Lint:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/EditPaymentMethod/EditPaymentMethodForm.tsx#L15
'provider' is defined but never used. Allowed unused args must match /^_/u
|
Run Lint:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/EditPaymentMethod/EditPaymentMethodForm.tsx#L16
'owner' is defined but never used. Allowed unused args must match /^_/u
|
Run Lint:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentCard/PaymentCard.tsx#L2
'useState' is defined but never used. Allowed unused vars must match /^_/u
|
Run Lint:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentCard/PaymentCard.tsx#L10
'A' is defined but never used. Allowed unused vars must match /^_/u
|
Run Lint:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentCard/PaymentCard.tsx#L12
'Icon' is defined but never used. Allowed unused vars must match /^_/u
|
Unhandled error:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.tsx#L115
TypeError: setEditMode is not a function
❯ onClick src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.tsx:115:15
❯ 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/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.
|
Unhandled error:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.tsx#L115
TypeError: setEditMode is not a function
❯ onClick src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.tsx:115:15
❯ 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/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.
|
Unhandled error:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentCard/PaymentCard.tsx#L55
TypeError: setEditMode is not a function
❯ onClick src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentCard/PaymentCard.tsx:55:20
❯ 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/PaymentCard/PaymentCard.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 the card 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.
|
Unhandled error:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentCard/PaymentCard.tsx#L55
TypeError: setEditMode is not a function
❯ onClick src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentCard/PaymentCard.tsx:55:20
❯ 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/PaymentCard/PaymentCard.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 form". 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.
|
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.test.tsx > AddressCard > when the user doesn't have billing details > when the user clicks on "Set Address" > renders the address form component:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/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/Address/AddressCard.test.tsx:171:18
|
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.test.tsx > AddressCard > when the user has an address > can render partial information too:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/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/Address/AddressCard.test.tsx:227:21
|
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.test.tsx > AddressCard > when the user has an address > renders the card holder information:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/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/Address/AddressCard.test.tsx:244:21
|
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.test.tsx > AddressCard > when the user clicks on Edit > doesn't render the card anymore:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/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/Address/AddressCard.test.tsx:266:31
|
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.test.tsx > AddressCard > when the user clicks on Edit > renders the form:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/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/Address/AddressCard.test.tsx:292:31
|
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/Address/AddressCard.test.tsx > AddressCard > when the user clicks on Edit > when submitting > calls the service to update the address:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/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/Address/AddressCard.test.tsx:315:33
|
Test Runner #7 - Vitest
The job was canceled because "_2" failed.
|
Test Runner #8 - Vitest
The job was canceled because "_2" failed.
|
Test Runner #4 - Vitest
The job was canceled because "_2" failed.
|
Test Runner #4 - Vitest
The operation was canceled.
|
Test Runner #5 - Vitest
The job was canceled because "_2" failed.
|
Test Runner #5 - Vitest
The operation was canceled.
|
Test Runner #6 - Vitest
The job was canceled because "_2" failed.
|
Test Runner #6 - Vitest
The operation was canceled.
|
Test Runner #0 - Vitest
The job was canceled because "_2" failed.
|
Test Runner #0 - Vitest
The operation was canceled.
|
Test Runner #1 - Vitest
The job was canceled because "_2" failed.
|
Test Runner #1 - Vitest
The operation was canceled.
|
src/pages/PlanPage/PlanPage.test.jsx > PlanPage > when user is not part of the org > redirects the user to the org page:
src/pages/PlanPage/PlanPage.test.jsx#L109
AssertionError: expected '/plan/gh/codecov' to be '/gh/codecov' // Object.is equality
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div />
</body>
</html>
Expected: "/gh/codecov"
Received: "/plan/gh/codecov"
❯ src/pages/PlanPage/PlanPage.test.jsx:109:57
❯ runWithExpensiveErrorDiagnosticsDisabled node_modules/@testing-library/dom/dist/config.js:47:12
❯ checkCallback node_modules/@testing-library/dom/dist/wait-for.js:124:77
❯ Timeout.checkRealTimersCallback node_modules/@testing-library/dom/dist/wait-for.js:118:16
|
src/pages/PlanPage/PlanPage.test.jsx > PlanPage > when the environment is self-hosted > redirects the user to the org page:
src/pages/PlanPage/PlanPage.test.jsx#L127
AssertionError: expected '/plan/gh/codecov' to be '/gh/codecov' // Object.is equality
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div />
</body>
</html>
Expected: "/gh/codecov"
Received: "/plan/gh/codecov"
❯ src/pages/PlanPage/PlanPage.test.jsx:127:57
❯ runWithExpensiveErrorDiagnosticsDisabled node_modules/@testing-library/dom/dist/config.js:47:12
❯ checkCallback node_modules/@testing-library/dom/dist/wait-for.js:124:77
❯ Timeout.checkRealTimersCallback node_modules/@testing-library/dom/dist/wait-for.js:118:16
|
src/pages/PlanPage/PlanPage.test.jsx > PlanPage > when the owner is part of org > renders tabs component:
src/pages/PlanPage/PlanPage.test.jsx#L145
TestingLibraryElementError: Unable to find an element with the text: /Tabs/. 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 />
</body>
Ignored nodes: comments, script, style
<body>
<div />
</body>
❯ waitForWrapper node_modules/@testing-library/dom/dist/wait-for.js:163:27
❯ node_modules/@testing-library/dom/dist/query-helpers.js:86:33
❯ src/pages/PlanPage/PlanPage.test.jsx:145:33
|
src/pages/PlanPage/PlanPage.test.jsx > PlanPage > testing routes > on root route > renders current org plan page:
src/pages/PlanPage/PlanPage.test.jsx#L165
TestingLibraryElementError: Unable to find an element with the text: /CurrentOrgPlan/. 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 />
</body>
Ignored nodes: comments, script, style
<body>
<div />
</body>
❯ waitForWrapper node_modules/@testing-library/dom/dist/wait-for.js:163:27
❯ node_modules/@testing-library/dom/dist/query-helpers.js:86:33
❯ src/pages/PlanPage/PlanPage.test.jsx:165:46
|
src/pages/PlanPage/PlanPage.test.jsx > PlanPage > testing routes > on upgrade path > renders upgrade plan page:
src/pages/PlanPage/PlanPage.test.jsx#L174
TestingLibraryElementError: Unable to find an element with the text: /UpgradePlanPage/. 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 />
</body>
Ignored nodes: comments, script, style
<body>
<div />
</body>
❯ waitForWrapper node_modules/@testing-library/dom/dist/wait-for.js:163:27
❯ node_modules/@testing-library/dom/dist/query-helpers.js:86:33
❯ src/pages/PlanPage/PlanPage.test.jsx:174:46
|
src/pages/PlanPage/PlanPage.test.jsx > PlanPage > testing routes > on invoices path > renders invoices page:
src/pages/PlanPage/PlanPage.test.jsx#L183
TestingLibraryElementError: Unable to find an element with the text: /InvoicesPage/. 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 />
</body>
Ignored nodes: comments, script, style
<body>
<div />
</body>
❯ waitForWrapper node_modules/@testing-library/dom/dist/wait-for.js:163:27
❯ node_modules/@testing-library/dom/dist/query-helpers.js:86:33
❯ src/pages/PlanPage/PlanPage.test.jsx:183:43
|
src/pages/PlanPage/PlanPage.test.jsx > PlanPage > testing routes > on invoices id path > renders invoices details page:
src/pages/PlanPage/PlanPage.test.jsx#L195
TestingLibraryElementError: Unable to find an element with the text: /InvoiceDetailsPage/. 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 />
</body>
Ignored nodes: comments, script, style
<body>
<div />
</body>
❯ waitForWrapper node_modules/@testing-library/dom/dist/wait-for.js:163:27
❯ node_modules/@testing-library/dom/dist/query-helpers.js:86:33
❯ src/pages/PlanPage/PlanPage.test.jsx:195:24
|
src/pages/PlanPage/PlanPage.test.jsx > PlanPage > testing routes > on cancel path > renders cancel plan page:
src/pages/PlanPage/PlanPage.test.jsx#L204
TestingLibraryElementError: Unable to find an element with the text: /CancelPlanPage/. 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 />
</body>
Ignored nodes: comments, script, style
<body>
<div />
</body>
❯ waitForWrapper node_modules/@testing-library/dom/dist/wait-for.js:163:27
❯ node_modules/@testing-library/dom/dist/query-helpers.js:86:33
❯ src/pages/PlanPage/PlanPage.test.jsx:204:45
|
src/pages/PlanPage/PlanPage.test.jsx > PlanPage > testing routes > on random path > redirects the user to the current plan page:
src/pages/PlanPage/PlanPage.test.jsx#L214
AssertionError: expected '/plan/gh/codecov/blah' to be '/plan/gh/codecov' // Object.is equality
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div />
</body>
</html>
Expected: "/plan/gh/codecov"
Received: "/plan/gh/codecov/blah"
❯ src/pages/PlanPage/PlanPage.test.jsx:214:41
❯ runWithExpensiveErrorDiagnosticsDisabled node_modules/@testing-library/dom/dist/config.js:47:12
❯ checkCallback node_modules/@testing-library/dom/dist/wait-for.js:124:77
❯ Timeout.checkRealTimersCallback node_modules/@testing-library/dom/dist/wait-for.js:118:16
|
Test Runner #1 - Vitest
Process completed with exit code 1.
|
Test Runner #3 - Vitest
The job was canceled because "_2" failed.
|
Test Runner #3 - Vitest
The operation was canceled.
|
Install deps
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
Generate runner indexes Vitest
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
Run Fossa
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
Codecov Startup / Codecov Startup
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
Run Prettier Check
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
Run Type Checker
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
Upload Bundle Stats - Staging
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
Build Self Hosted Image / Build Self Hosted App
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
Upload Bundle Stats - Production
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
Run Lint
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
Run storybook
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
Test Runner #2 - Vitest
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|