Skip to content

Conversation

DougReeder
Copy link
Contributor

What?

Adds Storybook test cases for scene-ui.js
Also rounds out a few other Storybook stories.

Why?

  1. They didn't exist yet, and production code was changed to use the Web Share API.
  2. The other stories didn't fully test what they were supposed to.

How to test

  1. Run npm run storybook
  2. Surf to http://localhost:6006/?path=/story/scene-ui--base
  3. Examine each of the scene-ui stories (Show unavailable has white text on a white background, as Storybook could use better style configuration).
  4. Navigate to the ChatSidebar — Base story
  5. Vary the window width, to see how line breaking behaves.
  6. Navigate to Tip — Tooltips
  7. In the Controls section at the bottom, select each test case and inspect the UI.

Limitations

None of the Mobile test cases for Tooltip worked before, and they still don't. The UI in the actual app is fine. It's not clear why Storybook gives bad results here.

Alternatives considered

If the Mobile test cases for Tooltip were included, it would be natural for a dev to conclude the actual UI is wrong. That would waste dev time on something that isn't broken in the actual app.

Open questions

How could Storybook be better configured, or the Tooltip story better written?

Additional details or related context

This depends on Matt's Storybook fixes. #6563

…e broken due to them not being kept up to date with components. all pages now display correctly and no console warnings/errors are printed (migration away from old-style required React prop-types was part of this). this should make quick QA verification possible; 2. storybook has been updated to eliminate some race conditions, which necessitated updating webpack, babel, and some older modules whose CommonJS exports were no longer acceptable. Some of these upgrade are incrementally toward updating react-admin (a future PR goal), so it's all good. 3. to clean up the webpack config, the browserlistrc has been updated to exclude pre-WebGL2 and pre-ES7 browsers. This should reduce the bundle size and have a runtime performance uplift since more built-ins will be used instead of JS fallbacks.
…el, but this required bumping our minimum safari version to match pdfjs' constraints. I didn't update to latest so that we can still reasonably support Safari 14.1 (iPhone 6S, iPad Air 2, iPad mini 3), and Chrome 105 (Pico XR 4, Meta Quest 1). This excludes previous support for iOS 10 (iPhone 6, iPad Air) and Chrome 91 (Oculus Go). the typescript config was tightened slightly to try and surface this class of import/export mismatch at build-time in the future.
@DougReeder DougReeder force-pushed the storybook-tips branch 2 times, most recently from 4d26050 to ec9f73f Compare August 27, 2025 03:52
matthargett and others added 9 commits August 30, 2025 10:51
Why: not functional without an account of our own
… and put a visible vertical scrollbar on the content panel
  - Logo stays fixed at top (never scrolls away)
  - Menu items scroll in dedicated area below logo
  - Single scroll area - no more double scrolling
  - Scroll indicators appear/disappear properly when content overflows
  - Works with Material-UI - no fighting the framework
Why: They didn't exist yet, and production code was changed to use the Web Share API.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants