@nx/vue 21.2.0-beta.2 → 21.2.0-beta.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/vue",
-  "version": "21.2.0-beta.2",
+  "version": "21.2.0-beta.3",
   "private": false,
   "description": "The Vue plugin for Nx contains executors and generators for managing Vue applications and libraries within an Nx workspace. It provides:\n\n\n- Integration with libraries such as Vitest, Playwright, Cypress, and Storybook.\n\n- Generators for applications, libraries, and more.\n\n- Library build support for publishing packages to npm or other registries.\n\n- Utilities for automatic workspace refactoring.",
   "repository": {
@@ -31,11 +31,11 @@
   "dependencies": {
     "picomatch": "^4.0.2",
     "tslib": "^2.3.0",
-    "@nx/devkit": "21.2.0-beta.2",
-    "@nx/js": "21.2.0-beta.2",
-    "@nx/eslint": "21.2.0-beta.2",
-    "@nx/vite": "21.2.0-beta.2",
-    "@nx/web": "21.2.0-beta.2"
+    "@nx/devkit": "21.2.0-beta.3",
+    "@nx/js": "21.2.0-beta.3",
+    "@nx/eslint": "21.2.0-beta.3",
+    "@nx/vite": "21.2.0-beta.3",
+    "@nx/web": "21.2.0-beta.3"
   },
   "publishConfig": {
     "access": "public"

package/src/generators/stories/lib/files/js/__componentFileName__.stories.js__tmpl__

@@ -1,7 +1,6 @@
 import componentName from './<%= componentImportFileName %>';
 <% if ( interactionTests ) { %>
-import { within } from '@storybook/testing-library';
-import { expect } from '@storybook/jest';
+import { expect } from 'storybook/test';
 <% } %>
 
 export default {
@@ -17,8 +16,7 @@ export const Primary = {
 
 <% if ( interactionTests ) { %>
 export const Heading: Story = {
-  play: async ({ canvasElement }) => {
-    const canvas = within(canvasElement);
+  play: async ({ canvas }) => {
     await expect(canvas.getByText(/Welcome to <%=componentName%>!/gi)).toBeTruthy();
   },
 };

package/src/generators/stories/lib/files/ts/__componentFileName__.stories.ts__tmpl__

@@ -1,8 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3';
 import <%= componentName %> from './<%= componentImportFileName %>';
 <% if ( interactionTests ) { %>
-import { within } from '@storybook/testing-library';
-import { expect } from '@storybook/jest';
+import { expect } from 'storybook/test';
 <% } %>
 
 const meta: Meta<typeof <%= componentName %>> = {
@@ -24,8 +23,7 @@ export const Heading: Story = {
   args: {<% for (let prop of props) { %>
     <%= prop.name %>:  <%- prop.defaultValue %>,<% } %>
   },
-  play: async ({ canvasElement }) => {
-    const canvas = within(canvasElement);
+  play: async ({ canvas }) => {
     await expect(canvas.getByText(/Welcome to <%=componentName%>!/gi)).toBeTruthy();
   },
 };

package/src/generators/stories/stories.d.ts

@@ -1,4 +1,4 @@
-import { GeneratorCallback, ProjectConfiguration, Tree } from '@nx/devkit';
+import { ProjectConfiguration, Tree } from '@nx/devkit';
 export interface StorybookStoriesSchema {
     project: string;
     interactionTests?: boolean;
@@ -7,5 +7,5 @@ export interface StorybookStoriesSchema {
     skipFormat?: boolean;
 }
 export declare function createAllStories(tree: Tree, projectName: string, interactionTests: boolean, js: boolean, projectConfiguration: ProjectConfiguration, ignorePaths?: string[]): Promise<void>;
-export declare function storiesGenerator(host: Tree, schema: StorybookStoriesSchema): Promise<GeneratorCallback>;
+export declare function storiesGenerator(host: Tree, schema: StorybookStoriesSchema): Promise<void>;
 export default storiesGenerator;

package/src/generators/stories/stories.js

@@ -4,7 +4,6 @@ exports.createAllStories = createAllStories;
 exports.storiesGenerator = storiesGenerator;
 const devkit_1 = require("@nx/devkit");
 const path_1 = require("path");
-const versions_1 = require("../../utils/versions");
 const component_story_1 = require("./lib/component-story");
 const picomatch = require("picomatch");
 async function createAllStories(tree, projectName, interactionTests, js, projectConfiguration, ignorePaths) {
@@ -47,15 +46,8 @@ async function storiesGenerator(host, schema) {
     const projectConfiguration = projects.get(schema.project);
     schema.interactionTests = schema.interactionTests ?? true;
     await createAllStories(host, schema.project, schema.interactionTests, schema.js, projectConfiguration, schema.ignorePaths);
-    const tasks = [];
-    if (schema.interactionTests) {
-        const { interactionTestsDependencies, addInteractionsInAddons } = (0, devkit_1.ensurePackage)('@nx/storybook', versions_1.nxVersion);
-        tasks.push((0, devkit_1.addDependenciesToPackageJson)(host, {}, interactionTestsDependencies()));
-        addInteractionsInAddons(host, projectConfiguration);
-    }
     if (!schema.skipFormat) {
         await (0, devkit_1.formatFiles)(host);
     }
-    return (0, devkit_1.runTasksInSerial)(...tasks);
 }
 exports.default = storiesGenerator;