@storybook/angular 7.6.0-alpha.2 → 7.6.0-alpha.4

package/dist/builders/build-storybook/schema.json

@@ -49,6 +49,11 @@
             "description": "Starts Storybook in documentation mode. Learn more about it : https://storybook.js.org/docs/react/writing-docs/build-documentation#preview-storybooks-documentation.",
             "default": false
         },
+        "test": {
+            "type": "boolean",
+            "description": "Build the static version of the sandbox optimized for testing purposes",
+            "default": false
+        },
         "compodoc": {
             "type": "boolean",
             "description": "Execute compodoc before.",

package/dist/client/angular-beta/AbstractRenderer.js

@@ -155,6 +155,7 @@ class AbstractRenderer {
         return hasChangedModuleMetadata;
     }
 }
+exports.AbstractRenderer = AbstractRenderer;
 _a = AbstractRenderer;
 /**
  * Reset compiled components because we often want to compile the same component with
@@ -177,4 +178,3 @@ AbstractRenderer.resetCompiledComponents = async () => {
          */
     }
 };
-exports.AbstractRenderer = AbstractRenderer;

package/dist/client/angular-beta/__testfixtures__/input.component.js

@@ -16,8 +16,8 @@ var ButtonAccent;
 (function (ButtonAccent) {
     ButtonAccent["Normal"] = "Normal";
     ButtonAccent["High"] = "High";
-})(ButtonAccent = exports.ButtonAccent || (exports.ButtonAccent = {}));
-let InputComponent = class InputComponent {
+})(ButtonAccent || (exports.ButtonAccent = ButtonAccent = {}));
+let InputComponent = exports.InputComponent = class InputComponent {
     constructor() {
         /** Appearance style of the button. */
         this.appearance = 'secondary';
@@ -58,10 +58,9 @@ __decorate([
     (0, core_1.Output)(),
     __metadata("design:type", Object)
 ], InputComponent.prototype, "onClick", void 0);
-InputComponent = __decorate([
+exports.InputComponent = InputComponent = __decorate([
     (0, core_1.Component)({
         selector: 'doc-button',
         template: '<button>{{ label }}</button>',
     })
 ], InputComponent);
-exports.InputComponent = InputComponent;

package/dist/client/angular-beta/__testfixtures__/test.module.js

@@ -10,11 +10,10 @@ exports.WithOfficialModule = void 0;
 const common_1 = require("@angular/common");
 const http_1 = require("@angular/common/http");
 const core_1 = require("@angular/core");
-let WithOfficialModule = class WithOfficialModule {
+let WithOfficialModule = exports.WithOfficialModule = class WithOfficialModule {
 };
-WithOfficialModule = __decorate([
+exports.WithOfficialModule = WithOfficialModule = __decorate([
     (0, core_1.NgModule)({
         imports: [common_1.CommonModule, http_1.HttpClientModule],
     })
 ], WithOfficialModule);
-exports.WithOfficialModule = WithOfficialModule;

package/dist/client/angular-beta/utils/PropertyExtractor.js

@@ -88,6 +88,7 @@ class PropertyExtractor {
         }
     }
 }
+exports.PropertyExtractor = PropertyExtractor;
 _a = PropertyExtractor;
 PropertyExtractor.analyzeRestricted = (ngModule) => {
     if (ngModule === platform_browser_1.BrowserModule) {
@@ -159,4 +160,3 @@ PropertyExtractor.isDecoratorInstanceOf = (decorator, name) => {
     }
     return decorator instanceof factory || decorator.ngMetadataName === name;
 };
-exports.PropertyExtractor = PropertyExtractor;

package/dist/client/docs/__testfixtures__/doc-button/input.js

@@ -20,7 +20,7 @@ var ButtonAccent;
 (function (ButtonAccent) {
     ButtonAccent["Normal"] = "Normal";
     ButtonAccent["High"] = "High";
-})(ButtonAccent = exports.ButtonAccent || (exports.ButtonAccent = {}));
+})(ButtonAccent || (exports.ButtonAccent = ButtonAccent = {}));
 /**
  * This is a simple button that demonstrates various JSDoc handling in Storybook Docs for Angular.
  *
@@ -34,7 +34,7 @@ var ButtonAccent;
  * @code `ThingThing`
  * @html <span class="badge">aaa</span>
  */
-let InputComponent = class InputComponent {
+let InputComponent = exports.InputComponent = class InputComponent {
     constructor() {
         /** Appearance style of the button. */
         this.appearance = 'secondary';
@@ -198,10 +198,9 @@ __decorate([
     __metadata("design:type", Array),
     __metadata("design:paramtypes", [Array])
 ], InputComponent.prototype, "item", null);
-InputComponent = __decorate([
+exports.InputComponent = InputComponent = __decorate([
     (0, core_1.Component)({
         selector: 'doc-button',
         template: '<button>{{ label }}</button>',
     })
 ], InputComponent);
-exports.InputComponent = InputComponent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "7.6.0-alpha.2",
+  "version": "7.6.0-alpha.4",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
@@ -37,20 +37,20 @@
     "prep": "../../../scripts/prepare/tsc.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.6.0-alpha.2",
-    "@storybook/cli": "7.6.0-alpha.2",
-    "@storybook/client-logger": "7.6.0-alpha.2",
-    "@storybook/core-common": "7.6.0-alpha.2",
-    "@storybook/core-events": "7.6.0-alpha.2",
-    "@storybook/core-server": "7.6.0-alpha.2",
-    "@storybook/core-webpack": "7.6.0-alpha.2",
-    "@storybook/docs-tools": "7.6.0-alpha.2",
+    "@storybook/builder-webpack5": "7.6.0-alpha.4",
+    "@storybook/cli": "7.6.0-alpha.4",
+    "@storybook/client-logger": "7.6.0-alpha.4",
+    "@storybook/core-common": "7.6.0-alpha.4",
+    "@storybook/core-events": "7.6.0-alpha.4",
+    "@storybook/core-server": "7.6.0-alpha.4",
+    "@storybook/core-webpack": "7.6.0-alpha.4",
+    "@storybook/docs-tools": "7.6.0-alpha.4",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.6.0-alpha.2",
-    "@storybook/node-logger": "7.6.0-alpha.2",
-    "@storybook/preview-api": "7.6.0-alpha.2",
-    "@storybook/telemetry": "7.6.0-alpha.2",
-    "@storybook/types": "7.6.0-alpha.2",
+    "@storybook/manager-api": "7.6.0-alpha.4",
+    "@storybook/node-logger": "7.6.0-alpha.4",
+    "@storybook/preview-api": "7.6.0-alpha.4",
+    "@storybook/telemetry": "7.6.0-alpha.4",
+    "@storybook/types": "7.6.0-alpha.4",
     "@types/node": "^18.0.0",
     "@types/react": "^16.14.34",
     "@types/react-dom": "^16.9.14",
@@ -81,7 +81,7 @@
     "@types/cross-spawn": "^6.0.2",
     "@types/tmp": "^0.2.3",
     "cross-spawn": "^7.0.3",
-    "jest": "^29.3.1",
+    "jest": "^29.7.0",
     "jest-preset-angular": "^13.0.1",
     "jest-specific-snapshot": "^8.0.0",
     "tmp": "^0.2.1",

package/template/cli/Page.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/angular';
 import { moduleMetadata } from '@storybook/angular';
-import { within, userEvent } from '@storybook/testing-library';
 import { CommonModule } from '@angular/common';
+import { within, userEvent, expect } from '@storybook/test';
 
 import Button from './button.component';
 import Header from './header.component';
@@ -38,9 +38,12 @@ export const LoggedIn: Story = {
   }),
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
-    const loginButton = await canvas.getByRole('button', {
-      name: /Log in/i,
-    });
+    const loginButton = canvas.getByRole('button', { name: /Log in/i });
+    await expect(loginButton).toBeInTheDocument();
     await userEvent.click(loginButton);
+    await expect(loginButton).not.toBeInTheDocument();
+
+    const logoutButton = canvas.getByRole('button', { name: /Log out/i });
+    await expect(logoutButton).toBeInTheDocument();
   },
 };