Update all dependencies #808
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.
|