feat: Cut over to Stripe PaymentElement #6703
Annotations
6 errors and 1 warning
|
Run tests:
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
|
|
Run tests:
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
|
|
Run tests:
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
|
|
Run tests:
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
|
|
Run tests:
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
|
|
Run tests
Process completed with exit code 1.
|
|
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
Loading