Skip to content

Update all dependencies #808

Update all dependencies

Update all dependencies #808

Triggered via pull request March 17, 2024 00:12
@tajotajo
opened #551
dep-up
Status Failure
Total duration 2m 26s
Artifacts

ci.yml

on: pull_request
Matrix: Build and Test
Fit to window
Zoom out
Zoom in

Annotations

25 errors and 5 warnings
tests/get-generated-list.test.ts > Single file with two stories: packages/ladle/tests/get-generated-list.test.ts#L9
Error: Snapshot `Single file with two stories 1` mismatched - Expected + Received " - import { lazy, createElement, Fragment } from \"react\"; - import composeEnhancers from \"/src/compose-enhancers\"; + import { lazy, createElement, Fragment } from "react"; + import composeEnhancers from "/src/compose-enhancers"; - const animals$$cat = lazy(() => import(\"tests/fixtures/animals.stories.tsx\").then(module => { + const animals$$cat = lazy(() => import("tests/fixtures/animals.stories.tsx").then(module => { return { - default: composeEnhancers(module, \"Cat\") + default: composeEnhancers(module, "Cat") }; })); - const animals$$dog = lazy(() => import(\"tests/fixtures/animals.stories.tsx\").then(module => { + const animals$$dog = lazy(() => import("tests/fixtures/animals.stories.tsx").then(module => { return { - default: composeEnhancers(module, \"Dog\") + default: composeEnhancers(module, "Dog") }; })); export let stories = { - \"animals--cat\": { + "animals--cat": { component: animals$$cat, locStart: 4, locEnd: 6, - entry: \"tests/fixtures/animals.stories.tsx\" + entry: "tests/fixtures/animals.stories.tsx" }, - \"animals--dog\": { + "animals--dog": { component: animals$$dog, locStart: 8, locEnd: 10, - entry: \"tests/fixtures/animals.stories.tsx\" + entry: "tests/fixtures/animals.stories.tsx" } }; - export let config = {\"stories\":\"src/**/*.stories.{js,jsx,ts,tsx,mdx}\",\"addons\":{\"control\":{\"enabled\":true,\"defaultState\":{}},\"theme\":{\"enabled\":true,\"defaultState\":\"light\"},\"mode\":{\"enabled\":true,\"defaultState\":\"full\"},\"rtl\":{\"enabled\":true,\"defaultState\":false},\"source\":{\"enabled\":true,\"defaultState\":false},\"a11y\":{\"enabled\":false},\"msw\":{\"enabled\":false},\"action\":{\"enabled\":true,\"defaultState\":[]},\"ladle\":{\"enabled\":true},\"width\":{\"enabled\":true,\"options\":{\"xsmall\":414,\"small\":640,\"medium\":768,\"large\":1024},\"defaultState\":0}},\"hotkeys\":{\"search\":[\"/\",\"meta+p\"],\"nextStory\":[\"alt+arrowright\"],\"previousStory\":[\"alt+arrowleft\"],\"nextComponent\":[\"alt+arrowdown\"],\"previousComponent\":[\"alt+arrowup\"],\"control\":[\"c\"],\"darkMode\":[\"d\"],\"fullscreen\":[\"f\"],\"width\":[\"w\"],\"rtl\":[\"r\"],\"source\":[\"s\"],\"a11y\":[\"a\"]},\"i18n\":{\"buildTooltip\":\"💡 Tip: Run \\\"ladle preview\\\" to check that the build works!\"},\"storyOrder\":\"(stories) => stories\"}; + export let config = {"stories":"src/**/*.stories.{js,jsx,ts,tsx,mdx}","addons":{"control":{"enabled":true,"defaultState":{}},"theme":{"enabled":true,"defaultState":"light"},"mode":{"enabled":true,"defaultState":"full"},"rtl":{"enabled":true,"defaultState":false},"source":{"enabled":true,"defaultState":false},"a11y":{"enabled":false},"msw":{"enabled":false},"action":{"enabled":true,"defaultState":[]},"ladle":{"enabled":true},"width":{"enabled":true,"options":{"xsmall":414,"small":640,"medium":768,"large":1024},"defaultState":0}},"hotkeys":{"search":["/","meta+p"],"nextStory":["alt+arrowright"],"previousStory":["alt+arrowleft"],"nextComponent":["alt+arrowdown"],"previousComponent":["alt+arrowup"],"control":["c"],"darkMode":["d"],"fullscreen":["f"],"width":["w"],"rtl":["r"],"source":["s"],"a11y":["a"]},"i18n":{"buildTooltip":"💡 Tip: Run \"ladle preview\" to check that the build works!"},"storyOrder":"(stories) => stories"}; export const Provider = ({children}) => /*#__PURE__*/createElement(Fragment, null, children); - export const StorySourceHeader = ({ path }) => /*#__PURE__*/createElement('div', { style: { paddingTop: \"2em\" }}, /*#__PURE__*/createElement('code', { className: \"ladle-code\" }, path)); + export const StorySourceHeader = ({ path }) => /*#__PURE__*/createElement('div', { style: { paddingTop: "2em" }}, /*#__PURE__*/createElement('code', { className: "ladle-code" }, path)); export const args = {}; export const argTypes = {}; let fileSourceCodes = { - \"3a078f0b\": `import%20*%20as%20React%20from%20%22react%22%3B%0Aimport%20type%20%7B%20
tests/get-generated-list.test.ts > Capital letters in story names converted into delimiters: packages/ladle/tests/get-generated-list.test.ts#L17
Error: Snapshot `Capital letters in story names converted into delimiters 1` mismatched - Expected + Received " - import { lazy, createElement, Fragment } from \"react\"; - import composeEnhancers from \"/src/compose-enhancers\"; + import { lazy, createElement, Fragment } from "react"; + import composeEnhancers from "/src/compose-enhancers"; - const capitalization$$big$barking$dog = lazy(() => import(\"tests/fixtures/capitalization.stories.tsx\").then(module => { + const capitalization$$big$barking$dog = lazy(() => import("tests/fixtures/capitalization.stories.tsx").then(module => { return { - default: composeEnhancers(module, \"BigBarkingDog\") + default: composeEnhancers(module, "BigBarkingDog") }; })); - const capitalization$$blue$tiny$cat = lazy(() => import(\"tests/fixtures/capitalization.stories.tsx\").then(module => { + const capitalization$$blue$tiny$cat = lazy(() => import("tests/fixtures/capitalization.stories.tsx").then(module => { return { - default: composeEnhancers(module, \"BlueTinyCat\") + default: composeEnhancers(module, "BlueTinyCat") }; })); export let stories = { - \"capitalization--big-barking-dog\": { + "capitalization--big-barking-dog": { component: capitalization$$big$barking$dog, locStart: 8, locEnd: 10, - entry: \"tests/fixtures/capitalization.stories.tsx\" + entry: "tests/fixtures/capitalization.stories.tsx" }, - \"capitalization--blue-tiny-cat\": { + "capitalization--blue-tiny-cat": { component: capitalization$$blue$tiny$cat, locStart: 4, locEnd: 6, - entry: \"tests/fixtures/capitalization.stories.tsx\" + entry: "tests/fixtures/capitalization.stories.tsx" } }; - export let config = {\"stories\":\"src/**/*.stories.{js,jsx,ts,tsx,mdx}\",\"addons\":{\"control\":{\"enabled\":true,\"defaultState\":{}},\"theme\":{\"enabled\":true,\"defaultState\":\"light\"},\"mode\":{\"enabled\":true,\"defaultState\":\"full\"},\"rtl\":{\"enabled\":true,\"defaultState\":false},\"source\":{\"enabled\":true,\"defaultState\":false},\"a11y\":{\"enabled\":false},\"msw\":{\"enabled\":false},\"action\":{\"enabled\":true,\"defaultState\":[]},\"ladle\":{\"enabled\":true},\"width\":{\"enabled\":true,\"options\":{\"xsmall\":414,\"small\":640,\"medium\":768,\"large\":1024},\"defaultState\":0}},\"hotkeys\":{\"search\":[\"/\",\"meta+p\"],\"nextStory\":[\"alt+arrowright\"],\"previousStory\":[\"alt+arrowleft\"],\"nextComponent\":[\"alt+arrowdown\"],\"previousComponent\":[\"alt+arrowup\"],\"control\":[\"c\"],\"darkMode\":[\"d\"],\"fullscreen\":[\"f\"],\"width\":[\"w\"],\"rtl\":[\"r\"],\"source\":[\"s\"],\"a11y\":[\"a\"]},\"i18n\":{\"buildTooltip\":\"💡 Tip: Run \\\"ladle preview\\\" to check that the build works!\"},\"storyOrder\":\"(stories) => stories\"}; + export let config = {"stories":"src/**/*.stories.{js,jsx,ts,tsx,mdx}","addons":{"control":{"enabled":true,"defaultState":{}},"theme":{"enabled":true,"defaultState":"light"},"mode":{"enabled":true,"defaultState":"full"},"rtl":{"enabled":true,"defaultState":false},"source":{"enabled":true,"defaultState":false},"a11y":{"enabled":false},"msw":{"enabled":false},"action":{"enabled":true,"defaultState":[]},"ladle":{"enabled":true},"width":{"enabled":true,"options":{"xsmall":414,"small":640,"medium":768,"large":1024},"defaultState":0}},"hotkeys":{"search":["/","meta+p"],"nextStory":["alt+arrowright"],"previousStory":["alt+arrowleft"],"nextComponent":["alt+arrowdown"],"previousComponent":["alt+arrowup"],"control":["c"],"darkMode":["d"],"fullscreen":["f"],"width":["w"],"rtl":["r"],"source":["s"],"a11y":["a"]},"i18n":{"buildTooltip":"💡 Tip: Run \"ladle preview\" to check that the build works!"},"storyOrder":"(stories) => stories"}; export const Provider = ({children}) => /*#__PURE__*/createElement(Fragment, null, children); - export const StorySourceHeader = ({ path }) => /*#__PURE__*/createElement('div', { style: { paddingTop: \"2em\" }}, /*#__PURE__*/createElement('code', { className: \"ladle-code\" }, path)); + export const StorySourceHeader = ({ path }) => /*#__PURE__*/
tests/get-generated-list.test.ts > Capital letters in the filename converted into delimiters: packages/ladle/tests/get-generated-list.test.ts#L25
Error: Snapshot `Capital letters in the filename converted into delimiters 1` mismatched - Expected + Received " - import { lazy, createElement, Fragment } from \"react\"; - import composeEnhancers from \"/src/compose-enhancers\"; + import { lazy, createElement, Fragment } from "react"; + import composeEnhancers from "/src/compose-enhancers"; - const filename$capitalization$$test = lazy(() => import(\"tests/fixtures/filenameCapitalization.stories.tsx\").then(module => { + const filename$capitalization$$test = lazy(() => import("tests/fixtures/filenameCapitalization.stories.tsx").then(module => { return { - default: composeEnhancers(module, \"Test\") + default: composeEnhancers(module, "Test") }; })); export let stories = { - \"filename-capitalization--test\": { + "filename-capitalization--test": { component: filename$capitalization$$test, locStart: 4, locEnd: 6, - entry: \"tests/fixtures/filenameCapitalization.stories.tsx\" + entry: "tests/fixtures/filenameCapitalization.stories.tsx" } }; - export let config = {\"stories\":\"src/**/*.stories.{js,jsx,ts,tsx,mdx}\",\"addons\":{\"control\":{\"enabled\":true,\"defaultState\":{}},\"theme\":{\"enabled\":true,\"defaultState\":\"light\"},\"mode\":{\"enabled\":true,\"defaultState\":\"full\"},\"rtl\":{\"enabled\":true,\"defaultState\":false},\"source\":{\"enabled\":true,\"defaultState\":false},\"a11y\":{\"enabled\":false},\"msw\":{\"enabled\":false},\"action\":{\"enabled\":true,\"defaultState\":[]},\"ladle\":{\"enabled\":true},\"width\":{\"enabled\":true,\"options\":{\"xsmall\":414,\"small\":640,\"medium\":768,\"large\":1024},\"defaultState\":0}},\"hotkeys\":{\"search\":[\"/\",\"meta+p\"],\"nextStory\":[\"alt+arrowright\"],\"previousStory\":[\"alt+arrowleft\"],\"nextComponent\":[\"alt+arrowdown\"],\"previousComponent\":[\"alt+arrowup\"],\"control\":[\"c\"],\"darkMode\":[\"d\"],\"fullscreen\":[\"f\"],\"width\":[\"w\"],\"rtl\":[\"r\"],\"source\":[\"s\"],\"a11y\":[\"a\"]},\"i18n\":{\"buildTooltip\":\"💡 Tip: Run \\\"ladle preview\\\" to check that the build works!\"},\"storyOrder\":\"(stories) => stories\"}; + export let config = {"stories":"src/**/*.stories.{js,jsx,ts,tsx,mdx}","addons":{"control":{"enabled":true,"defaultState":{}},"theme":{"enabled":true,"defaultState":"light"},"mode":{"enabled":true,"defaultState":"full"},"rtl":{"enabled":true,"defaultState":false},"source":{"enabled":true,"defaultState":false},"a11y":{"enabled":false},"msw":{"enabled":false},"action":{"enabled":true,"defaultState":[]},"ladle":{"enabled":true},"width":{"enabled":true,"options":{"xsmall":414,"small":640,"medium":768,"large":1024},"defaultState":0}},"hotkeys":{"search":["/","meta+p"],"nextStory":["alt+arrowright"],"previousStory":["alt+arrowleft"],"nextComponent":["alt+arrowdown"],"previousComponent":["alt+arrowup"],"control":["c"],"darkMode":["d"],"fullscreen":["f"],"width":["w"],"rtl":["r"],"source":["s"],"a11y":["a"]},"i18n":{"buildTooltip":"💡 Tip: Run \"ladle preview\" to check that the build works!"},"storyOrder":"(stories) => stories"}; export const Provider = ({children}) => /*#__PURE__*/createElement(Fragment, null, children); - export const StorySourceHeader = ({ path }) => /*#__PURE__*/createElement('div', { style: { paddingTop: \"2em\" }}, /*#__PURE__*/createElement('code', { className: \"ladle-code\" }, path)); + export const StorySourceHeader = ({ path }) => /*#__PURE__*/createElement('div', { style: { paddingTop: "2em" }}, /*#__PURE__*/createElement('code', { className: "ladle-code" }, path)); export const args = {}; export const argTypes = {}; let fileSourceCodes = { - \"15995fa5\": `import%20*%20as%20React%20from%20%22react%22%3B%0Aimport%20type%20%7B%20Story%20%7D%20from%20%22..%2F..%2Flib%2Fapp%2Fexports%22%3B%0A%0Aexport%20const%20Test%3A%20Story%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3Ch1%3ETest%3C%2Fh1%3E%3B%0A%7D%3B%0A` + "15995fa5": `import%20*%20as%20React%20from%20%22react%22%3B%0Aimport%20type%20%7B%20Story%20%7D%20from%20%22..%2F..%2Flib%2Fapp%2Fexports%22%3B%0A%0Aexport%20const%20Test%3A%20St
tests/get-generated-list.test.ts > Turn file name delimiters into spaces and levels correctly: packages/ladle/tests/get-generated-list.test.ts#L33
Error: Snapshot `Turn file name delimiters into spaces and levels correctly 1` mismatched - Expected + Received " - import { lazy, createElement, Fragment } from \"react\"; - import composeEnhancers from \"/src/compose-enhancers\"; + import { lazy, createElement, Fragment } from "react"; + import composeEnhancers from "/src/compose-enhancers"; - const our$animals$$mammals$$cat = lazy(() => import(\"tests/fixtures/our-animals--mammals.stories.tsx\").then(module => { + const our$animals$$mammals$$cat = lazy(() => import("tests/fixtures/our-animals--mammals.stories.tsx").then(module => { return { - default: composeEnhancers(module, \"Cat\") + default: composeEnhancers(module, "Cat") }; })); export let stories = { - \"our-animals--mammals--cat\": { + "our-animals--mammals--cat": { component: our$animals$$mammals$$cat, locStart: 4, locEnd: 6, - entry: \"tests/fixtures/our-animals--mammals.stories.tsx\" + entry: "tests/fixtures/our-animals--mammals.stories.tsx" } }; - export let config = {\"stories\":\"src/**/*.stories.{js,jsx,ts,tsx,mdx}\",\"addons\":{\"control\":{\"enabled\":true,\"defaultState\":{}},\"theme\":{\"enabled\":true,\"defaultState\":\"light\"},\"mode\":{\"enabled\":true,\"defaultState\":\"full\"},\"rtl\":{\"enabled\":true,\"defaultState\":false},\"source\":{\"enabled\":true,\"defaultState\":false},\"a11y\":{\"enabled\":false},\"msw\":{\"enabled\":false},\"action\":{\"enabled\":true,\"defaultState\":[]},\"ladle\":{\"enabled\":true},\"width\":{\"enabled\":true,\"options\":{\"xsmall\":414,\"small\":640,\"medium\":768,\"large\":1024},\"defaultState\":0}},\"hotkeys\":{\"search\":[\"/\",\"meta+p\"],\"nextStory\":[\"alt+arrowright\"],\"previousStory\":[\"alt+arrowleft\"],\"nextComponent\":[\"alt+arrowdown\"],\"previousComponent\":[\"alt+arrowup\"],\"control\":[\"c\"],\"darkMode\":[\"d\"],\"fullscreen\":[\"f\"],\"width\":[\"w\"],\"rtl\":[\"r\"],\"source\":[\"s\"],\"a11y\":[\"a\"]},\"i18n\":{\"buildTooltip\":\"💡 Tip: Run \\\"ladle preview\\\" to check that the build works!\"},\"storyOrder\":\"(stories) => stories\"}; + export let config = {"stories":"src/**/*.stories.{js,jsx,ts,tsx,mdx}","addons":{"control":{"enabled":true,"defaultState":{}},"theme":{"enabled":true,"defaultState":"light"},"mode":{"enabled":true,"defaultState":"full"},"rtl":{"enabled":true,"defaultState":false},"source":{"enabled":true,"defaultState":false},"a11y":{"enabled":false},"msw":{"enabled":false},"action":{"enabled":true,"defaultState":[]},"ladle":{"enabled":true},"width":{"enabled":true,"options":{"xsmall":414,"small":640,"medium":768,"large":1024},"defaultState":0}},"hotkeys":{"search":["/","meta+p"],"nextStory":["alt+arrowright"],"previousStory":["alt+arrowleft"],"nextComponent":["alt+arrowdown"],"previousComponent":["alt+arrowup"],"control":["c"],"darkMode":["d"],"fullscreen":["f"],"width":["w"],"rtl":["r"],"source":["s"],"a11y":["a"]},"i18n":{"buildTooltip":"💡 Tip: Run \"ladle preview\" to check that the build works!"},"storyOrder":"(stories) => stories"}; export const Provider = ({children}) => /*#__PURE__*/createElement(Fragment, null, children); - export const StorySourceHeader = ({ path }) => /*#__PURE__*/createElement('div', { style: { paddingTop: \"2em\" }}, /*#__PURE__*/createElement('code', { className: \"ladle-code\" }, path)); + export const StorySourceHeader = ({ path }) => /*#__PURE__*/createElement('div', { style: { paddingTop: "2em" }}, /*#__PURE__*/createElement('code', { className: "ladle-code" }, path)); export const args = {}; export const argTypes = {}; let fileSourceCodes = { - \"2c557f42\": `import%20*%20as%20React%20from%20%22react%22%3B%0Aimport%20type%20%7B%20Story%20%7D%20from%20%22..%2F..%2Flib%2Fapp%2Fexports%22%3B%0A%0Aexport%20const%20Cat%3A%20Story%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3Ch1%3ECat%3C%2Fh1%3E%3B%0A%7D%3B%0A` + "2c557f42": `import%20*%20as%20React%20from%20%22react%22%3B%0Aimport%20type%20%7B%20Story%20%7D%20from%20%22..%2F..%2Flib%2Fapp%2Fexports%22%3B%0A%0Aexport%20const%20Cat%3A%20Story%20%3D%20()%20%3D%3E%20%7B%0A
tests/get-generated-list.test.ts > Default title is used instead of the file name: packages/ladle/tests/get-generated-list.test.ts#L41
Error: Snapshot `Default title is used instead of the file name 1` mismatched - Expected + Received " - import { lazy, createElement, Fragment } from \"react\"; - import composeEnhancers from \"/src/compose-enhancers\"; + import { lazy, createElement, Fragment } from "react"; + import composeEnhancers from "/src/compose-enhancers"; - const title$$cat = lazy(() => import(\"tests/fixtures/default-title.stories.tsx\").then(module => { + const title$$cat = lazy(() => import("tests/fixtures/default-title.stories.tsx").then(module => { return { - default: composeEnhancers(module, \"Cat\") + default: composeEnhancers(module, "Cat") }; })); export let stories = { - \"title--cat\": { + "title--cat": { component: title$$cat, locStart: 8, locEnd: 10, - entry: \"tests/fixtures/default-title.stories.tsx\" + entry: "tests/fixtures/default-title.stories.tsx" } }; - export let config = {\"stories\":\"src/**/*.stories.{js,jsx,ts,tsx,mdx}\",\"addons\":{\"control\":{\"enabled\":true,\"defaultState\":{}},\"theme\":{\"enabled\":true,\"defaultState\":\"light\"},\"mode\":{\"enabled\":true,\"defaultState\":\"full\"},\"rtl\":{\"enabled\":true,\"defaultState\":false},\"source\":{\"enabled\":true,\"defaultState\":false},\"a11y\":{\"enabled\":false},\"msw\":{\"enabled\":false},\"action\":{\"enabled\":true,\"defaultState\":[]},\"ladle\":{\"enabled\":true},\"width\":{\"enabled\":true,\"options\":{\"xsmall\":414,\"small\":640,\"medium\":768,\"large\":1024},\"defaultState\":0}},\"hotkeys\":{\"search\":[\"/\",\"meta+p\"],\"nextStory\":[\"alt+arrowright\"],\"previousStory\":[\"alt+arrowleft\"],\"nextComponent\":[\"alt+arrowdown\"],\"previousComponent\":[\"alt+arrowup\"],\"control\":[\"c\"],\"darkMode\":[\"d\"],\"fullscreen\":[\"f\"],\"width\":[\"w\"],\"rtl\":[\"r\"],\"source\":[\"s\"],\"a11y\":[\"a\"]},\"i18n\":{\"buildTooltip\":\"💡 Tip: Run \\\"ladle preview\\\" to check that the build works!\"},\"storyOrder\":\"(stories) => stories\"}; + export let config = {"stories":"src/**/*.stories.{js,jsx,ts,tsx,mdx}","addons":{"control":{"enabled":true,"defaultState":{}},"theme":{"enabled":true,"defaultState":"light"},"mode":{"enabled":true,"defaultState":"full"},"rtl":{"enabled":true,"defaultState":false},"source":{"enabled":true,"defaultState":false},"a11y":{"enabled":false},"msw":{"enabled":false},"action":{"enabled":true,"defaultState":[]},"ladle":{"enabled":true},"width":{"enabled":true,"options":{"xsmall":414,"small":640,"medium":768,"large":1024},"defaultState":0}},"hotkeys":{"search":["/","meta+p"],"nextStory":["alt+arrowright"],"previousStory":["alt+arrowleft"],"nextComponent":["alt+arrowdown"],"previousComponent":["alt+arrowup"],"control":["c"],"darkMode":["d"],"fullscreen":["f"],"width":["w"],"rtl":["r"],"source":["s"],"a11y":["a"]},"i18n":{"buildTooltip":"💡 Tip: Run \"ladle preview\" to check that the build works!"},"storyOrder":"(stories) => stories"}; export const Provider = ({children}) => /*#__PURE__*/createElement(Fragment, null, children); - export const StorySourceHeader = ({ path }) => /*#__PURE__*/createElement('div', { style: { paddingTop: \"2em\" }}, /*#__PURE__*/createElement('code', { className: \"ladle-code\" }, path)); + export const StorySourceHeader = ({ path }) => /*#__PURE__*/createElement('div', { style: { paddingTop: "2em" }}, /*#__PURE__*/createElement('code', { className: "ladle-code" }, path)); export const args = {}; export const argTypes = {}; let fileSourceCodes = { - \"9c3461a5\": `import%20*%20as%20React%20from%20%22react%22%3B%0Aimport%20type%20%7B%20StoryDefault%2C%20Story%20%7D%20from%20%22..%2F..%2Flib%2Fapp%2Fexports%22%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20%22Title%22%2C%0A%7D%20satisfies%20StoryDefault%3B%0A%0Aexport%20const%20Cat%3A%20Story%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3Ch1%3ECat%3C%2Fh1%3E%3B%0A%7D%3B%0A` + "9c3461a5": `import%20*%20as%20React%20from%20%22react%22%3B%0Aimport%20type%20%7B%20StoryDefault%2C%20Story%20%7D%20from%20%22..%2F..%2Flib%2Fapp%2Fexports%22%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%
tests/get-generated-list.test.ts > Story name replaces named export as a story name: packages/ladle/tests/get-generated-list.test.ts#L49
Error: Snapshot `Story name replaces named export as a story name 1` mismatched - Expected + Received " - import { lazy, createElement, Fragment } from \"react\"; - import composeEnhancers from \"/src/compose-enhancers\"; + import { lazy, createElement, Fragment } from "react"; + import composeEnhancers from "/src/compose-enhancers"; - const storyname$$capital$city = lazy(() => import(\"tests/fixtures/storyname.stories.tsx\").then(module => { + const storyname$$capital$city = lazy(() => import("tests/fixtures/storyname.stories.tsx").then(module => { return { - default: composeEnhancers(module, \"CapitalCity\") + default: composeEnhancers(module, "CapitalCity") }; })); - const storyname$$champs$élysées = lazy(() => import(\"tests/fixtures/storyname.stories.tsx\").then(module => { + const storyname$$champs$élysées = lazy(() => import("tests/fixtures/storyname.stories.tsx").then(module => { return { - default: composeEnhancers(module, \"CapitalReplaced\") + default: composeEnhancers(module, "CapitalReplaced") }; })); - const storyname$$doggo = lazy(() => import(\"tests/fixtures/storyname.stories.tsx\").then(module => { + const storyname$$doggo = lazy(() => import("tests/fixtures/storyname.stories.tsx").then(module => { return { - default: composeEnhancers(module, \"Cat\") + default: composeEnhancers(module, "Cat") }; })); export let stories = { - \"storyname--capital-city\": { + "storyname--capital-city": { component: storyname$$capital$city, locStart: 15, locEnd: 17, - entry: \"tests/fixtures/storyname.stories.tsx\" + entry: "tests/fixtures/storyname.stories.tsx" }, - \"storyname--champs-\\xE9lys\\xE9es\": { + "storyname--champs-\xE9lys\xE9es": { component: storyname$$champs$élysées, locStart: 19, locEnd: 21, - entry: \"tests/fixtures/storyname.stories.tsx\" + entry: "tests/fixtures/storyname.stories.tsx" }, - \"storyname--doggo\": { + "storyname--doggo": { component: storyname$$doggo, locStart: 4, locEnd: 9, - entry: \"tests/fixtures/storyname.stories.tsx\" + entry: "tests/fixtures/storyname.stories.tsx" } }; - export let config = {\"stories\":\"src/**/*.stories.{js,jsx,ts,tsx,mdx}\",\"addons\":{\"control\":{\"enabled\":true,\"defaultState\":{}},\"theme\":{\"enabled\":true,\"defaultState\":\"light\"},\"mode\":{\"enabled\":true,\"defaultState\":\"full\"},\"rtl\":{\"enabled\":true,\"defaultState\":false},\"source\":{\"enabled\":true,\"defaultState\":false},\"a11y\":{\"enabled\":false},\"msw\":{\"enabled\":false},\"action\":{\"enabled\":true,\"defaultState\":[]},\"ladle\":{\"enabled\":true},\"width\":{\"enabled\":true,\"options\":{\"xsmall\":414,\"small\":640,\"medium\":768,\"large\":1024},\"defaultState\":0}},\"hotkeys\":{\"search\":[\"/\",\"meta+p\"],\"nextStory\":[\"alt+arrowright\"],\"previousStory\":[\"alt+arrowleft\"],\"nextComponent\":[\"alt+arrowdown\"],\"previousComponent\":[\"alt+arrowup\"],\"control\":[\"c\"],\"darkMode\":[\"d\"],\"fullscreen\":[\"f\"],\"width\":[\"w\"],\"rtl\":[\"r\"],\"source\":[\"s\"],\"a11y\":[\"a\"]},\"i18n\":{\"buildTooltip\":\"💡 Tip: Run \\\"ladle preview\\\" to check that the build works!\"},\"storyOrder\":\"(stories) => stories\"}; + export let config = {"stories":"src/**/*.stories.{js,jsx,ts,tsx,mdx}","addons":{"control":{"enabled":true,"defaultState":{}},"theme":{"enabled":true,"defaultState":"light"},"mode":{"enabled":true,"defaultState":"full"},"rtl":{"enabled":true,"defaultState":false},"source":{"enabled":true,"defaultState":false},"a11y":{"enabled":false},"msw":{"enabled":false},"action":{"enabled":true,"defaultState":[]},"ladle":{"enabled":true},"width":{"enabled":true,"options":{"xsmall":414,"small":640,"medium":768,"large":1024},"defaultState":0}},"hotkeys":{"search":["/","meta+p"],"nextStory":["alt+arrowright"],"previousStory":["alt+arrowleft"],"nextComponent":["alt+arrowdown"],"previousComponent":["alt+arrowup"],"control":["c"],"darkMode":["d"],"fullscreen":["f"],"width":["w"],"rtl":["r"],"source":["s"],"a11y":["a
tests/get-generated-list.test.ts > Extract default meta: packages/ladle/tests/get-generated-list.test.ts#L57
Error: Snapshot `Extract default meta 1` mismatched - Expected + Received " - import { lazy, createElement, Fragment } from \"react\"; - import composeEnhancers from \"/src/compose-enhancers\"; + import { lazy, createElement, Fragment } from "react"; + import composeEnhancers from "/src/compose-enhancers"; - const title$$cat = lazy(() => import(\"tests/fixtures/default-meta.stories.tsx\").then(module => { + const title$$cat = lazy(() => import("tests/fixtures/default-meta.stories.tsx").then(module => { return { - default: composeEnhancers(module, \"Cat\") + default: composeEnhancers(module, "Cat") }; })); export let stories = { - \"title--cat\": { + "title--cat": { component: title$$cat, locStart: 13, locEnd: 15, - entry: \"tests/fixtures/default-meta.stories.tsx\", + entry: "tests/fixtures/default-meta.stories.tsx", meta: { - \"title\": \"Title\", - \"meta\": { - \"baseweb\": { - \"foo\": \"title\" + "title": "Title", + "meta": { + "baseweb": { + "foo": "title" } } } } }; - export let config = {\"stories\":\"src/**/*.stories.{js,jsx,ts,tsx,mdx}\",\"addons\":{\"control\":{\"enabled\":true,\"defaultState\":{}},\"theme\":{\"enabled\":true,\"defaultState\":\"light\"},\"mode\":{\"enabled\":true,\"defaultState\":\"full\"},\"rtl\":{\"enabled\":true,\"defaultState\":false},\"source\":{\"enabled\":true,\"defaultState\":false},\"a11y\":{\"enabled\":false},\"msw\":{\"enabled\":false},\"action\":{\"enabled\":true,\"defaultState\":[]},\"ladle\":{\"enabled\":true},\"width\":{\"enabled\":true,\"options\":{\"xsmall\":414,\"small\":640,\"medium\":768,\"large\":1024},\"defaultState\":0}},\"hotkeys\":{\"search\":[\"/\",\"meta+p\"],\"nextStory\":[\"alt+arrowright\"],\"previousStory\":[\"alt+arrowleft\"],\"nextComponent\":[\"alt+arrowdown\"],\"previousComponent\":[\"alt+arrowup\"],\"control\":[\"c\"],\"darkMode\":[\"d\"],\"fullscreen\":[\"f\"],\"width\":[\"w\"],\"rtl\":[\"r\"],\"source\":[\"s\"],\"a11y\":[\"a\"]},\"i18n\":{\"buildTooltip\":\"💡 Tip: Run \\\"ladle preview\\\" to check that the build works!\"},\"storyOrder\":\"(stories) => stories\"}; + export let config = {"stories":"src/**/*.stories.{js,jsx,ts,tsx,mdx}","addons":{"control":{"enabled":true,"defaultState":{}},"theme":{"enabled":true,"defaultState":"light"},"mode":{"enabled":true,"defaultState":"full"},"rtl":{"enabled":true,"defaultState":false},"source":{"enabled":true,"defaultState":false},"a11y":{"enabled":false},"msw":{"enabled":false},"action":{"enabled":true,"defaultState":[]},"ladle":{"enabled":true},"width":{"enabled":true,"options":{"xsmall":414,"small":640,"medium":768,"large":1024},"defaultState":0}},"hotkeys":{"search":["/","meta+p"],"nextStory":["alt+arrowright"],"previousStory":["alt+arrowleft"],"nextComponent":["alt+arrowdown"],"previousComponent":["alt+arrowup"],"control":["c"],"darkMode":["d"],"fullscreen":["f"],"width":["w"],"rtl":["r"],"source":["s"],"a11y":["a"]},"i18n":{"buildTooltip":"💡 Tip: Run \"ladle preview\" to check that the build works!"},"storyOrder":"(stories) => stories"}; export const Provider = ({children}) => /*#__PURE__*/createElement(Fragment, null, children); - export const StorySourceHeader = ({ path }) => /*#__PURE__*/createElement('div', { style: { paddingTop: \"2em\" }}, /*#__PURE__*/createElement('code', { className: \"ladle-code\" }, path)); + export const StorySourceHeader = ({ path }) => /*#__PURE__*/createElement('div', { style: { paddingTop: "2em" }}, /*#__PURE__*/createElement('code', { className: "ladle-code" }, path)); export const args = {}; export const argTypes = {}; let fileSourceCodes = { - \"782945f7\": `import%20*%20as%20React%20from%20%22react%22%3B%0Aimport%20type%20%7B%20StoryDefault%2C%20Story%20%7D%20from%20%22..%2F..%2Flib%2Fapp%2Fexports%22%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20%22Title%22%2C%0A%20%20meta%3A%20%7B%0A%20%20%20%20baseweb%3A%20%7B%0A%20%20%20%20%20%20foo%3A%20%22title%22%2C%0A%20%20%20%20%7D%2C%0A%20%20%7D%2C%0A%7D%20satisfies
tests/get-generated-list.test.ts > Extract and merge story meta: packages/ladle/tests/get-generated-list.test.ts#L65
Error: Snapshot `Extract and merge story meta 1` mismatched - Expected + Received " - import { lazy, createElement, Fragment } from \"react\"; - import composeEnhancers from \"/src/compose-enhancers\"; + import { lazy, createElement, Fragment } from "react"; + import composeEnhancers from "/src/compose-enhancers"; - const title$$cat = lazy(() => import(\"tests/fixtures/story-meta.stories.tsx\").then(module => { + const title$$cat = lazy(() => import("tests/fixtures/story-meta.stories.tsx").then(module => { return { - default: composeEnhancers(module, \"Cat\") + default: composeEnhancers(module, "Cat") }; })); - const title$$dog = lazy(() => import(\"tests/fixtures/story-meta.stories.tsx\").then(module => { + const title$$dog = lazy(() => import("tests/fixtures/story-meta.stories.tsx").then(module => { return { - default: composeEnhancers(module, \"Dog\") + default: composeEnhancers(module, "Dog") }; })); export let stories = { - \"title--cat\": { + "title--cat": { component: title$$cat, locStart: 14, locEnd: 16, - entry: \"tests/fixtures/story-meta.stories.tsx\", + entry: "tests/fixtures/story-meta.stories.tsx", meta: { - \"title\": \"Title\", - \"meta\": { - \"baseweb\": { - \"theme\": \"dark\", - \"browsers\": [\"chrome\", \"firefox\"], - \"width\": \"500px\" + "title": "Title", + "meta": { + "baseweb": { + "theme": "dark", + "browsers": ["chrome", "firefox"], + "width": "500px" }, - \"links\": true + "links": true } } }, - \"title--dog\": { + "title--dog": { component: title$$dog, locStart: 26, locEnd: 28, - entry: \"tests/fixtures/story-meta.stories.tsx\", + entry: "tests/fixtures/story-meta.stories.tsx", meta: { - \"title\": \"Title\", - \"meta\": { - \"baseweb\": { - \"theme\": \"dark\", - \"browsers\": [\"chrome\", \"webkit\"] + "title": "Title", + "meta": { + "baseweb": { + "theme": "dark", + "browsers": ["chrome", "webkit"] } } } } }; - export let config = {\"stories\":\"src/**/*.stories.{js,jsx,ts,tsx,mdx}\",\"addons\":{\"control\":{\"enabled\":true,\"defaultState\":{}},\"theme\":{\"enabled\":true,\"defaultState\":\"light\"},\"mode\":{\"enabled\":true,\"defaultState\":\"full\"},\"rtl\":{\"enabled\":true,\"defaultState\":false},\"source\":{\"enabled\":true,\"defaultState\":false},\"a11y\":{\"enabled\":false},\"msw\":{\"enabled\":false},\"action\":{\"enabled\":true,\"defaultState\":[]},\"ladle\":{\"enabled\":true},\"width\":{\"enabled\":true,\"options\":{\"xsmall\":414,\"small\":640,\"medium\":768,\"large\":1024},\"defaultState\":0}},\"hotkeys\":{\"search\":[\"/\",\"meta+p\"],\"nextStory\":[\"alt+arrowright\"],\"previousStory\":[\"alt+arrowleft\"],\"nextComponent\":[\"alt+arrowdown\"],\"previousComponent\":[\"alt+arrowup\"],\"control\":[\"c\"],\"darkMode\":[\"d\"],\"fullscreen\":[\"f\"],\"width\":[\"w\"],\"rtl\":[\"r\"],\"source\":[\"s\"],\"a11y\":[\"a\"]},\"i18n\":{\"buildTooltip\":\"💡 Tip: Run \\\"ladle preview\\\" to check that the build works!\"},\"storyOrder\":\"(stories) => stories\"}; + export let config = {"stories":"src/**/*.stories.{js,jsx,ts,tsx,mdx}","addons":{"control":{"enabled":true,"defaultState":{}},"theme":{"enabled":true,"defaultState":"light"},"mode":{"enabled":true,"defaultState":"full"},"rtl":{"enabled":true,"defaultState":false},"source":{"enabled":true,"defaultState":false},"a11y":{"enabled":false},"msw":{"enabled":false},"action":{"enabled":true,"defaultState":[]},"ladle":{"enabled":true},"width":{"enabled":true,"options":{"xsmall":414,"small":640,"medium":768,"large":1024},"defaultState":0}},"hotkeys":{"search":["/","meta+p"],"nextStory":["alt+arrowright"],"previousStory":["alt+arrowleft"],"nextComponent":["alt+arrowdown"],"previousComponent":["alt+arrowup"],"control":["c"],"darkMode":["d"],"fullscreen":["f"],"width":["w"],"
tests/get-meta-json.test.ts > Single file with two stories: packages/ladle/tests/get-meta-json.test.ts#L11
Error: Snapshot `Single file with two stories 1` mismatched - Expected + Received "{ - \"about\": { - \"homepage\": \"https://www.ladle.dev\", - \"github\": \"https://github.com/tajo/ladle\", - \"version\": 1 + "about": { + "homepage": "https://www.ladle.dev", + "github": "https://github.com/tajo/ladle", + "version": 1 }, - \"stories\": { - \"animals--cat\": { - \"name\": \"Cat\", - \"levels\": [ - \"Animals\" + "stories": { + "animals--cat": { + "name": "Cat", + "levels": [ + "Animals" ], - \"locStart\": 4, - \"locEnd\": 6, - \"filePath\": \"tests/fixtures/animals.stories.tsx\", - \"namedExport\": \"Cat\", - \"meta\": {} + "locStart": 4, + "locEnd": 6, + "filePath": "tests/fixtures/animals.stories.tsx", + "namedExport": "Cat", + "meta": {} }, - \"animals--dog\": { - \"name\": \"Dog\", - \"levels\": [ - \"Animals\" + "animals--dog": { + "name": "Dog", + "levels": [ + "Animals" ], - \"locStart\": 8, - \"locEnd\": 10, - \"filePath\": \"tests/fixtures/animals.stories.tsx\", - \"namedExport\": \"Dog\", - \"meta\": {} + "locStart": 8, + "locEnd": 10, + "filePath": "tests/fixtures/animals.stories.tsx", + "namedExport": "Dog", + "meta": {} } } }" ❯ tests/get-meta-json.test.ts:11:16
tests/get-meta-json.test.ts > Capital letters in story names converted into delimiters: packages/ladle/tests/get-meta-json.test.ts#L19
Error: Snapshot `Capital letters in story names converted into delimiters 1` mismatched - Expected + Received "{ - \"about\": { - \"homepage\": \"https://www.ladle.dev\", - \"github\": \"https://github.com/tajo/ladle\", - \"version\": 1 + "about": { + "homepage": "https://www.ladle.dev", + "github": "https://github.com/tajo/ladle", + "version": 1 }, - \"stories\": { - \"capitalization--big-barking-dog\": { - \"name\": \"Big barking dog\", - \"levels\": [ - \"Capitalization\" + "stories": { + "capitalization--big-barking-dog": { + "name": "Big barking dog", + "levels": [ + "Capitalization" ], - \"locStart\": 8, - \"locEnd\": 10, - \"filePath\": \"tests/fixtures/capitalization.stories.tsx\", - \"namedExport\": \"BigBarkingDog\", - \"meta\": {} + "locStart": 8, + "locEnd": 10, + "filePath": "tests/fixtures/capitalization.stories.tsx", + "namedExport": "BigBarkingDog", + "meta": {} }, - \"capitalization--blue-tiny-cat\": { - \"name\": \"Blue tiny cat\", - \"levels\": [ - \"Capitalization\" + "capitalization--blue-tiny-cat": { + "name": "Blue tiny cat", + "levels": [ + "Capitalization" ], - \"locStart\": 4, - \"locEnd\": 6, - \"filePath\": \"tests/fixtures/capitalization.stories.tsx\", - \"namedExport\": \"BlueTinyCat\", - \"meta\": {} + "locStart": 4, + "locEnd": 6, + "filePath": "tests/fixtures/capitalization.stories.tsx", + "namedExport": "BlueTinyCat", + "meta": {} } } }" ❯ tests/get-meta-json.test.ts:19:16
Build and Test (windows-latest, 20.x)
The job was canceled because "ubuntu-latest_20_x" failed.
Build and Test (windows-latest, 20.x)
The operation was canceled.
Build and Test (ubuntu-latest, 18.x)
The job was canceled because "ubuntu-latest_20_x" failed.
tests/get-generated-list.test.ts > Single file with two stories: packages/ladle/tests/get-generated-list.test.ts#L9
Error: Snapshot `Single file with two stories 1` mismatched - Expected + Received " - import { lazy, createElement, Fragment } from \"react\"; - import composeEnhancers from \"/src/compose-enhancers\"; + import { lazy, createElement, Fragment } from "react"; + import composeEnhancers from "/src/compose-enhancers"; - const animals$$cat = lazy(() => import(\"tests/fixtures/animals.stories.tsx\").then(module => { + const animals$$cat = lazy(() => import("tests/fixtures/animals.stories.tsx").then(module => { return { - default: composeEnhancers(module, \"Cat\") + default: composeEnhancers(module, "Cat") }; })); - const animals$$dog = lazy(() => import(\"tests/fixtures/animals.stories.tsx\").then(module => { + const animals$$dog = lazy(() => import("tests/fixtures/animals.stories.tsx").then(module => { return { - default: composeEnhancers(module, \"Dog\") + default: composeEnhancers(module, "Dog") }; })); export let stories = { - \"animals--cat\": { + "animals--cat": { component: animals$$cat, locStart: 4, locEnd: 6, - entry: \"tests/fixtures/animals.stories.tsx\" + entry: "tests/fixtures/animals.stories.tsx" }, - \"animals--dog\": { + "animals--dog": { component: animals$$dog, locStart: 8, locEnd: 10, - entry: \"tests/fixtures/animals.stories.tsx\" + entry: "tests/fixtures/animals.stories.tsx" } }; - export let config = {\"stories\":\"src/**/*.stories.{js,jsx,ts,tsx,mdx}\",\"addons\":{\"control\":{\"enabled\":true,\"defaultState\":{}},\"theme\":{\"enabled\":true,\"defaultState\":\"light\"},\"mode\":{\"enabled\":true,\"defaultState\":\"full\"},\"rtl\":{\"enabled\":true,\"defaultState\":false},\"source\":{\"enabled\":true,\"defaultState\":false},\"a11y\":{\"enabled\":false},\"msw\":{\"enabled\":false},\"action\":{\"enabled\":true,\"defaultState\":[]},\"ladle\":{\"enabled\":true},\"width\":{\"enabled\":true,\"options\":{\"xsmall\":414,\"small\":640,\"medium\":768,\"large\":1024},\"defaultState\":0}},\"hotkeys\":{\"search\":[\"/\",\"meta+p\"],\"nextStory\":[\"alt+arrowright\"],\"previousStory\":[\"alt+arrowleft\"],\"nextComponent\":[\"alt+arrowdown\"],\"previousComponent\":[\"alt+arrowup\"],\"control\":[\"c\"],\"darkMode\":[\"d\"],\"fullscreen\":[\"f\"],\"width\":[\"w\"],\"rtl\":[\"r\"],\"source\":[\"s\"],\"a11y\":[\"a\"]},\"i18n\":{\"buildTooltip\":\"💡 Tip: Run \\\"ladle preview\\\" to check that the build works!\"},\"storyOrder\":\"(stories) => stories\"}; + export let config = {"stories":"src/**/*.stories.{js,jsx,ts,tsx,mdx}","addons":{"control":{"enabled":true,"defaultState":{}},"theme":{"enabled":true,"defaultState":"light"},"mode":{"enabled":true,"defaultState":"full"},"rtl":{"enabled":true,"defaultState":false},"source":{"enabled":true,"defaultState":false},"a11y":{"enabled":false},"msw":{"enabled":false},"action":{"enabled":true,"defaultState":[]},"ladle":{"enabled":true},"width":{"enabled":true,"options":{"xsmall":414,"small":640,"medium":768,"large":1024},"defaultState":0}},"hotkeys":{"search":["/","meta+p"],"nextStory":["alt+arrowright"],"previousStory":["alt+arrowleft"],"nextComponent":["alt+arrowdown"],"previousComponent":["alt+arrowup"],"control":["c"],"darkMode":["d"],"fullscreen":["f"],"width":["w"],"rtl":["r"],"source":["s"],"a11y":["a"]},"i18n":{"buildTooltip":"💡 Tip: Run \"ladle preview\" to check that the build works!"},"storyOrder":"(stories) => stories"}; export const Provider = ({children}) => /*#__PURE__*/createElement(Fragment, null, children); - export const StorySourceHeader = ({ path }) => /*#__PURE__*/createElement('div', { style: { paddingTop: \"2em\" }}, /*#__PURE__*/createElement('code', { className: \"ladle-code\" }, path)); + export const StorySourceHeader = ({ path }) => /*#__PURE__*/createElement('div', { style: { paddingTop: "2em" }}, /*#__PURE__*/createElement('code', { className: "ladle-code" }, path)); export const args = {}; export const argTypes = {}; let fileSourceCodes = { - \"3a078f0b\": `import%20*%20as%20React%20from%20%22react%22%3B%0Aimport%20type%20%7B%20
tests/get-generated-list.test.ts > Capital letters in story names converted into delimiters: packages/ladle/tests/get-generated-list.test.ts#L17
Error: Snapshot `Capital letters in story names converted into delimiters 1` mismatched - Expected + Received " - import { lazy, createElement, Fragment } from \"react\"; - import composeEnhancers from \"/src/compose-enhancers\"; + import { lazy, createElement, Fragment } from "react"; + import composeEnhancers from "/src/compose-enhancers"; - const capitalization$$big$barking$dog = lazy(() => import(\"tests/fixtures/capitalization.stories.tsx\").then(module => { + const capitalization$$big$barking$dog = lazy(() => import("tests/fixtures/capitalization.stories.tsx").then(module => { return { - default: composeEnhancers(module, \"BigBarkingDog\") + default: composeEnhancers(module, "BigBarkingDog") }; })); - const capitalization$$blue$tiny$cat = lazy(() => import(\"tests/fixtures/capitalization.stories.tsx\").then(module => { + const capitalization$$blue$tiny$cat = lazy(() => import("tests/fixtures/capitalization.stories.tsx").then(module => { return { - default: composeEnhancers(module, \"BlueTinyCat\") + default: composeEnhancers(module, "BlueTinyCat") }; })); export let stories = { - \"capitalization--big-barking-dog\": { + "capitalization--big-barking-dog": { component: capitalization$$big$barking$dog, locStart: 8, locEnd: 10, - entry: \"tests/fixtures/capitalization.stories.tsx\" + entry: "tests/fixtures/capitalization.stories.tsx" }, - \"capitalization--blue-tiny-cat\": { + "capitalization--blue-tiny-cat": { component: capitalization$$blue$tiny$cat, locStart: 4, locEnd: 6, - entry: \"tests/fixtures/capitalization.stories.tsx\" + entry: "tests/fixtures/capitalization.stories.tsx" } }; - export let config = {\"stories\":\"src/**/*.stories.{js,jsx,ts,tsx,mdx}\",\"addons\":{\"control\":{\"enabled\":true,\"defaultState\":{}},\"theme\":{\"enabled\":true,\"defaultState\":\"light\"},\"mode\":{\"enabled\":true,\"defaultState\":\"full\"},\"rtl\":{\"enabled\":true,\"defaultState\":false},\"source\":{\"enabled\":true,\"defaultState\":false},\"a11y\":{\"enabled\":false},\"msw\":{\"enabled\":false},\"action\":{\"enabled\":true,\"defaultState\":[]},\"ladle\":{\"enabled\":true},\"width\":{\"enabled\":true,\"options\":{\"xsmall\":414,\"small\":640,\"medium\":768,\"large\":1024},\"defaultState\":0}},\"hotkeys\":{\"search\":[\"/\",\"meta+p\"],\"nextStory\":[\"alt+arrowright\"],\"previousStory\":[\"alt+arrowleft\"],\"nextComponent\":[\"alt+arrowdown\"],\"previousComponent\":[\"alt+arrowup\"],\"control\":[\"c\"],\"darkMode\":[\"d\"],\"fullscreen\":[\"f\"],\"width\":[\"w\"],\"rtl\":[\"r\"],\"source\":[\"s\"],\"a11y\":[\"a\"]},\"i18n\":{\"buildTooltip\":\"💡 Tip: Run \\\"ladle preview\\\" to check that the build works!\"},\"storyOrder\":\"(stories) => stories\"}; + export let config = {"stories":"src/**/*.stories.{js,jsx,ts,tsx,mdx}","addons":{"control":{"enabled":true,"defaultState":{}},"theme":{"enabled":true,"defaultState":"light"},"mode":{"enabled":true,"defaultState":"full"},"rtl":{"enabled":true,"defaultState":false},"source":{"enabled":true,"defaultState":false},"a11y":{"enabled":false},"msw":{"enabled":false},"action":{"enabled":true,"defaultState":[]},"ladle":{"enabled":true},"width":{"enabled":true,"options":{"xsmall":414,"small":640,"medium":768,"large":1024},"defaultState":0}},"hotkeys":{"search":["/","meta+p"],"nextStory":["alt+arrowright"],"previousStory":["alt+arrowleft"],"nextComponent":["alt+arrowdown"],"previousComponent":["alt+arrowup"],"control":["c"],"darkMode":["d"],"fullscreen":["f"],"width":["w"],"rtl":["r"],"source":["s"],"a11y":["a"]},"i18n":{"buildTooltip":"💡 Tip: Run \"ladle preview\" to check that the build works!"},"storyOrder":"(stories) => stories"}; export const Provider = ({children}) => /*#__PURE__*/createElement(Fragment, null, children); - export const StorySourceHeader = ({ path }) => /*#__PURE__*/createElement('div', { style: { paddingTop: \"2em\" }}, /*#__PURE__*/createElement('code', { className: \"ladle-code\" }, path)); + export const StorySourceHeader = ({ path }) => /*#__PURE__*/
tests/get-generated-list.test.ts > Capital letters in the filename converted into delimiters: packages/ladle/tests/get-generated-list.test.ts#L25
Error: Snapshot `Capital letters in the filename converted into delimiters 1` mismatched - Expected + Received " - import { lazy, createElement, Fragment } from \"react\"; - import composeEnhancers from \"/src/compose-enhancers\"; + import { lazy, createElement, Fragment } from "react"; + import composeEnhancers from "/src/compose-enhancers"; - const filename$capitalization$$test = lazy(() => import(\"tests/fixtures/filenameCapitalization.stories.tsx\").then(module => { + const filename$capitalization$$test = lazy(() => import("tests/fixtures/filenameCapitalization.stories.tsx").then(module => { return { - default: composeEnhancers(module, \"Test\") + default: composeEnhancers(module, "Test") }; })); export let stories = { - \"filename-capitalization--test\": { + "filename-capitalization--test": { component: filename$capitalization$$test, locStart: 4, locEnd: 6, - entry: \"tests/fixtures/filenameCapitalization.stories.tsx\" + entry: "tests/fixtures/filenameCapitalization.stories.tsx" } }; - export let config = {\"stories\":\"src/**/*.stories.{js,jsx,ts,tsx,mdx}\",\"addons\":{\"control\":{\"enabled\":true,\"defaultState\":{}},\"theme\":{\"enabled\":true,\"defaultState\":\"light\"},\"mode\":{\"enabled\":true,\"defaultState\":\"full\"},\"rtl\":{\"enabled\":true,\"defaultState\":false},\"source\":{\"enabled\":true,\"defaultState\":false},\"a11y\":{\"enabled\":false},\"msw\":{\"enabled\":false},\"action\":{\"enabled\":true,\"defaultState\":[]},\"ladle\":{\"enabled\":true},\"width\":{\"enabled\":true,\"options\":{\"xsmall\":414,\"small\":640,\"medium\":768,\"large\":1024},\"defaultState\":0}},\"hotkeys\":{\"search\":[\"/\",\"meta+p\"],\"nextStory\":[\"alt+arrowright\"],\"previousStory\":[\"alt+arrowleft\"],\"nextComponent\":[\"alt+arrowdown\"],\"previousComponent\":[\"alt+arrowup\"],\"control\":[\"c\"],\"darkMode\":[\"d\"],\"fullscreen\":[\"f\"],\"width\":[\"w\"],\"rtl\":[\"r\"],\"source\":[\"s\"],\"a11y\":[\"a\"]},\"i18n\":{\"buildTooltip\":\"💡 Tip: Run \\\"ladle preview\\\" to check that the build works!\"},\"storyOrder\":\"(stories) => stories\"}; + export let config = {"stories":"src/**/*.stories.{js,jsx,ts,tsx,mdx}","addons":{"control":{"enabled":true,"defaultState":{}},"theme":{"enabled":true,"defaultState":"light"},"mode":{"enabled":true,"defaultState":"full"},"rtl":{"enabled":true,"defaultState":false},"source":{"enabled":true,"defaultState":false},"a11y":{"enabled":false},"msw":{"enabled":false},"action":{"enabled":true,"defaultState":[]},"ladle":{"enabled":true},"width":{"enabled":true,"options":{"xsmall":414,"small":640,"medium":768,"large":1024},"defaultState":0}},"hotkeys":{"search":["/","meta+p"],"nextStory":["alt+arrowright"],"previousStory":["alt+arrowleft"],"nextComponent":["alt+arrowdown"],"previousComponent":["alt+arrowup"],"control":["c"],"darkMode":["d"],"fullscreen":["f"],"width":["w"],"rtl":["r"],"source":["s"],"a11y":["a"]},"i18n":{"buildTooltip":"💡 Tip: Run \"ladle preview\" to check that the build works!"},"storyOrder":"(stories) => stories"}; export const Provider = ({children}) => /*#__PURE__*/createElement(Fragment, null, children); - export const StorySourceHeader = ({ path }) => /*#__PURE__*/createElement('div', { style: { paddingTop: \"2em\" }}, /*#__PURE__*/createElement('code', { className: \"ladle-code\" }, path)); + export const StorySourceHeader = ({ path }) => /*#__PURE__*/createElement('div', { style: { paddingTop: "2em" }}, /*#__PURE__*/createElement('code', { className: "ladle-code" }, path)); export const args = {}; export const argTypes = {}; let fileSourceCodes = { - \"15995fa5\": `import%20*%20as%20React%20from%20%22react%22%3B%0Aimport%20type%20%7B%20Story%20%7D%20from%20%22..%2F..%2Flib%2Fapp%2Fexports%22%3B%0A%0Aexport%20const%20Test%3A%20Story%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3Ch1%3ETest%3C%2Fh1%3E%3B%0A%7D%3B%0A` + "15995fa5": `import%20*%20as%20React%20from%20%22react%22%3B%0Aimport%20type%20%7B%20Story%20%7D%20from%20%22..%2F..%2Flib%2Fapp%2Fexports%22%3B%0A%0Aexport%20const%20Test%3A%20St
tests/get-generated-list.test.ts > Turn file name delimiters into spaces and levels correctly: packages/ladle/tests/get-generated-list.test.ts#L33
Error: Snapshot `Turn file name delimiters into spaces and levels correctly 1` mismatched - Expected + Received " - import { lazy, createElement, Fragment } from \"react\"; - import composeEnhancers from \"/src/compose-enhancers\"; + import { lazy, createElement, Fragment } from "react"; + import composeEnhancers from "/src/compose-enhancers"; - const our$animals$$mammals$$cat = lazy(() => import(\"tests/fixtures/our-animals--mammals.stories.tsx\").then(module => { + const our$animals$$mammals$$cat = lazy(() => import("tests/fixtures/our-animals--mammals.stories.tsx").then(module => { return { - default: composeEnhancers(module, \"Cat\") + default: composeEnhancers(module, "Cat") }; })); export let stories = { - \"our-animals--mammals--cat\": { + "our-animals--mammals--cat": { component: our$animals$$mammals$$cat, locStart: 4, locEnd: 6, - entry: \"tests/fixtures/our-animals--mammals.stories.tsx\" + entry: "tests/fixtures/our-animals--mammals.stories.tsx" } }; - export let config = {\"stories\":\"src/**/*.stories.{js,jsx,ts,tsx,mdx}\",\"addons\":{\"control\":{\"enabled\":true,\"defaultState\":{}},\"theme\":{\"enabled\":true,\"defaultState\":\"light\"},\"mode\":{\"enabled\":true,\"defaultState\":\"full\"},\"rtl\":{\"enabled\":true,\"defaultState\":false},\"source\":{\"enabled\":true,\"defaultState\":false},\"a11y\":{\"enabled\":false},\"msw\":{\"enabled\":false},\"action\":{\"enabled\":true,\"defaultState\":[]},\"ladle\":{\"enabled\":true},\"width\":{\"enabled\":true,\"options\":{\"xsmall\":414,\"small\":640,\"medium\":768,\"large\":1024},\"defaultState\":0}},\"hotkeys\":{\"search\":[\"/\",\"meta+p\"],\"nextStory\":[\"alt+arrowright\"],\"previousStory\":[\"alt+arrowleft\"],\"nextComponent\":[\"alt+arrowdown\"],\"previousComponent\":[\"alt+arrowup\"],\"control\":[\"c\"],\"darkMode\":[\"d\"],\"fullscreen\":[\"f\"],\"width\":[\"w\"],\"rtl\":[\"r\"],\"source\":[\"s\"],\"a11y\":[\"a\"]},\"i18n\":{\"buildTooltip\":\"💡 Tip: Run \\\"ladle preview\\\" to check that the build works!\"},\"storyOrder\":\"(stories) => stories\"}; + export let config = {"stories":"src/**/*.stories.{js,jsx,ts,tsx,mdx}","addons":{"control":{"enabled":true,"defaultState":{}},"theme":{"enabled":true,"defaultState":"light"},"mode":{"enabled":true,"defaultState":"full"},"rtl":{"enabled":true,"defaultState":false},"source":{"enabled":true,"defaultState":false},"a11y":{"enabled":false},"msw":{"enabled":false},"action":{"enabled":true,"defaultState":[]},"ladle":{"enabled":true},"width":{"enabled":true,"options":{"xsmall":414,"small":640,"medium":768,"large":1024},"defaultState":0}},"hotkeys":{"search":["/","meta+p"],"nextStory":["alt+arrowright"],"previousStory":["alt+arrowleft"],"nextComponent":["alt+arrowdown"],"previousComponent":["alt+arrowup"],"control":["c"],"darkMode":["d"],"fullscreen":["f"],"width":["w"],"rtl":["r"],"source":["s"],"a11y":["a"]},"i18n":{"buildTooltip":"💡 Tip: Run \"ladle preview\" to check that the build works!"},"storyOrder":"(stories) => stories"}; export const Provider = ({children}) => /*#__PURE__*/createElement(Fragment, null, children); - export const StorySourceHeader = ({ path }) => /*#__PURE__*/createElement('div', { style: { paddingTop: \"2em\" }}, /*#__PURE__*/createElement('code', { className: \"ladle-code\" }, path)); + export const StorySourceHeader = ({ path }) => /*#__PURE__*/createElement('div', { style: { paddingTop: "2em" }}, /*#__PURE__*/createElement('code', { className: "ladle-code" }, path)); export const args = {}; export const argTypes = {}; let fileSourceCodes = { - \"2c557f42\": `import%20*%20as%20React%20from%20%22react%22%3B%0Aimport%20type%20%7B%20Story%20%7D%20from%20%22..%2F..%2Flib%2Fapp%2Fexports%22%3B%0A%0Aexport%20const%20Cat%3A%20Story%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3Ch1%3ECat%3C%2Fh1%3E%3B%0A%7D%3B%0A` + "2c557f42": `import%20*%20as%20React%20from%20%22react%22%3B%0Aimport%20type%20%7B%20Story%20%7D%20from%20%22..%2F..%2Flib%2Fapp%2Fexports%22%3B%0A%0Aexport%20const%20Cat%3A%20Story%20%3D%20()%20%3D%3E%20%7B%0A
tests/get-generated-list.test.ts > Default title is used instead of the file name: packages/ladle/tests/get-generated-list.test.ts#L41
Error: Snapshot `Default title is used instead of the file name 1` mismatched - Expected + Received " - import { lazy, createElement, Fragment } from \"react\"; - import composeEnhancers from \"/src/compose-enhancers\"; + import { lazy, createElement, Fragment } from "react"; + import composeEnhancers from "/src/compose-enhancers"; - const title$$cat = lazy(() => import(\"tests/fixtures/default-title.stories.tsx\").then(module => { + const title$$cat = lazy(() => import("tests/fixtures/default-title.stories.tsx").then(module => { return { - default: composeEnhancers(module, \"Cat\") + default: composeEnhancers(module, "Cat") }; })); export let stories = { - \"title--cat\": { + "title--cat": { component: title$$cat, locStart: 8, locEnd: 10, - entry: \"tests/fixtures/default-title.stories.tsx\" + entry: "tests/fixtures/default-title.stories.tsx" } }; - export let config = {\"stories\":\"src/**/*.stories.{js,jsx,ts,tsx,mdx}\",\"addons\":{\"control\":{\"enabled\":true,\"defaultState\":{}},\"theme\":{\"enabled\":true,\"defaultState\":\"light\"},\"mode\":{\"enabled\":true,\"defaultState\":\"full\"},\"rtl\":{\"enabled\":true,\"defaultState\":false},\"source\":{\"enabled\":true,\"defaultState\":false},\"a11y\":{\"enabled\":false},\"msw\":{\"enabled\":false},\"action\":{\"enabled\":true,\"defaultState\":[]},\"ladle\":{\"enabled\":true},\"width\":{\"enabled\":true,\"options\":{\"xsmall\":414,\"small\":640,\"medium\":768,\"large\":1024},\"defaultState\":0}},\"hotkeys\":{\"search\":[\"/\",\"meta+p\"],\"nextStory\":[\"alt+arrowright\"],\"previousStory\":[\"alt+arrowleft\"],\"nextComponent\":[\"alt+arrowdown\"],\"previousComponent\":[\"alt+arrowup\"],\"control\":[\"c\"],\"darkMode\":[\"d\"],\"fullscreen\":[\"f\"],\"width\":[\"w\"],\"rtl\":[\"r\"],\"source\":[\"s\"],\"a11y\":[\"a\"]},\"i18n\":{\"buildTooltip\":\"💡 Tip: Run \\\"ladle preview\\\" to check that the build works!\"},\"storyOrder\":\"(stories) => stories\"}; + export let config = {"stories":"src/**/*.stories.{js,jsx,ts,tsx,mdx}","addons":{"control":{"enabled":true,"defaultState":{}},"theme":{"enabled":true,"defaultState":"light"},"mode":{"enabled":true,"defaultState":"full"},"rtl":{"enabled":true,"defaultState":false},"source":{"enabled":true,"defaultState":false},"a11y":{"enabled":false},"msw":{"enabled":false},"action":{"enabled":true,"defaultState":[]},"ladle":{"enabled":true},"width":{"enabled":true,"options":{"xsmall":414,"small":640,"medium":768,"large":1024},"defaultState":0}},"hotkeys":{"search":["/","meta+p"],"nextStory":["alt+arrowright"],"previousStory":["alt+arrowleft"],"nextComponent":["alt+arrowdown"],"previousComponent":["alt+arrowup"],"control":["c"],"darkMode":["d"],"fullscreen":["f"],"width":["w"],"rtl":["r"],"source":["s"],"a11y":["a"]},"i18n":{"buildTooltip":"💡 Tip: Run \"ladle preview\" to check that the build works!"},"storyOrder":"(stories) => stories"}; export const Provider = ({children}) => /*#__PURE__*/createElement(Fragment, null, children); - export const StorySourceHeader = ({ path }) => /*#__PURE__*/createElement('div', { style: { paddingTop: \"2em\" }}, /*#__PURE__*/createElement('code', { className: \"ladle-code\" }, path)); + export const StorySourceHeader = ({ path }) => /*#__PURE__*/createElement('div', { style: { paddingTop: "2em" }}, /*#__PURE__*/createElement('code', { className: "ladle-code" }, path)); export const args = {}; export const argTypes = {}; let fileSourceCodes = { - \"9c3461a5\": `import%20*%20as%20React%20from%20%22react%22%3B%0Aimport%20type%20%7B%20StoryDefault%2C%20Story%20%7D%20from%20%22..%2F..%2Flib%2Fapp%2Fexports%22%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20%22Title%22%2C%0A%7D%20satisfies%20StoryDefault%3B%0A%0Aexport%20const%20Cat%3A%20Story%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20%3Ch1%3ECat%3C%2Fh1%3E%3B%0A%7D%3B%0A` + "9c3461a5": `import%20*%20as%20React%20from%20%22react%22%3B%0Aimport%20type%20%7B%20StoryDefault%2C%20Story%20%7D%20from%20%22..%2F..%2Flib%2Fapp%2Fexports%22%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%
tests/get-generated-list.test.ts > Story name replaces named export as a story name: packages/ladle/tests/get-generated-list.test.ts#L49
Error: Snapshot `Story name replaces named export as a story name 1` mismatched - Expected + Received " - import { lazy, createElement, Fragment } from \"react\"; - import composeEnhancers from \"/src/compose-enhancers\"; + import { lazy, createElement, Fragment } from "react"; + import composeEnhancers from "/src/compose-enhancers"; - const storyname$$capital$city = lazy(() => import(\"tests/fixtures/storyname.stories.tsx\").then(module => { + const storyname$$capital$city = lazy(() => import("tests/fixtures/storyname.stories.tsx").then(module => { return { - default: composeEnhancers(module, \"CapitalCity\") + default: composeEnhancers(module, "CapitalCity") }; })); - const storyname$$champs$élysées = lazy(() => import(\"tests/fixtures/storyname.stories.tsx\").then(module => { + const storyname$$champs$élysées = lazy(() => import("tests/fixtures/storyname.stories.tsx").then(module => { return { - default: composeEnhancers(module, \"CapitalReplaced\") + default: composeEnhancers(module, "CapitalReplaced") }; })); - const storyname$$doggo = lazy(() => import(\"tests/fixtures/storyname.stories.tsx\").then(module => { + const storyname$$doggo = lazy(() => import("tests/fixtures/storyname.stories.tsx").then(module => { return { - default: composeEnhancers(module, \"Cat\") + default: composeEnhancers(module, "Cat") }; })); export let stories = { - \"storyname--capital-city\": { + "storyname--capital-city": { component: storyname$$capital$city, locStart: 15, locEnd: 17, - entry: \"tests/fixtures/storyname.stories.tsx\" + entry: "tests/fixtures/storyname.stories.tsx" }, - \"storyname--champs-\\xE9lys\\xE9es\": { + "storyname--champs-\xE9lys\xE9es": { component: storyname$$champs$élysées, locStart: 19, locEnd: 21, - entry: \"tests/fixtures/storyname.stories.tsx\" + entry: "tests/fixtures/storyname.stories.tsx" }, - \"storyname--doggo\": { + "storyname--doggo": { component: storyname$$doggo, locStart: 4, locEnd: 9, - entry: \"tests/fixtures/storyname.stories.tsx\" + entry: "tests/fixtures/storyname.stories.tsx" } }; - export let config = {\"stories\":\"src/**/*.stories.{js,jsx,ts,tsx,mdx}\",\"addons\":{\"control\":{\"enabled\":true,\"defaultState\":{}},\"theme\":{\"enabled\":true,\"defaultState\":\"light\"},\"mode\":{\"enabled\":true,\"defaultState\":\"full\"},\"rtl\":{\"enabled\":true,\"defaultState\":false},\"source\":{\"enabled\":true,\"defaultState\":false},\"a11y\":{\"enabled\":false},\"msw\":{\"enabled\":false},\"action\":{\"enabled\":true,\"defaultState\":[]},\"ladle\":{\"enabled\":true},\"width\":{\"enabled\":true,\"options\":{\"xsmall\":414,\"small\":640,\"medium\":768,\"large\":1024},\"defaultState\":0}},\"hotkeys\":{\"search\":[\"/\",\"meta+p\"],\"nextStory\":[\"alt+arrowright\"],\"previousStory\":[\"alt+arrowleft\"],\"nextComponent\":[\"alt+arrowdown\"],\"previousComponent\":[\"alt+arrowup\"],\"control\":[\"c\"],\"darkMode\":[\"d\"],\"fullscreen\":[\"f\"],\"width\":[\"w\"],\"rtl\":[\"r\"],\"source\":[\"s\"],\"a11y\":[\"a\"]},\"i18n\":{\"buildTooltip\":\"💡 Tip: Run \\\"ladle preview\\\" to check that the build works!\"},\"storyOrder\":\"(stories) => stories\"}; + export let config = {"stories":"src/**/*.stories.{js,jsx,ts,tsx,mdx}","addons":{"control":{"enabled":true,"defaultState":{}},"theme":{"enabled":true,"defaultState":"light"},"mode":{"enabled":true,"defaultState":"full"},"rtl":{"enabled":true,"defaultState":false},"source":{"enabled":true,"defaultState":false},"a11y":{"enabled":false},"msw":{"enabled":false},"action":{"enabled":true,"defaultState":[]},"ladle":{"enabled":true},"width":{"enabled":true,"options":{"xsmall":414,"small":640,"medium":768,"large":1024},"defaultState":0}},"hotkeys":{"search":["/","meta+p"],"nextStory":["alt+arrowright"],"previousStory":["alt+arrowleft"],"nextComponent":["alt+arrowdown"],"previousComponent":["alt+arrowup"],"control":["c"],"darkMode":["d"],"fullscreen":["f"],"width":["w"],"rtl":["r"],"source":["s"],"a11y":["a
tests/get-generated-list.test.ts > Extract default meta: packages/ladle/tests/get-generated-list.test.ts#L57
Error: Snapshot `Extract default meta 1` mismatched - Expected + Received " - import { lazy, createElement, Fragment } from \"react\"; - import composeEnhancers from \"/src/compose-enhancers\"; + import { lazy, createElement, Fragment } from "react"; + import composeEnhancers from "/src/compose-enhancers"; - const title$$cat = lazy(() => import(\"tests/fixtures/default-meta.stories.tsx\").then(module => { + const title$$cat = lazy(() => import("tests/fixtures/default-meta.stories.tsx").then(module => { return { - default: composeEnhancers(module, \"Cat\") + default: composeEnhancers(module, "Cat") }; })); export let stories = { - \"title--cat\": { + "title--cat": { component: title$$cat, locStart: 13, locEnd: 15, - entry: \"tests/fixtures/default-meta.stories.tsx\", + entry: "tests/fixtures/default-meta.stories.tsx", meta: { - \"title\": \"Title\", - \"meta\": { - \"baseweb\": { - \"foo\": \"title\" + "title": "Title", + "meta": { + "baseweb": { + "foo": "title" } } } } }; - export let config = {\"stories\":\"src/**/*.stories.{js,jsx,ts,tsx,mdx}\",\"addons\":{\"control\":{\"enabled\":true,\"defaultState\":{}},\"theme\":{\"enabled\":true,\"defaultState\":\"light\"},\"mode\":{\"enabled\":true,\"defaultState\":\"full\"},\"rtl\":{\"enabled\":true,\"defaultState\":false},\"source\":{\"enabled\":true,\"defaultState\":false},\"a11y\":{\"enabled\":false},\"msw\":{\"enabled\":false},\"action\":{\"enabled\":true,\"defaultState\":[]},\"ladle\":{\"enabled\":true},\"width\":{\"enabled\":true,\"options\":{\"xsmall\":414,\"small\":640,\"medium\":768,\"large\":1024},\"defaultState\":0}},\"hotkeys\":{\"search\":[\"/\",\"meta+p\"],\"nextStory\":[\"alt+arrowright\"],\"previousStory\":[\"alt+arrowleft\"],\"nextComponent\":[\"alt+arrowdown\"],\"previousComponent\":[\"alt+arrowup\"],\"control\":[\"c\"],\"darkMode\":[\"d\"],\"fullscreen\":[\"f\"],\"width\":[\"w\"],\"rtl\":[\"r\"],\"source\":[\"s\"],\"a11y\":[\"a\"]},\"i18n\":{\"buildTooltip\":\"💡 Tip: Run \\\"ladle preview\\\" to check that the build works!\"},\"storyOrder\":\"(stories) => stories\"}; + export let config = {"stories":"src/**/*.stories.{js,jsx,ts,tsx,mdx}","addons":{"control":{"enabled":true,"defaultState":{}},"theme":{"enabled":true,"defaultState":"light"},"mode":{"enabled":true,"defaultState":"full"},"rtl":{"enabled":true,"defaultState":false},"source":{"enabled":true,"defaultState":false},"a11y":{"enabled":false},"msw":{"enabled":false},"action":{"enabled":true,"defaultState":[]},"ladle":{"enabled":true},"width":{"enabled":true,"options":{"xsmall":414,"small":640,"medium":768,"large":1024},"defaultState":0}},"hotkeys":{"search":["/","meta+p"],"nextStory":["alt+arrowright"],"previousStory":["alt+arrowleft"],"nextComponent":["alt+arrowdown"],"previousComponent":["alt+arrowup"],"control":["c"],"darkMode":["d"],"fullscreen":["f"],"width":["w"],"rtl":["r"],"source":["s"],"a11y":["a"]},"i18n":{"buildTooltip":"💡 Tip: Run \"ladle preview\" to check that the build works!"},"storyOrder":"(stories) => stories"}; export const Provider = ({children}) => /*#__PURE__*/createElement(Fragment, null, children); - export const StorySourceHeader = ({ path }) => /*#__PURE__*/createElement('div', { style: { paddingTop: \"2em\" }}, /*#__PURE__*/createElement('code', { className: \"ladle-code\" }, path)); + export const StorySourceHeader = ({ path }) => /*#__PURE__*/createElement('div', { style: { paddingTop: "2em" }}, /*#__PURE__*/createElement('code', { className: "ladle-code" }, path)); export const args = {}; export const argTypes = {}; let fileSourceCodes = { - \"782945f7\": `import%20*%20as%20React%20from%20%22react%22%3B%0Aimport%20type%20%7B%20StoryDefault%2C%20Story%20%7D%20from%20%22..%2F..%2Flib%2Fapp%2Fexports%22%3B%0A%0Aexport%20default%20%7B%0A%20%20title%3A%20%22Title%22%2C%0A%20%20meta%3A%20%7B%0A%20%20%20%20baseweb%3A%20%7B%0A%20%20%20%20%20%20foo%3A%20%22title%22%2C%0A%20%20%20%20%7D%2C%0A%20%20%7D%2C%0A%7D%20satisfies
tests/get-generated-list.test.ts > Extract and merge story meta: packages/ladle/tests/get-generated-list.test.ts#L65
Error: Snapshot `Extract and merge story meta 1` mismatched - Expected + Received " - import { lazy, createElement, Fragment } from \"react\"; - import composeEnhancers from \"/src/compose-enhancers\"; + import { lazy, createElement, Fragment } from "react"; + import composeEnhancers from "/src/compose-enhancers"; - const title$$cat = lazy(() => import(\"tests/fixtures/story-meta.stories.tsx\").then(module => { + const title$$cat = lazy(() => import("tests/fixtures/story-meta.stories.tsx").then(module => { return { - default: composeEnhancers(module, \"Cat\") + default: composeEnhancers(module, "Cat") }; })); - const title$$dog = lazy(() => import(\"tests/fixtures/story-meta.stories.tsx\").then(module => { + const title$$dog = lazy(() => import("tests/fixtures/story-meta.stories.tsx").then(module => { return { - default: composeEnhancers(module, \"Dog\") + default: composeEnhancers(module, "Dog") }; })); export let stories = { - \"title--cat\": { + "title--cat": { component: title$$cat, locStart: 14, locEnd: 16, - entry: \"tests/fixtures/story-meta.stories.tsx\", + entry: "tests/fixtures/story-meta.stories.tsx", meta: { - \"title\": \"Title\", - \"meta\": { - \"baseweb\": { - \"theme\": \"dark\", - \"browsers\": [\"chrome\", \"firefox\"], - \"width\": \"500px\" + "title": "Title", + "meta": { + "baseweb": { + "theme": "dark", + "browsers": ["chrome", "firefox"], + "width": "500px" }, - \"links\": true + "links": true } } }, - \"title--dog\": { + "title--dog": { component: title$$dog, locStart: 26, locEnd: 28, - entry: \"tests/fixtures/story-meta.stories.tsx\", + entry: "tests/fixtures/story-meta.stories.tsx", meta: { - \"title\": \"Title\", - \"meta\": { - \"baseweb\": { - \"theme\": \"dark\", - \"browsers\": [\"chrome\", \"webkit\"] + "title": "Title", + "meta": { + "baseweb": { + "theme": "dark", + "browsers": ["chrome", "webkit"] } } } } }; - export let config = {\"stories\":\"src/**/*.stories.{js,jsx,ts,tsx,mdx}\",\"addons\":{\"control\":{\"enabled\":true,\"defaultState\":{}},\"theme\":{\"enabled\":true,\"defaultState\":\"light\"},\"mode\":{\"enabled\":true,\"defaultState\":\"full\"},\"rtl\":{\"enabled\":true,\"defaultState\":false},\"source\":{\"enabled\":true,\"defaultState\":false},\"a11y\":{\"enabled\":false},\"msw\":{\"enabled\":false},\"action\":{\"enabled\":true,\"defaultState\":[]},\"ladle\":{\"enabled\":true},\"width\":{\"enabled\":true,\"options\":{\"xsmall\":414,\"small\":640,\"medium\":768,\"large\":1024},\"defaultState\":0}},\"hotkeys\":{\"search\":[\"/\",\"meta+p\"],\"nextStory\":[\"alt+arrowright\"],\"previousStory\":[\"alt+arrowleft\"],\"nextComponent\":[\"alt+arrowdown\"],\"previousComponent\":[\"alt+arrowup\"],\"control\":[\"c\"],\"darkMode\":[\"d\"],\"fullscreen\":[\"f\"],\"width\":[\"w\"],\"rtl\":[\"r\"],\"source\":[\"s\"],\"a11y\":[\"a\"]},\"i18n\":{\"buildTooltip\":\"💡 Tip: Run \\\"ladle preview\\\" to check that the build works!\"},\"storyOrder\":\"(stories) => stories\"}; + export let config = {"stories":"src/**/*.stories.{js,jsx,ts,tsx,mdx}","addons":{"control":{"enabled":true,"defaultState":{}},"theme":{"enabled":true,"defaultState":"light"},"mode":{"enabled":true,"defaultState":"full"},"rtl":{"enabled":true,"defaultState":false},"source":{"enabled":true,"defaultState":false},"a11y":{"enabled":false},"msw":{"enabled":false},"action":{"enabled":true,"defaultState":[]},"ladle":{"enabled":true},"width":{"enabled":true,"options":{"xsmall":414,"small":640,"medium":768,"large":1024},"defaultState":0}},"hotkeys":{"search":["/","meta+p"],"nextStory":["alt+arrowright"],"previousStory":["alt+arrowleft"],"nextComponent":["alt+arrowdown"],"previousComponent":["alt+arrowup"],"control":["c"],"darkMode":["d"],"fullscreen":["f"],"width":["w"],"
tests/get-meta-json.test.ts > Single file with two stories: packages/ladle/tests/get-meta-json.test.ts#L11
Error: Snapshot `Single file with two stories 1` mismatched - Expected + Received "{ - \"about\": { - \"homepage\": \"https://www.ladle.dev\", - \"github\": \"https://github.com/tajo/ladle\", - \"version\": 1 + "about": { + "homepage": "https://www.ladle.dev", + "github": "https://github.com/tajo/ladle", + "version": 1 }, - \"stories\": { - \"animals--cat\": { - \"name\": \"Cat\", - \"levels\": [ - \"Animals\" + "stories": { + "animals--cat": { + "name": "Cat", + "levels": [ + "Animals" ], - \"locStart\": 4, - \"locEnd\": 6, - \"filePath\": \"tests/fixtures/animals.stories.tsx\", - \"namedExport\": \"Cat\", - \"meta\": {} + "locStart": 4, + "locEnd": 6, + "filePath": "tests/fixtures/animals.stories.tsx", + "namedExport": "Cat", + "meta": {} }, - \"animals--dog\": { - \"name\": \"Dog\", - \"levels\": [ - \"Animals\" + "animals--dog": { + "name": "Dog", + "levels": [ + "Animals" ], - \"locStart\": 8, - \"locEnd\": 10, - \"filePath\": \"tests/fixtures/animals.stories.tsx\", - \"namedExport\": \"Dog\", - \"meta\": {} + "locStart": 8, + "locEnd": 10, + "filePath": "tests/fixtures/animals.stories.tsx", + "namedExport": "Dog", + "meta": {} } } }" ❯ tests/get-meta-json.test.ts:11:16
tests/get-meta-json.test.ts > Capital letters in story names converted into delimiters: packages/ladle/tests/get-meta-json.test.ts#L19
Error: Snapshot `Capital letters in story names converted into delimiters 1` mismatched - Expected + Received "{ - \"about\": { - \"homepage\": \"https://www.ladle.dev\", - \"github\": \"https://github.com/tajo/ladle\", - \"version\": 1 + "about": { + "homepage": "https://www.ladle.dev", + "github": "https://github.com/tajo/ladle", + "version": 1 }, - \"stories\": { - \"capitalization--big-barking-dog\": { - \"name\": \"Big barking dog\", - \"levels\": [ - \"Capitalization\" + "stories": { + "capitalization--big-barking-dog": { + "name": "Big barking dog", + "levels": [ + "Capitalization" ], - \"locStart\": 8, - \"locEnd\": 10, - \"filePath\": \"tests/fixtures/capitalization.stories.tsx\", - \"namedExport\": \"BigBarkingDog\", - \"meta\": {} + "locStart": 8, + "locEnd": 10, + "filePath": "tests/fixtures/capitalization.stories.tsx", + "namedExport": "BigBarkingDog", + "meta": {} }, - \"capitalization--blue-tiny-cat\": { - \"name\": \"Blue tiny cat\", - \"levels\": [ - \"Capitalization\" + "capitalization--blue-tiny-cat": { + "name": "Blue tiny cat", + "levels": [ + "Capitalization" ], - \"locStart\": 4, - \"locEnd\": 6, - \"filePath\": \"tests/fixtures/capitalization.stories.tsx\", - \"namedExport\": \"BlueTinyCat\", - \"meta\": {} + "locStart": 4, + "locEnd": 6, + "filePath": "tests/fixtures/capitalization.stories.tsx", + "namedExport": "BlueTinyCat", + "meta": {} } } }" ❯ tests/get-meta-json.test.ts:19:16
Build and Test (windows-latest, 18.x)
The job was canceled because "ubuntu-latest_20_x" failed.
Build and Test (windows-latest, 18.x)
The operation was canceled.
Build and Test (ubuntu-latest, 20.x)
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/checkout@v3, pnpm/[email protected], actions/setup-node@v3, actions/upload-artifact@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
Build and Test (ubuntu-latest, 20.x)
No files were found with the provided path: playwright-report/. No artifacts will be uploaded.
Build and Test (windows-latest, 20.x)
No files were found with the provided path: playwright-report/. No artifacts will be uploaded.
Build and Test (ubuntu-latest, 18.x)
No files were found with the provided path: playwright-report/. No artifacts will be uploaded.
Build and Test (windows-latest, 18.x)
No files were found with the provided path: playwright-report/. No artifacts will be uploaded.