Add measure to package/nx/workspace.json & update snapshots

2025-03-21 05:02:39 +08:00 · 2021-07-10 19:26:27 +08:00 · 2021-07-10 19:26:27 +08:00 · c165b36b7e
commit c165b36b7e
parent 080f1b2d9b
14 changed files with 43 additions and 34 deletions
--- a/examples/angular-cli/src/stories/snapshots/welcome-storybook.stories.storyshot
+++ b/examples/angular-cli/src/stories/snapshots/welcome-storybook.stories.storyshot
@ -3,47 +3,47 @@
 exports[`Storyshots Welcome/ To Storybook To Storybook 1`] = `
 <storybook-wrapper>
  <storybook-welcome-component
-    _nghost-a-c151=""
+    _nghost-a-c152=""
  >
    <main
-      _ngcontent-a-c151=""
+      _ngcontent-a-c152=""
    >
      <h1
-        _ngcontent-a-c151=""
+        _ngcontent-a-c152=""
      >
        Welcome to storybook
      </h1>
      <p
-        _ngcontent-a-c151=""
+        _ngcontent-a-c152=""
      >
        This is a UI component dev environment for your app.
      </p>
      <p
-        _ngcontent-a-c151=""
+        _ngcontent-a-c152=""
      >
         We've added some basic stories inside the 
        <span
-          _ngcontent-a-c151=""
+          _ngcontent-a-c152=""
          class="inline-code"
        >
          src/stories
        </span>
         directory. 
        <br
-          _ngcontent-a-c151=""
+          _ngcontent-a-c152=""
        />
         A story is a single state of one or more UI components. You can have as many stories as you want. 
        <br
-          _ngcontent-a-c151=""
+          _ngcontent-a-c152=""
        />
         (Basically a story is like a visual test case.) 
      </p>
      <p
-        _ngcontent-a-c151=""
+        _ngcontent-a-c152=""
      >
         See these sample 
        <a
-          _ngcontent-a-c151=""
+          _ngcontent-a-c152=""
          role="button"
          tabindex="0"
        >
@ -51,7 +51,7 @@ exports[`Storyshots Welcome/ To Storybook To Storybook 1`] = `
        </a>
         for a component called 
        <span
-          _ngcontent-a-c151=""
+          _ngcontent-a-c152=""
          class="inline-code"
        >
          Button
@ -59,26 +59,26 @@ exports[`Storyshots Welcome/ To Storybook To Storybook 1`] = `
         . 
      </p>
      <p
-        _ngcontent-a-c151=""
+        _ngcontent-a-c152=""
      >
         Just like that, you can add your own components as stories. 
        <br
-          _ngcontent-a-c151=""
+          _ngcontent-a-c152=""
        />
         You can also edit those components and see changes right away. 
        <br
-          _ngcontent-a-c151=""
+          _ngcontent-a-c152=""
        />
         (Try editing the 
        <span
-          _ngcontent-a-c151=""
+          _ngcontent-a-c152=""
          class="inline-code"
        >
          Button
        </span>
         stories located at 
        <span
-          _ngcontent-a-c151=""
+          _ngcontent-a-c152=""
          class="inline-code"
        >
          src/stories/index.js
@ -86,15 +86,15 @@ exports[`Storyshots Welcome/ To Storybook To Storybook 1`] = `
        .) 
      </p>
      <p
-        _ngcontent-a-c151=""
+        _ngcontent-a-c152=""
      >
         Usually we create stories with smaller UI components in the app.
        <br
-          _ngcontent-a-c151=""
+          _ngcontent-a-c152=""
        />
         Have a look at the 
        <a
-          _ngcontent-a-c151=""
+          _ngcontent-a-c152=""
          href="https://storybook.js.org/basics/writing-stories"
          rel="noopener noreferrer"
          target="_blank"
@ -104,20 +104,20 @@ exports[`Storyshots Welcome/ To Storybook To Storybook 1`] = `
         section in our documentation. 
      </p>
      <p
-        _ngcontent-a-c151=""
+        _ngcontent-a-c152=""
        class="note"
      >
        <b
-          _ngcontent-a-c151=""
+          _ngcontent-a-c152=""
        >
          NOTE:
        </b>
        <br
-          _ngcontent-a-c151=""
+          _ngcontent-a-c152=""
        />
         Have a look at the 
        <span
-          _ngcontent-a-c151=""
+          _ngcontent-a-c152=""
          class="inline-code"
        >
          .storybook/webpack.config.js
--- a/examples/angular-cli/src/stories/core/styles/snapshots/story-styles.stories.storyshot
+++ b/examples/angular-cli/src/stories/core/styles/snapshots/story-styles.stories.storyshot
@ -3,7 +3,7 @@
 exports[`Storyshots Core / Story host styles With Args 1`] = `
 <storybook-wrapper>
  <storybook-button-component
