Add storybook stories to components missing stories in `assets/javascripts/vue_shared/purchase_flow` directory
Problem
It requires CustomersDot and GitLab instances running together locally to test changes to the purchase flow. We can provide storybooks for shared components there and it will cover isolated testing cases.
List of components:
ee/app/assets/javascripts/vue_shared/purchase_flow/components/checkout/billing_address.vue
ee/app/assets/javascripts/vue_shared/purchase_flow/components/checkout/confirm_order.vue
ee/app/assets/javascripts/vue_shared/purchase_flow/components/checkout/payment_method.vue
ee/app/assets/javascripts/vue_shared/purchase_flow/components/checkout/sprintf_with_links.vue
ee/app/assets/javascripts/vue_shared/purchase_flow/components/checkout/zuora.vue
ee/app/assets/javascripts/vue_shared/purchase_flow/components/step_header.vue
ee/app/assets/javascripts/vue_shared/purchase_flow/components/step_order_app.vue
ee/app/assets/javascripts/vue_shared/purchase_flow/components/step.vue
Component | Should we add a story? | Notes |
---|---|---|
BillingAddress | ||
ConfirmPayment | The component is a button with loading icon, doesn't bring much value to test in isolation | |
PaymentMethod | Covered in #342610 | |
SprintfWithLinks | Wrapper component, low need to test in isolation | |
Zuora | Covered in #342610 | |
StepHeader | Makes more sense to implement Step story and check it there |
|
StepOrderApp | Wrapper component | |
Step |
Initial storybook entries for BillingAddress
and Step
are being added as part of this MR: !139857 (diffs)
MRS list
Component | MR | State |
---|---|---|
Step | !140447 (merged) | Waiting for !139857 (merged) to be merged first |
BillingAddress | !140529 (merged) | Waiting for !139857 (merged) to be merged first |
Removed from the list as it is just a button |
Context
Follow-up: !138869 (comment 1687767017) for components under ee/app/assets/javascripts/vue_shared/purchase_flow
directory without storybook stories
it might be good to add some storybook stories for these components that are under the
vue_shared
directory. There's a wrapper that can be used to mock apollo too, which simplifies this.
Edited by Diana Zubova