Skip to content

Adds stories for namespace and project storage Usage Quotas apps

Kos Palchyk requested to merge kpalchyk/storybook-apollo-graphql into master

What does this MR do and why?

Adds storybook stories for ee/usage_quotas/storage/components/namespace_storage_app.vue and ~/usage_quotas/storage/components/project_storage_app.vue, mocking apollo graphql requests.

Main purpose of this MR is to add stories with apollo mocks. Stories need further improvement and should cover more cases. I expect to do that in follow-ups or during working on features for related apps.

I think by creating more fixture generated data, we could cover more edge cases, to be easier tested and presented through stories.

Screenshots or screen recordings

namespace proejct
image image

How to set up and validate locally

You might need namespace fixtures:

bundle exec rspec ee/spec/frontend/fixtures/namespace.rb
bundle exec rspec spec/frontend/fixtures/projects.rb

After generating fixtures — start storybook:

npm run storybook:start

And open http://localhost:9002/?path=/story/usage-quotas-storage-project-storage-app and http://localhost:9002/?path=/story/ee-usage-quotas-storage-namespace-storage-app

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Edited by Kos Palchyk

Merge request reports