feat: Cut over to Stripe PaymentElement #6703
suejung-sentryci.yml
on: pull_request
Install deps
17s
Build Self Hosted Image
/
Build Self Hosted App
4m 10s
Codecov Startup
/
Codecov Startup
17s
Generate runner indexes Vitest
2s
Run Lint
1m 12s
Run Type Checker
43s
Run Prettier Check
32s
Upload Bundle Stats - Production
1m 37s
Upload Bundle Stats - Staging
1m 41s
Run storybook
1m 43s
Run Fossa
18s
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
21 errors and 12 warnings
|
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentCard/PaymentMethodForm.test.tsx > PaymentMethodForm > when the user opens the Payment Method Form > doesn't render the View payment method anymore:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentCard/PaymentMethodForm.test.tsx#L100
TestingLibraryElementError: Unable to find an element by: [data-testid="update-payment-method"]
Ignored nodes: comments, script, style
<body>
<div>
<form
aria-label="form"
>
<div
class="flex flex-col gap-3"
>
<div
class="mt-2 flex flex-col gap-2"
>
<div
options="[object Object]"
/>
<p
class="mt-1 text-ds-primary-red"
/>
<div
class="mb-8 mt-4 flex gap-1"
>
<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="save-payment-method"
data-marketing="save-payment-method"
data-testid="save-payment-method"
type="submit"
>
Save
</button>
<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-quaternary
hover:text-ds-gray-octonary
focus:ring-0
"
data-cy="cancel-payment"
data-marketing="cancel-payment"
data-testid="cancel-payment"
type="button"
>
Cancel
</button>
</div>
</div>
</div>
</form>
</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/PaymentCard/PaymentMethodForm.test.tsx:100:31
|
|
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentCard/PaymentMethodForm.test.tsx > PaymentMethodForm > when the user opens the Payment Method Form > renders the form:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentCard/PaymentMethodForm.test.tsx#L121
TestingLibraryElementError: Unable to find an element by: [data-testid="update-payment-method"]
Ignored nodes: comments, script, style
<body>
<div>
<form
aria-label="form"
>
<div
class="flex flex-col gap-3"
>
<div
class="mt-2 flex flex-col gap-2"
>
<div
options="[object Object]"
/>
<p
class="mt-1 text-ds-primary-red"
/>
<div
class="mb-8 mt-4 flex gap-1"
>
<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="save-payment-method"
data-marketing="save-payment-method"
data-testid="save-payment-method"
type="submit"
>
Save
</button>
<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-quaternary
hover:text-ds-gray-octonary
focus:ring-0
"
data-cy="cancel-payment"
data-marketing="cancel-payment"
data-testid="cancel-payment"
type="button"
>
Cancel
</button>
</div>
</div>
</div>
</form>
</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/PaymentCard/PaymentMethodForm.test.tsx:121:31
|
|
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentCard/PaymentMethodForm.test.tsx > PaymentMethodForm > when the user opens the Payment Method Form > when submitting > calls the service to update the payment method:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentCard/PaymentMethodForm.test.tsx#L143
TestingLibraryElementError: Unable to find an element by: [data-testid="update-payment-method"]
Ignored nodes: comments, script, style
<body>
<div>
<form
aria-label="form"
>
<div
class="flex flex-col gap-3"
>
<div
class="mt-2 flex flex-col gap-2"
>
<div
options="[object Object]"
/>
<p
class="mt-1 text-ds-primary-red"
/>
<div
class="mb-8 mt-4 flex gap-1"
>
<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="save-payment-method"
data-marketing="save-payment-method"
data-testid="save-payment-method"
type="submit"
>
Save
</button>
<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-quaternary
hover:text-ds-gray-octonary
focus:ring-0
"
data-cy="cancel-payment"
data-marketing="cancel-payment"
data-testid="cancel-payment"
type="button"
>
Cancel
</button>
</div>
</div>
</div>
</form>
</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/PaymentCard/PaymentMethodForm.test.tsx:143:33
|
|
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentCard/PaymentMethodForm.test.tsx > PaymentMethodForm > when the user opens the Payment Method Form > when the user clicks on cancel > doesn't render the form anymore:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentCard/PaymentMethodForm.test.tsx#L166
TestingLibraryElementError: Unable to find an element by: [data-testid="update-payment-method"]
Ignored nodes: comments, script, style
<body>
<div>
<form
aria-label="form"
>
<div
class="flex flex-col gap-3"
>
<div
class="mt-2 flex flex-col gap-2"
>
<div
options="[object Object]"
/>
<p
class="mt-1 text-ds-primary-red"
/>
<div
class="mb-8 mt-4 flex gap-1"
>
<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="save-payment-method"
data-marketing="save-payment-method"
data-testid="save-payment-method"
type="submit"
>
Save
</button>
<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-quaternary
hover:text-ds-gray-octonary
focus:ring-0
"
data-cy="cancel-payment"
data-marketing="cancel-payment"
data-testid="cancel-payment"
type="button"
>
Cancel
</button>
</div>
</div>
</div>
</form>
</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/PaymentCard/PaymentMethodForm.test.tsx:166:33
|
|
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentCard/PaymentMethodForm.test.tsx > PaymentMethodForm > when there is an error in the form > renders the error:
src/pages/PlanPage/subRoutes/CurrentOrgPlan/BillingDetails/PaymentCard/PaymentMethodForm.test.tsx#L192
TestingLibraryElementError: Unable to find an element by: [data-testid="update-payment-method"]
Ignored nodes: comments, script, style
<body>
<div>
<form
aria-label="form"
>
<div
class="flex flex-col gap-3"
>
<div
class="mt-2 flex flex-col gap-2"
>
<div
options="[object Object]"
/>
<p
class="mt-1 text-ds-primary-red"
>
not rich enough
</p>
<div
class="mb-8 mt-4 flex gap-1"
>
<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="save-payment-method"
data-marketing="save-payment-method"
data-testid="save-payment-method"
type="submit"
>
Save
</button>
<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-quaternary
hover:text-ds-gray-octonary
focus:ring-0
"
data-cy="cancel-payment"
data-marketing="cancel-payment"
data-testid="cancel-payment"
type="button"
>
Cancel
</button>
</div>
</div>
</div>
</form>
</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/PaymentCard/PaymentMethodForm.test.tsx:192:31
|
|
Test Runner #2 - Vitest
Process completed with exit code 1.
|
|
Test Runner #8 - Vitest
The job was canceled because "_2" failed.
|
|
Test Runner #7 - Vitest
The job was canceled because "_2" failed.
|
|
Test Runner #7 - 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 #4 - Vitest
The job was canceled because "_2" failed.
|
|
Test Runner #4 - Vitest
The operation was canceled.
|
|
Test Runner #1 - Vitest
The job was canceled because "_2" failed.
|
|
Test Runner #1 - 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 #5 - Vitest
The job was canceled because "_2" failed.
|
|
Test Runner #5 - Vitest
The operation was canceled.
|
|
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
|
|
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 Fossa
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
|
|
Run Lint
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
|
|
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
|
|
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
|
|
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
|