-    _ngcontent-a-c144=""
+    _ngcontent-a-c145=""
    _nghost-a-c43=""
    ng-reflect-text="Button with custom styles"
  >
@ -19,7 +19,7 @@ exports[`Storyshots Core / Story host styles With Args 1`] = `
 exports[`Storyshots Core / Story host styles With story template 1`] = `
 <storybook-wrapper>
  <storybook-button-component
-    _ngcontent-a-c143=""
+    _ngcontent-a-c144=""
    _nghost-a-c43=""
    ng-reflect-text="Button with custom styles"
  >
--- a/lib/core-server/src/snapshots/cra-ts-essentials_manager-dev
+++ b/lib/core-server/src/snapshots/cra-ts-essentials_manager-dev
@ -10,7 +10,7 @@ Object {
    "ROOT/addons/actions/dist/esm/register.js",
    "ROOT/addons/backgrounds/dist/esm/register.js",
    "ROOT/addons/toolbars/dist/esm/register.js",
-    "NODE_MODULES/@storybook/addon-measure/dist/esm/preset/manager.js",
+    "ROOT/addons/measure/dist/esm/register.js",
    "ROOT/addons/outline/dist/esm/register.js",
  ],
  "keys": Array [
--- a/lib/core-server/src/snapshots/cra-ts-essentials_manager-prod
+++ b/lib/core-server/src/snapshots/cra-ts-essentials_manager-prod
@ -10,7 +10,7 @@ Object {
    "ROOT/addons/actions/dist/esm/register.js",
    "ROOT/addons/backgrounds/dist/esm/register.js",
    "ROOT/addons/toolbars/dist/esm/register.js",
-    "NODE_MODULES/@storybook/addon-measure/dist/esm/preset/manager.js",
+    "ROOT/addons/measure/dist/esm/register.js",
    "ROOT/addons/outline/dist/esm/register.js",
  ],
  "keys": Array [
--- a/lib/core-server/src/snapshots/cra-ts-essentials_preview-dev
+++ b/lib/core-server/src/snapshots/cra-ts-essentials_preview-dev
@ -12,7 +12,7 @@ Object {
    "ROOT/addons/actions/dist/esm/preset/addArgs.js-generated-other-entry.js",
    "ROOT/addons/backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js",
    "ROOT/addons/backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js",
-    "NODE_MODULES/@storybook/addon-measure/dist/esm/preset/preview.js-generated-other-entry.js",
+    "ROOT/addons/measure/dist/esm/preset/addDecorator.js-generated-other-entry.js",
    "ROOT/addons/outline/dist/esm/preset/addDecorator.js-generated-other-entry.js",
    "ROOT/examples/cra-ts-essentials/.storybook/preview.js-generated-config-entry.js",
    "ROOT/examples/cra-ts-essentials/.storybook/generated-stories-entry.js",
--- a/lib/core-server/src/snapshots/cra-ts-essentials_preview-prod
+++ b/lib/core-server/src/snapshots/cra-ts-essentials_preview-prod
@ -12,7 +12,7 @@ Object {
    "ROOT/addons/actions/dist/esm/preset/addArgs.js-generated-other-entry.js",
    "ROOT/addons/backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js",
    "ROOT/addons/backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js",
-    "NODE_MODULES/@storybook/addon-measure/dist/esm/preset/preview.js-generated-other-entry.js",
+    "ROOT/addons/measure/dist/esm/preset/addDecorator.js-generated-other-entry.js",
    "ROOT/addons/outline/dist/esm/preset/addDecorator.js-generated-other-entry.js",
    "ROOT/examples/cra-ts-essentials/.storybook/preview.js-generated-config-entry.js",
    "ROOT/examples/cra-ts-essentials/.storybook/generated-stories-entry.js",
--- a/lib/core-server/src/snapshots/vue-3-cli_manager-dev
+++ b/lib/core-server/src/snapshots/vue-3-cli_manager-dev
@ -12,7 +12,7 @@ Object {
    "ROOT/addons/backgrounds/dist/esm/register.js",
    "ROOT/addons/viewport/dist/esm/register.js",
    "ROOT/addons/toolbars/dist/esm/register.js",
-    "NODE_MODULES/@storybook/addon-measure/dist/esm/preset/manager.js",
+    "ROOT/addons/measure/dist/esm/register.js",
    "ROOT/addons/outline/dist/esm/register.js",
  ],
  "keys": Array [
--- a/lib/core-server/src/snapshots/vue-3-cli_manager-prod
+++ b/lib/core-server/src/snapshots/vue-3-cli_manager-prod
@ -12,7 +12,7 @@ Object {
    "ROOT/addons/backgrounds/dist/esm/register.js",
    "ROOT/addons/viewport/dist/esm/register.js",
    "ROOT/addons/toolbars/dist/esm/register.js",
-    "NODE_MODULES/@storybook/addon-measure/dist/esm/preset/manager.js",
+    "ROOT/addons/measure/dist/esm/register.js",
    "ROOT/addons/outline/dist/esm/register.js",
  ],
  "keys": Array [
--- a/lib/core-server/src/snapshots/vue-3-cli_preview-dev
+++ b/lib/core-server/src/snapshots/vue-3-cli_preview-dev
@ -13,7 +13,7 @@ Object {
    "ROOT/addons/actions/dist/esm/preset/addArgs.js-generated-other-entry.js",
    "ROOT/addons/backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js",
    "ROOT/addons/backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js",
-    "NODE_MODULES/@storybook/addon-measure/dist/esm/preset/preview.js-generated-other-entry.js",
+    "ROOT/addons/measure/dist/esm/preset/addDecorator.js-generated-other-entry.js",
    "ROOT/addons/outline/dist/esm/preset/addDecorator.js-generated-other-entry.js",
    "ROOT/examples/vue-3-cli/.storybook/preview.ts-generated-config-entry.js",
    "ROOT/examples/vue-3-cli/.storybook/generated-stories-entry.js",
--- a/lib/core-server/src/snapshots/vue-3-cli_preview-prod
+++ b/lib/core-server/src/snapshots/vue-3-cli_preview-prod
@ -13,7 +13,7 @@ Object {
    "ROOT/addons/actions/dist/esm/preset/addArgs.js-generated-other-entry.js",
    "ROOT/addons/backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js",
    "ROOT/addons/backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js",
-    "NODE_MODULES/@storybook/addon-measure/dist/esm/preset/preview.js-generated-other-entry.js",
+    "ROOT/addons/measure/dist/esm/preset/addDecorator.js-generated-other-entry.js",
    "ROOT/addons/outline/dist/esm/preset/addDecorator.js-generated-other-entry.js",
    "ROOT/examples/vue-3-cli/.storybook/preview.ts-generated-config-entry.js",
    "ROOT/examples/vue-3-cli/.storybook/generated-stories-entry.js",
--- a/nx.json
+++ b/nx.json
@ -43,6 +43,9 @@
    "@storybook/addon-links": {
      "implicitDependencies": []
    },
+    "@storybook/addon-measure": {
+      "implicitDependencies": []
+    },
    "@storybook/addon-outline": {
      "implicitDependencies": []
    },
--- a/package.json
+++ b/package.json
@ -134,6 +134,7 @@
    "@storybook/addon-essentials": "workspace:*",
    "@storybook/addon-jest": "workspace:*",
    "@storybook/addon-links": "workspace:*",
+    "@storybook/addon-measure": "workspace:*",
    "@storybook/addon-outline": "workspace:*",
    "@storybook/addon-storyshots": "workspace:*",
    "@storybook/addon-storyshots-puppeteer": "workspace:*",
--- a/workspace.json
+++ b/workspace.json
@ -33,6 +33,10 @@
      "root": "addons/links",
      "type": "library"
    },
+    "@storybook/addon-measure": {
+      "root": "addons/measure",
+      "type": "library"
+    },
    "@storybook/addon-outline": {
      "root": "addons/outline",
      "type": "library"
--- a/yarn.lock
+++ b/yarn.lock
@ -5869,7 +5869,7 @@ __metadata:
  languageName: unknown
  linkType: soft

-"@storybook/addon-measure@6.4.0-alpha.13, @storybook/addon-measure@workspace:addons/measure":
+"@storybook/addon-measure@6.4.0-alpha.13, @storybook/addon-measure@workspace:*, @storybook/addon-measure@workspace:addons/measure":
  version: 0.0.0-use.local
  resolution: "@storybook/addon-measure@workspace:addons/measure"
  dependencies:
@ -7274,6 +7274,7 @@ __metadata:
    "@storybook/addon-essentials": "workspace:*"
    "@storybook/addon-jest": "workspace:*"
    "@storybook/addon-links": "workspace:*"
+    "@storybook/addon-measure": "workspace:*"
    "@storybook/addon-outline": "workspace:*"
    "@storybook/addon-storyshots": "workspace:*"
    "@storybook/addon-storyshots-puppeteer": "workspace:*"