update

packages/server/package.json

@@ -17,7 +17,7 @@
     "build:watch": "node ../../scripts/build-app.js watch ./src/ui/index.html ./dist /app/",
     "build:source-map-explorer": "npm run clean && npm run build && ../../scripts/source-map-explorer.sh",
     "build:storybook": "storybook build",
-    "start:storybook": "start-storybook -p 6006"
+    "start:storybook": "storybook dev -p 6006"
   },
   "dependencies": {
     "@lhci/utils": "0.1.0",

packages/server/test/ui/storybook.test.jsx

@@ -50,9 +50,9 @@ initStoryshots({
       await page.waitForTimeout(2000);
 
       const dimensions = await page.evaluate(() => {
-        // Note: #root is made by storybook, #storybook-test-root is made by us in preview.jsx
-        // #root > #storybook-test-root > some_element_being_tested
-        const elements = [...document.querySelectorAll('#root, #root *')];
+        // Note: #storybook-root is made by storybook, #storybook-test-root is made by us in preview.jsx
+        // #storybook-root > #storybook-test-root > some_element_being_tested
+        const elements = [...document.querySelectorAll('#storybook-root, #storybook-root *')];
         return {
           width: Math.ceil(Math.max(...elements.map(e => e.clientWidth))),
           height: Math.ceil(Math.max(...elements.map(e => e.clientHeight))),

scripts/build-app.js

@@ -124,8 +124,6 @@ async function main() {
   await context.rebuild();
   if (command === 'watch') {
     await context.watch();
-    await context.serve({port: 9009});
-    console.log('http://localhost:9009');
   } else {
     await context.dispose();
   }