Skip to content
This repository has been archived by the owner on Oct 7, 2022. It is now read-only.

integrate Storybook for further frontend development #98

Merged
merged 10 commits into from
Sep 2, 2021

Conversation

Carla-Moz
Copy link
Contributor

closes #91

Copy link
Contributor

@hamilton hamilton left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Largely looks good to me – thanks for taking this on! I think we can ditch all of the example components and assets that are not Rally-specific. They're not really needed. In the case of the mdx doc, that might be good to keep & make it rally-specific. What do you think?

Left a few specific comments as well ~

static/rally.css Outdated Show resolved Hide resolved
src/stories/Page.svelte Outdated Show resolved Hide resolved
src/stories/Introduction.stories.mdx Outdated Show resolved Hide resolved
README.md Outdated Show resolved Hide resolved
.storybook/main.cjs Outdated Show resolved Hide resolved
Carla-Moz and others added 9 commits September 2, 2021 12:22
* flatten out and run one browser and config per overall run, and be more aggressive about re-trying obscured elements

* run one combo of browser+extension+headlss per-test-run

* add readme explaining screenshots dir

* leave Chrome non-headless commented out, but fix command to make it easier to enable later

* move the extension log scraping to a utility function

* start figuring out how to load studies into firestore

* use trigger function to create user documents

* study add admin script, might move this to a cloud function

* add rules so we can tests in emulator and deploy from here

* add rules with explanations for why they are needed, and make the auth trigger create all the needed documents

* switch to pulling studies from studies subcollection instead of enrolledStudies map, and update test extension to latest rally-sdk which does this as well

* switch svelte app to use user studies subcollection

* add watch target which runs emulators

* add the studyId as a custom token, so we can check using firestore rules

* user studies are now individual documents in firestore

* no longer need to import canned data, set it up at the begining of the test instead

* load data before running tests

* load data before running tests

* create user for test runs

* comment

* email user must sign in after verification to get new token with email_verified claim

* wait for emulated google auth window to appear

* remove debug

* start the UI in watch mode

* enable source maps, so debugging selenium tests is easy

* add missing await, and search for the proper log messages

* remove rally-sdk from main package.json, only need it when updating the test extension

* keep studies list as typescript for now

* fix entrypoint for functions

* fix main entry point for functions

* temporarily disable, debugging slow animations

* more reliable way to wait for slow elements

* run svelte in dev mode for run watch

* load static studies list more reliably in watch mode

* do not run prebuild

* upgrade to latest rally-sdk, no longer fires the useless first pause state change callback

* remove rally sdk

* remove redundant command

* remove firefox nightly support, just use release

* rename test to something more appropriate

* remove unused imports

* more verbose logging if element is not found or clickable

* import readline

* update test extension to latest rally-sdk

* remove rally from main package.json for circle

* see if disabling notifications helps with intermittent test failures

* await action, and load firefox extensions temporarily due to release firefox

* only load firefox extensions when flag is passed

* move rally ID generation to cloud function

* use npm run dev vs. watch, for consistency

* do not create userStudy docs from backend, the site should do this

* change flag to emulator mode vs. test-integration mode

* squelch preventAssignment message

* make dev command output more self-explanatory, and also detail in README

* remove unused dependency, and make build target build functions too

* fix bad merge

* iterate over studies list vs. hardcoded exampleStudy1, also prefer emulator-mode to integration-mode

* use studyId vs addonId

* put studyId as a value in the doc for expedience

* use userStudies and studyID consistently, and watch whole collection not individual docs

* remove debugging

* use studyId not studyID

* set studyId inside

* pause before loading data

* listen for changes after signup too, which resolves broken test

* only check extension logs on firefox until we get cross-browser study cards

* Remove debugging
@Carla-Moz Carla-Moz self-assigned this Sep 2, 2021
@Carla-Moz Carla-Moz merged commit 65df355 into mozilla-rally:master Sep 2, 2021
Carla-Moz added a commit to Carla-Moz/rally-web-platform that referenced this pull request Sep 3, 2021
* set up

* updated README for storybook

* applied requested changes

* fixed conflicts

* Cloud functions and rules (mozilla-rally#101)

* flatten out and run one browser and config per overall run, and be more aggressive about re-trying obscured elements

* run one combo of browser+extension+headlss per-test-run

* add readme explaining screenshots dir

* leave Chrome non-headless commented out, but fix command to make it easier to enable later

* move the extension log scraping to a utility function

* start figuring out how to load studies into firestore

* use trigger function to create user documents

* study add admin script, might move this to a cloud function

* add rules so we can tests in emulator and deploy from here

* add rules with explanations for why they are needed, and make the auth trigger create all the needed documents

* switch to pulling studies from studies subcollection instead of enrolledStudies map, and update test extension to latest rally-sdk which does this as well

* switch svelte app to use user studies subcollection

* add watch target which runs emulators

* add the studyId as a custom token, so we can check using firestore rules

* user studies are now individual documents in firestore

* no longer need to import canned data, set it up at the begining of the test instead

* load data before running tests

* load data before running tests

* create user for test runs

* comment

* email user must sign in after verification to get new token with email_verified claim

* wait for emulated google auth window to appear

* remove debug

* start the UI in watch mode

* enable source maps, so debugging selenium tests is easy

* add missing await, and search for the proper log messages

* remove rally-sdk from main package.json, only need it when updating the test extension

* keep studies list as typescript for now

* fix entrypoint for functions

* fix main entry point for functions

* temporarily disable, debugging slow animations

* more reliable way to wait for slow elements

* run svelte in dev mode for run watch

* load static studies list more reliably in watch mode

* do not run prebuild

* upgrade to latest rally-sdk, no longer fires the useless first pause state change callback

* remove rally sdk

* remove redundant command

* remove firefox nightly support, just use release

* rename test to something more appropriate

* remove unused imports

* more verbose logging if element is not found or clickable

* import readline

* update test extension to latest rally-sdk

* remove rally from main package.json for circle

* see if disabling notifications helps with intermittent test failures

* await action, and load firefox extensions temporarily due to release firefox

* only load firefox extensions when flag is passed

* move rally ID generation to cloud function

* use npm run dev vs. watch, for consistency

* do not create userStudy docs from backend, the site should do this

* change flag to emulator mode vs. test-integration mode

* squelch preventAssignment message

* make dev command output more self-explanatory, and also detail in README

* remove unused dependency, and make build target build functions too

* fix bad merge

* iterate over studies list vs. hardcoded exampleStudy1, also prefer emulator-mode to integration-mode

* use studyId vs addonId

* put studyId as a value in the doc for expedience

* use userStudies and studyID consistently, and watch whole collection not individual docs

* remove debugging

* use studyId not studyID

* set studyId inside

* pause before loading data

* listen for changes after signup too, which resolves broken test

* only check extension logs on firefox until we get cross-browser study cards

* Remove debugging

* got latest

* got latest

* setting up

* resolved conflicts

* returned tgconfig to original

Co-authored-by: Robert Helmer <[email protected]>
Carla-Moz added a commit to Carla-Moz/rally-web-platform that referenced this pull request Sep 3, 2021
* set up

* updated README for storybook

* applied requested changes

* fixed conflicts

* Cloud functions and rules (mozilla-rally#101)

* flatten out and run one browser and config per overall run, and be more aggressive about re-trying obscured elements

* run one combo of browser+extension+headlss per-test-run

* add readme explaining screenshots dir

* leave Chrome non-headless commented out, but fix command to make it easier to enable later

* move the extension log scraping to a utility function

* start figuring out how to load studies into firestore

* use trigger function to create user documents

* study add admin script, might move this to a cloud function

* add rules so we can tests in emulator and deploy from here

* add rules with explanations for why they are needed, and make the auth trigger create all the needed documents

* switch to pulling studies from studies subcollection instead of enrolledStudies map, and update test extension to latest rally-sdk which does this as well

* switch svelte app to use user studies subcollection

* add watch target which runs emulators

* add the studyId as a custom token, so we can check using firestore rules

* user studies are now individual documents in firestore

* no longer need to import canned data, set it up at the begining of the test instead

* load data before running tests

* load data before running tests

* create user for test runs

* comment

* email user must sign in after verification to get new token with email_verified claim

* wait for emulated google auth window to appear

* remove debug

* start the UI in watch mode

* enable source maps, so debugging selenium tests is easy

* add missing await, and search for the proper log messages

* remove rally-sdk from main package.json, only need it when updating the test extension

* keep studies list as typescript for now

* fix entrypoint for functions

* fix main entry point for functions

* temporarily disable, debugging slow animations

* more reliable way to wait for slow elements

* run svelte in dev mode for run watch

* load static studies list more reliably in watch mode

* do not run prebuild

* upgrade to latest rally-sdk, no longer fires the useless first pause state change callback

* remove rally sdk

* remove redundant command

* remove firefox nightly support, just use release

* rename test to something more appropriate

* remove unused imports

* more verbose logging if element is not found or clickable

* import readline

* update test extension to latest rally-sdk

* remove rally from main package.json for circle

* see if disabling notifications helps with intermittent test failures

* await action, and load firefox extensions temporarily due to release firefox

* only load firefox extensions when flag is passed

* move rally ID generation to cloud function

* use npm run dev vs. watch, for consistency

* do not create userStudy docs from backend, the site should do this

* change flag to emulator mode vs. test-integration mode

* squelch preventAssignment message

* make dev command output more self-explanatory, and also detail in README

* remove unused dependency, and make build target build functions too

* fix bad merge

* iterate over studies list vs. hardcoded exampleStudy1, also prefer emulator-mode to integration-mode

* use studyId vs addonId

* put studyId as a value in the doc for expedience

* use userStudies and studyID consistently, and watch whole collection not individual docs

* remove debugging

* use studyId not studyID

* set studyId inside

* pause before loading data

* listen for changes after signup too, which resolves broken test

* only check extension logs on firefox until we get cross-browser study cards

* Remove debugging

* got latest

* got latest

* setting up

* resolved conflicts

* returned tgconfig to original

Co-authored-by: Robert Helmer <[email protected]>
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

integrate Storybook for further frontend development
3 participants