Merge pull request #27426 from storybookjs/update-sub-path-imports-sn…

…ippets

Docs: Use absolute imports in module mocking snippets
(cherry picked from commit fa80d22)

docs/snippets/angular/before-each-in-meta-mock-date.ts.mdx

@@ -4,7 +4,7 @@ import type { Meta, StoryObj } from '@storybook/angular';
 import MockDate from 'mockdate';
 
 // 👇 Must include the `.mock` portion of filename to have mocks typed correctly
-import { getUserFromSession } from '../../api/session.mock';
+import { getUserFromSession } from '#api/session.mock';
 import { Page } from './Page';
 
 const meta: Meta<Page> = {

docs/snippets/angular/storybook-test-fn-mock-spy.ts.mdx

@@ -4,8 +4,8 @@ import type { Meta, StoryObj } from '@storybook/angular';
 import { expect, userEvent, within } from '@storybook/test';
 
 // 👇 Must include the `.mock` portion of filename to have mocks typed correctly
-import { saveNote } from '../../app/actions.mock';
-import { createNotes } from '../../mocks/notes';
+import { saveNote } from '#app/actions.mock';
+import { createNotes } from '#mocks/notes';
 import NoteUI from './note-ui';
 
 const meta: Meta<NoteUI> = {

docs/snippets/angular/storybook-test-mock-return-value.ts.mdx

@@ -3,7 +3,7 @@
 import type { Meta, StoryObj } from '@storybook/angular';
 
 // 👇 Must include the `.mock` portion of filename to have mocks typed correctly
-import { getUserFromSession } from '../../api/session.mock';
+import { getUserFromSession } from '#api/session.mock';
 import { Page } from './Page';
 
 const meta: Meta<Page> = {

docs/snippets/common/before-each-in-meta-mock-date.js.mdx

@@ -2,7 +2,7 @@
 // Page.stories.js
 import MockDate from 'mockdate';
 
-import { getUserFromSession } from '../../api/session.mock';
+import { getUserFromSession } from '#api/session.mock';
 import { Page } from './Page';
 
 export default {

docs/snippets/common/before-each-in-meta-mock-date.ts-4-9.mdx

@@ -5,7 +5,7 @@ import type { Meta, StoryObj } from '@storybook/your-renderer';
 import MockDate from 'mockdate';
 
 // 👇 Must include the `.mock` portion of filename to have mocks typed correctly
-import { getUserFromSession } from '../../api/session.mock';
+import { getUserFromSession } from '#api/session.mock';
 import { Page } from './Page';
 
 const meta = {

docs/snippets/common/before-each-in-meta-mock-date.ts.mdx

@@ -5,7 +5,7 @@ import type { Meta, StoryObj } from '@storybook/your-renderer';
 import MockDate from 'mockdate';
 
 // 👇 Must include the `.mock` portion of filename to have mocks typed correctly
-import { getUserFromSession } from '../../api/session.mock';
+import { getUserFromSession } from '#api/session.mock';
 import { Page } from './Page';
 
 const meta: Meta<typeof Page> = {

docs/snippets/common/storybook-test-fn-mock-spy.js.mdx

@@ -2,8 +2,8 @@
 // NoteUI.stories.js
 import { expect, userEvent, within } from '@storybook/test';
 
-import { saveNote } from '../../app/actions.mock';
-import { createNotes } from '../../mocks/notes';
+import { saveNote } from '#app/actions.mock';
+import { createNotes } from '#mocks/notes';
 import NoteUI from './note-ui';
 
 export default {

docs/snippets/common/storybook-test-fn-mock-spy.ts-4-9.mdx

@@ -5,8 +5,8 @@ import type { Meta, StoryObj } from '@storybook/your-renderer';
 import { expect, userEvent, within } from '@storybook/test';
 
 // 👇 Must include the `.mock` portion of filename to have mocks typed correctly
-import { saveNote } from '../../app/actions.mock';
-import { createNotes } from '../../mocks/notes';
+import { saveNote } from '#app/actions.mock';
+import { createNotes } from '#mocks/notes';
 import NoteUI from './note-ui';
 
 const meta = {

docs/snippets/common/storybook-test-fn-mock-spy.ts.mdx

@@ -5,8 +5,8 @@ import type { Meta, StoryObj } from '@storybook/your-renderer';
 import { expect, userEvent, within } from '@storybook/test';
 
 // 👇 Must include the `.mock` portion of filename to have mocks typed correctly
-import { saveNote } from '../../app/actions.mock';
-import { createNotes } from '../../mocks/notes';
+import { saveNote } from '#app/actions.mock';
+import { createNotes } from '#mocks/notes';
 import NoteUI from './note-ui';
 
 const meta: Meta<typeof NoteUI> = {

docs/snippets/common/storybook-test-mock-return-value.js.mdx

@@ -1,6 +1,6 @@
 ```js
 // Page.stories.js
-import { getUserFromSession } from '../../api/session.mock';
+import { getUserFromSession } from '#api/session.mock';
 import { Page } from './Page';
 
 export default {

docs/snippets/common/storybook-test-mock-return-value.ts-4-9.mdx

@@ -4,7 +4,7 @@
 import type { Meta, StoryObj } from '@storybook/your-renderer';
 
 // 👇 Must include the `.mock` portion of filename to have mocks typed correctly
-import { getUserFromSession } from '../../api/session.mock';
+import { getUserFromSession } from '#api/session.mock';
 import { Page } from './Page';
 
 const meta = {

docs/snippets/common/storybook-test-mock-return-value.ts.mdx

@@ -4,7 +4,7 @@
 import type { Meta, StoryObj } from '@storybook/your-renderer';
 
 // 👇 Must include the `.mock` portion of filename to have mocks typed correctly
-import { getUserFromSession } from '../../api/session.mock';
+import { getUserFromSession } from '#api/session.mock';
 import { Page } from './Page';
 
 const meta: Meta<typeof Page> = {

docs/snippets/web-components/before-each-in-meta-mock-date.ts.mdx

@@ -4,7 +4,7 @@ import type { Meta, StoryObj } from '@storybook/web-components';
 import MockDate from 'mockdate';
 
 // 👇 Must include the `.mock` portion of filename to have mocks typed correctly
-import { getUserFromSession } from '../../api/session.mock';
+import { getUserFromSession } from '#api/session.mock';
 
 const meta: Meta = {
   component: 'my-page',

docs/snippets/web-components/storybook-test-fn-mock-spy.js.mdx

@@ -2,8 +2,8 @@
 // NoteUI.stories.js
 import { expect, userEvent, within } from '@storybook/test';
 
-import { saveNote } from '../../app/actions.mock';
-import { createNotes } from '../../mocks/notes';
+import { saveNote } from '#app/actions.mock';
+import { createNotes } from '#mocks/notes';
 
 export default {
   title: 'Mocked/NoteUI',

docs/snippets/web-components/storybook-test-fn-mock-spy.ts.mdx

@@ -4,8 +4,8 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { expect, userEvent, within } from '@storybook/test';
 
 // 👇 Must include the `.mock` portion of filename to have mocks typed correctly
-import { saveNote } from '../../app/actions.mock';
-import { createNotes } from '../../mocks/notes';
+import { saveNote } from '#app/actions.mock';
+import { createNotes } from '#mocks/notes';
 
 const meta: Meta = {
   title: 'Mocked/NoteUI',

docs/snippets/web-components/storybook-test-mock-return-value.js.mdx

@@ -1,6 +1,6 @@
 ```js
 // Page.stories.js
-import { getUserFromSession } from '../../api/session.mock';
+import { getUserFromSession } from '#api/session.mock';
 
 export default {
   component: 'my-page',

docs/snippets/web-components/storybook-test-mock-return-value.ts.mdx

@@ -3,7 +3,7 @@
 import type { Meta, StoryObj } from '@storybook/web-components';
 
 // 👇 Must include the `.mock` portion of filename to have mocks typed correctly
-import { getUserFromSession } from '../../api/session.mock';
+import { getUserFromSession } from '#api/session.mock';
 
 const meta: Meta = {
   component: 'my-page',