feat: Add ACH payment method #6618
ci.yml
on: pull_request
Install deps
17s
Build Self Hosted Image
/
Build Self Hosted App
1m 2s
Codecov Startup
/
Codecov Startup
18s
Generate runner indexes Vitest
3s
Run Lint
1m 13s
Run Type Checker
37s
Run Prettier Check
34s
Upload Bundle Stats - Production
42s
Upload Bundle Stats - Staging
36s
Run storybook
1m 35s
Run Fossa
11s
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
69 errors and 12 warnings
Upload Bundle Stats - Staging:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/EditPaymentMethods/EditPaymentMethods.tsx#L64
Type 'string | null | undefined' is not assignable to type 'string | undefined'.
|
Upload Bundle Stats - Staging:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/EditPaymentMethods/PaymentMethod/PaymentMethodForm.tsx#L29
Object literal may only specify known properties, and 'clientSecret' does not exist in type 'StripeElementsUpdateOptions'.
|
Upload Bundle Stats - Staging:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/EditPaymentMethods/PaymentMethod/PaymentMethodForm.tsx#L40
Type 'string | null | undefined' is not assignable to type 'string'.
|
Upload Bundle Stats - Staging:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/ViewPaymentMethod/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/ViewPaymentMethod/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/ViewPaymentMethod/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/ViewPaymentMethod/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/ViewPaymentMethod/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/ViewPaymentMethod/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/ViewPaymentMethod/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
|
Build Self Hosted Image / Build Self Hosted App
Process completed with exit code 2.
|
Run Type Checker:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/EditPaymentMethods/EditPaymentMethods.tsx#L64
Type 'string | null | undefined' is not assignable to type 'string | undefined'.
|
Run Type Checker:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/EditPaymentMethods/PaymentMethod/PaymentMethodForm.tsx#L29
Object literal may only specify known properties, and 'clientSecret' does not exist in type 'StripeElementsUpdateOptions'.
|
Run Type Checker:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/EditPaymentMethods/PaymentMethod/PaymentMethodForm.tsx#L40
Type 'string | null | undefined' is not assignable to type 'string'.
|
Run Type Checker:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/ViewPaymentMethod/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/ViewPaymentMethod/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/ViewPaymentMethod/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/ViewPaymentMethod/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/ViewPaymentMethod/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/ViewPaymentMethod/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/ViewPaymentMethod/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/EditPaymentMethods/EditPaymentMethods.tsx#L64
Type 'string | null | undefined' is not assignable to type 'string | undefined'.
|
Upload Bundle Stats - Production:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/EditPaymentMethods/PaymentMethod/PaymentMethodForm.tsx#L29
Object literal may only specify known properties, and 'clientSecret' does not exist in type 'StripeElementsUpdateOptions'.
|
Upload Bundle Stats - Production:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/EditPaymentMethods/PaymentMethod/PaymentMethodForm.tsx#L40
Type 'string | null | undefined' is not assignable to type 'string'.
|
Upload Bundle Stats - Production:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/ViewPaymentMethod/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/ViewPaymentMethod/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/ViewPaymentMethod/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/ViewPaymentMethod/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/ViewPaymentMethod/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/ViewPaymentMethod/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/ViewPaymentMethod/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
|
src/services/account/useUpdateBillingEmail.test.tsx > useUpdateBillingEmail > when called > calls with the correct body:
src/services/account/useUpdateBillingEmail.test.tsx#L96
AssertionError: expected "spy" to be called with arguments: [ { new_email: '[email protected]' } ]
Received:
1st spy call:
Array [
Object {
"new_email": "[email protected]",
+ "should_propagate_to_payment_methods": true,
},
]
Number of calls: 1
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div />
</body>
</html>
❯ src/services/account/useUpdateBillingEmail.test.tsx:96:26
❯ 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/services/account/useUpdatePaymentMethod.test.tsx > useUpdateCard > when called > when the mutation is successful > returns the data from the server:
node_modules/@stripe/react-stripe-js/dist/react-stripe.js#L346
Error: Could not find Elements context; You need to wrap the part of your app that calls useElements() in an <Elements> provider.
❯ parseElementsContext node_modules/@stripe/react-stripe-js/dist/react-stripe.js:346:11
❯ useElementsContextWithUseCase node_modules/@stripe/react-stripe-js/dist/react-stripe.js:447:10
❯ Proxy.useElements node_modules/@stripe/react-stripe-js/dist/react-stripe.js:454:31
❯ Module.useUpdatePaymentMethod src/services/account/useUpdatePaymentMethod.ts:53:22
❯ src/services/account/useUpdatePaymentMethod.test.tsx:103:17
❯ TestComponent node_modules/@testing-library/react/dist/pure.js:309:27
❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/react-dom/cjs/react-dom.development.js:27465:14
|
src/services/account/useUpdatePaymentMethod.test.tsx > useUpdateCard > when called > when the mutation is not successful > does something:
node_modules/@stripe/react-stripe-js/dist/react-stripe.js#L346
Error: Could not find Elements context; You need to wrap the part of your app that calls useElements() in an <Elements> provider.
❯ parseElementsContext node_modules/@stripe/react-stripe-js/dist/react-stripe.js:346:11
❯ useElementsContextWithUseCase node_modules/@stripe/react-stripe-js/dist/react-stripe.js:447:10
❯ Proxy.useElements node_modules/@stripe/react-stripe-js/dist/react-stripe.js:454:31
❯ Module.useUpdatePaymentMethod src/services/account/useUpdatePaymentMethod.ts:53:22
❯ src/services/account/useUpdatePaymentMethod.test.tsx:143:17
❯ TestComponent node_modules/@testing-library/react/dist/pure.js:309:27
❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/react-dom/cjs/react-dom.development.js:27465:14
|
Test Runner #5 - Vitest
Process completed with exit code 1.
|
Test Runner #8 - Vitest
The job was canceled because "_5" failed.
|
Test Runner #2 - Vitest
The job was canceled because "_5" failed.
|
Test Runner #2 - Vitest
The operation was canceled.
|
Unhandled error:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/ViewPaymentMethod/Address/AddressCard.tsx#L92
TypeError: setEditMode is not a function
❯ onClick src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/ViewPaymentMethod/Address/AddressCard.tsx:92:9
❯ 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/ViewPaymentMethod/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/ViewPaymentMethod/Address/AddressCard.tsx#L92
TypeError: setEditMode is not a function
❯ onClick src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/ViewPaymentMethod/Address/AddressCard.tsx:92:9
❯ 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/ViewPaymentMethod/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.
|
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/BillingDetails.test.tsx > BillingDetails > when there is a subscription > renders the payment card:
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"
|
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/BillingDetails.test.tsx > BillingDetails > when there is a subscription > renders the address card:
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"
|
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/ViewPaymentMethod/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/ViewPaymentMethod/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/ViewPaymentMethod/Address/AddressCard.test.tsx:171:18
|
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/ViewPaymentMethod/Address/AddressCard.test.tsx > AddressCard > when the user has an address > can render partial information too:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/ViewPaymentMethod/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/ViewPaymentMethod/Address/AddressCard.test.tsx:227:21
|
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/ViewPaymentMethod/Address/AddressCard.test.tsx > AddressCard > when the user has an address > renders the card holder information:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/ViewPaymentMethod/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/ViewPaymentMethod/Address/AddressCard.test.tsx:244:21
|
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/ViewPaymentMethod/Address/AddressCard.test.tsx > AddressCard > when the user clicks on Edit > doesn't render the card anymore:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/ViewPaymentMethod/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/ViewPaymentMethod/Address/AddressCard.test.tsx:266:31
|
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/ViewPaymentMethod/Address/AddressCard.test.tsx > AddressCard > when the user clicks on Edit > renders the form:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/ViewPaymentMethod/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/ViewPaymentMethod/Address/AddressCard.test.tsx:292:31
|
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/ViewPaymentMethod/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/ViewPaymentMethod/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/ViewPaymentMethod/Address/AddressCard.test.tsx:315:33
|
Test Runner #4 - Vitest
The job was canceled because "_5" failed.
|
Test Runner #4 - Vitest
The operation was canceled.
|
Test Runner #0 - Vitest
The job was canceled because "_5" failed.
|
Test Runner #0 - Vitest
The operation was canceled.
|
Test Runner #7 - Vitest
The job was canceled because "_5" failed.
|
Test Runner #7 - Vitest
The operation was canceled.
|
Test Runner #1 - Vitest
The job was canceled because "_5" failed.
|
Unhandled error:
src/shared/ThemeContext/ThemeContext.tsx#L884
Error: useThemeContext must be used within a ThemeContextProvider
❯ Module.useThemeContext src/shared/ThemeContext/ThemeContext.tsx:884:11
❯ PlanPage src/pages/PlanPage/PlanPage.jsx:47:12
❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/react-dom/cjs/react-dom.development.js:26505:5
❯ renderRootSync node_modules/react-dom/cjs/react-dom.development.js:26473:7
❯ recoverFromConcurrentError node_modules/react-dom/cjs/react-dom.development.js:25889:20
This error originated in "src/pages/PlanPage/PlanPage.test.jsx" 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 "redirects the user to the org page". 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/shared/ThemeContext/ThemeContext.tsx#L884
Error: useThemeContext must be used within a ThemeContextProvider
❯ Module.useThemeContext src/shared/ThemeContext/ThemeContext.tsx:884:11
❯ PlanPage src/pages/PlanPage/PlanPage.jsx:47:12
❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/react-dom/cjs/react-dom.development.js:26505:5
❯ renderRootSync node_modules/react-dom/cjs/react-dom.development.js:26473:7
❯ recoverFromConcurrentError node_modules/react-dom/cjs/react-dom.development.js:25889:20
This error originated in "src/pages/PlanPage/PlanPage.test.jsx" 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 "redirects the user to the org page". 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/shared/ThemeContext/ThemeContext.tsx#L884
Error: useThemeContext must be used within a ThemeContextProvider
❯ Module.useThemeContext src/shared/ThemeContext/ThemeContext.tsx:884:11
❯ PlanPage src/pages/PlanPage/PlanPage.jsx:47:12
❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/react-dom/cjs/react-dom.development.js:26505:5
❯ renderRootSync node_modules/react-dom/cjs/react-dom.development.js:26473:7
❯ recoverFromConcurrentError node_modules/react-dom/cjs/react-dom.development.js:25889:20
This error originated in "src/pages/PlanPage/PlanPage.test.jsx" 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 tabs 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/shared/ThemeContext/ThemeContext.tsx#L884
Error: useThemeContext must be used within a ThemeContextProvider
❯ Module.useThemeContext src/shared/ThemeContext/ThemeContext.tsx:884:11
❯ PlanPage src/pages/PlanPage/PlanPage.jsx:47:12
❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/react-dom/cjs/react-dom.development.js:26505:5
❯ renderRootSync node_modules/react-dom/cjs/react-dom.development.js:26473:7
❯ recoverFromConcurrentError node_modules/react-dom/cjs/react-dom.development.js:25889:20
This error originated in "src/pages/PlanPage/PlanPage.test.jsx" 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 current org plan page". 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/shared/ThemeContext/ThemeContext.tsx#L884
Error: useThemeContext must be used within a ThemeContextProvider
❯ Module.useThemeContext src/shared/ThemeContext/ThemeContext.tsx:884:11
❯ PlanPage src/pages/PlanPage/PlanPage.jsx:47:12
❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/react-dom/cjs/react-dom.development.js:26505:5
❯ renderRootSync node_modules/react-dom/cjs/react-dom.development.js:26473:7
❯ recoverFromConcurrentError node_modules/react-dom/cjs/react-dom.development.js:25889:20
This error originated in "src/pages/PlanPage/PlanPage.test.jsx" 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 upgrade plan page". 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/shared/ThemeContext/ThemeContext.tsx#L884
Error: useThemeContext must be used within a ThemeContextProvider
❯ Module.useThemeContext src/shared/ThemeContext/ThemeContext.tsx:884:11
❯ PlanPage src/pages/PlanPage/PlanPage.jsx:47:12
❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/react-dom/cjs/react-dom.development.js:26505:5
❯ renderRootSync node_modules/react-dom/cjs/react-dom.development.js:26473:7
❯ recoverFromConcurrentError node_modules/react-dom/cjs/react-dom.development.js:25889:20
This error originated in "src/pages/PlanPage/PlanPage.test.jsx" 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 invoices page". 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/shared/ThemeContext/ThemeContext.tsx#L884
Error: useThemeContext must be used within a ThemeContextProvider
❯ Module.useThemeContext src/shared/ThemeContext/ThemeContext.tsx:884:11
❯ PlanPage src/pages/PlanPage/PlanPage.jsx:47:12
❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/react-dom/cjs/react-dom.development.js:26505:5
❯ renderRootSync node_modules/react-dom/cjs/react-dom.development.js:26473:7
❯ recoverFromConcurrentError node_modules/react-dom/cjs/react-dom.development.js:25889:20
This error originated in "src/pages/PlanPage/PlanPage.test.jsx" 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 invoices details page". 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/shared/ThemeContext/ThemeContext.tsx#L884
Error: useThemeContext must be used within a ThemeContextProvider
❯ Module.useThemeContext src/shared/ThemeContext/ThemeContext.tsx:884:11
❯ PlanPage src/pages/PlanPage/PlanPage.jsx:47:12
❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/react-dom/cjs/react-dom.development.js:26505:5
❯ renderRootSync node_modules/react-dom/cjs/react-dom.development.js:26473:7
❯ recoverFromConcurrentError node_modules/react-dom/cjs/react-dom.development.js:25889:20
This error originated in "src/pages/PlanPage/PlanPage.test.jsx" 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 cancel plan page". 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/shared/ThemeContext/ThemeContext.tsx#L884
Error: useThemeContext must be used within a ThemeContextProvider
❯ Module.useThemeContext src/shared/ThemeContext/ThemeContext.tsx:884:11
❯ PlanPage src/pages/PlanPage/PlanPage.jsx:47:12
❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/react-dom/cjs/react-dom.development.js:26505:5
❯ renderRootSync node_modules/react-dom/cjs/react-dom.development.js:26473:7
❯ recoverFromConcurrentError node_modules/react-dom/cjs/react-dom.development.js:25889:20
This error originated in "src/pages/PlanPage/PlanPage.test.jsx" 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 "redirects the user to the current plan page". 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/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
|
Test Runner #3 - Vitest
The job was canceled because "_5" failed.
|
Test Runner #3 - Vitest
The operation was canceled.
|
Test Runner #6 - Vitest
The job was canceled because "_5" failed.
|
Test Runner #6 - 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
|
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
|
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 - 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 #5 - Vitest
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|