mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-03-05 20:50:17 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

test: Update unit tests to remove hash (#5152)

Browse source 
* test: update unit tests to remove hash

* chore: update callout component
This commit is contained in:
Mutasem Aldmour 2023-01-16 14:16:12 +01:00 committed by GitHub
parent dfff982662
commit 96d773f82d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
11 changed files with 78 additions and 73 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
packages/design-system/src/components/N8nActionBox/__tests__/__snapshots__/ActionBox.spec.ts.snap
View file

@ -1,12 +1,12 @@
// Vitest Snapshot v1
exports[`N8NActionBox > should render correctly 1`] = `
"<div data-test-id=\\"action-box\\" class=\\"n8n-action-box _container_pvdcm_1\\">
<div class=\\"_emoji_pvdcm_16\\"> 😿 </div>
<div class=\\"_heading_pvdcm_20\\">
"<div data-test-id=\\"action-box\\" class=\\"n8n-action-box _container_\\">
<div class=\\"_emoji_\\"> 😿 </div>
<div class=\\"_heading_\\">
<n8n-heading-stub tag=\\"span\\" size=\\"xlarge\\" align=\\"center\\">Headline you need to know</n8n-heading-stub>
</div>
<div class=\\"_description_pvdcm_24\\">
<div class=\\"_description_\\">
<n8n-text-stub size=\\"medium\\" color=\\"text-base\\" tag=\\"span\\"><span>Long description that you should know something is the way it is because of how it is. </span></n8n-text-stub>
</div>
<n8n-button-stub label=\\"Do something\\" type=\\"primary\\" size=\\"large\\"></n8n-button-stub>

4
packages/design-system/src/components/N8nActionDropdown/__tests__/__snapshots__/ActionDropdown.spec.ts.snap
View file

@ -3,7 +3,7 @@
exports[`components > N8nActionDropdown > should render custom styling correctly 1`] = `
"<div class=\\"action-dropdown-container\\">
<el-dropdown-stub trigger=\\"click\\" size=\\"\\" hideonclick=\\"true\\" placement=\\"bottom\\" visiblearrow=\\"true\\" showtimeout=\\"250\\" hidetimeout=\\"150\\" tabindex=\\"0\\">
<div class=\\"_activator_lf4ng_1\\">
<div class=\\"_activator_\\">
<n8n-icon-stub icon=\\"ellipsis-v\\" size=\\"medium\\"></n8n-icon-stub>
</div>
</el-dropdown-stub>
@ -13,7 +13,7 @@ exports[`components > N8nActionDropdown > should render custom styling correctly
exports[`components > N8nActionDropdown > should render default styling correctly 1`] = `
"<div class=\\"action-dropdown-container\\">
<el-dropdown-stub trigger=\\"click\\" size=\\"\\" hideonclick=\\"true\\" placement=\\"bottom\\" visiblearrow=\\"true\\" showtimeout=\\"250\\" hidetimeout=\\"150\\" tabindex=\\"0\\">
<div class=\\"_activator_lf4ng_1\\">
<div class=\\"_activator_\\">
<n8n-icon-stub icon=\\"ellipsis-v\\" size=\\"medium\\"></n8n-icon-stub>
</div>
</el-dropdown-stub>

6
packages/design-system/src/components/N8nBadge/__tests__/__snapshots__/Badge.spec.ts.snap
View file

@ -1,7 +1,7 @@
// Vitest Snapshot v1
exports[`components > N8nBadge > props > should render default theme correctly 1`] = `"<span class=\\"n8n-badge _default_1j57f_9 _badge_1j57f_1\\"><n8n-text-stub bold=\\"true\\" size=\\"large\\" compact=\\"true\\" tag=\\"span\\"><n8n-text-stub size=\\"medium\\" tag=\\"span\\">Default badge</n8n-text-stub></n8n-text-stub></span>"`;
exports[`components > N8nBadge > props > should render default theme correctly 1`] = `"<span class=\\"n8n-badge _default_ _badge_\\"><n8n-text-stub bold=\\"true\\" size=\\"large\\" compact=\\"true\\" tag=\\"span\\"><n8n-text-stub size=\\"medium\\" tag=\\"span\\">Default badge</n8n-text-stub></n8n-text-stub></span>"`;
exports[`components > N8nBadge > props > should render secondary theme correctly 1`] = `"<span class=\\"n8n-badge _secondary_1j57f_25 _badge_1j57f_1\\"><n8n-text-stub size=\\"medium\\" compact=\\"true\\" tag=\\"span\\"><n8n-text-stub size=\\"medium\\" tag=\\"span\\">Secondary badge</n8n-text-stub></n8n-text-stub></span>"`;
exports[`components > N8nBadge > props > should render secondary theme correctly 1`] = `"<span class=\\"n8n-badge _secondary_ _badge_\\"><n8n-text-stub size=\\"medium\\" compact=\\"true\\" tag=\\"span\\"><n8n-text-stub size=\\"medium\\" tag=\\"span\\">Secondary badge</n8n-text-stub></n8n-text-stub></span>"`;
exports[`components > N8nBadge > props > should render with default values correctly 1`] = `"<span class=\\"n8n-badge _default_1j57f_9 _badge_1j57f_1\\"><n8n-text-stub size=\\"small\\" compact=\\"true\\" tag=\\"span\\"><n8n-text-stub size=\\"medium\\" tag=\\"span\\">A Badge</n8n-text-stub></n8n-text-stub></span>"`;
exports[`components > N8nBadge > props > should render with default values correctly 1`] = `"<span class=\\"n8n-badge _default_ _badge_\\"><n8n-text-stub size=\\"small\\" compact=\\"true\\" tag=\\"span\\"><n8n-text-stub size=\\"medium\\" tag=\\"span\\">A Badge</n8n-text-stub></n8n-text-stub></span>"`;

10
packages/design-system/src/components/N8nButton/__tests__/__snapshots__/Button.spec.ts.snap
View file

@ -1,17 +1,17 @@
// Vitest Snapshot v1
exports[`components > N8nButton > overrides > should render correctly 1`] = `"<button aria-disabled=\\"false\\" aria-busy=\\"false\\" aria-live=\\"polite\\" class=\\"button _button_10jsj_115 _secondary_10jsj_170 _medium_10jsj_274 _icon_10jsj_404\\" icon=\\"plus-circle\\" type=\\"secondary\\"><span class=\\"_icon_10jsj_404\\"><n8n-icon-stub icon=\\"plus-circle\\" size=\\"medium\\"></n8n-icon-stub></span><span>Button</span></button>"`;
exports[`components > N8nButton > overrides > should render correctly 1`] = `"<button aria-disabled=\\"false\\" aria-busy=\\"false\\" aria-live=\\"polite\\" class=\\"button _button_ _secondary_ _medium_ _icon_\\" icon=\\"plus-circle\\" type=\\"secondary\\"><span class=\\"_icon_\\"><n8n-icon-stub icon=\\"plus-circle\\" size=\\"medium\\"></n8n-icon-stub></span><span>Button</span></button>"`;
exports[`components > N8nButton > props > icon > should render icon button 1`] = `"<button aria-disabled=\\"false\\" aria-busy=\\"false\\" aria-live=\\"polite\\" class=\\"button _button_10jsj_115 _primary_10jsj_308 _medium_10jsj_274 _icon_10jsj_404\\"><span class=\\"_icon_10jsj_404\\"><n8n-icon-stub icon=\\"plus-circle\\" size=\\"medium\\"></n8n-icon-stub></span><span>Button</span></button>"`;
exports[`components > N8nButton > props > icon > should render icon button 1`] = `"<button aria-disabled=\\"false\\" aria-busy=\\"false\\" aria-live=\\"polite\\" class=\\"button _button_ _primary_ _medium_ _icon_\\"><span class=\\"_icon_\\"><n8n-icon-stub icon=\\"plus-circle\\" size=\\"medium\\"></n8n-icon-stub></span><span>Button</span></button>"`;
exports[`components > N8nButton > props > loading > should render loading spinner 1`] = `"<button disabled=\\"disabled\\" aria-disabled=\\"false\\" aria-busy=\\"true\\" aria-live=\\"polite\\" class=\\"button _button_10jsj_115 _primary_10jsj_308 _medium_10jsj_274 _loading_10jsj_375 _icon_10jsj_404\\"><span class=\\"_icon_10jsj_404\\"><n8n-spinner-stub size=\\"medium\\" type=\\"dots\\"></n8n-spinner-stub></span><span>Button</span></button>"`;
exports[`components > N8nButton > props > loading > should render loading spinner 1`] = `"<button disabled=\\"disabled\\" aria-disabled=\\"false\\" aria-busy=\\"true\\" aria-live=\\"polite\\" class=\\"button _button_ _primary_ _medium_ _loading_ _icon_\\"><span class=\\"_icon_\\"><n8n-spinner-stub size=\\"medium\\" type=\\"dots\\"></n8n-spinner-stub></span><span>Button</span></button>"`;
exports[`components > N8nButton > props > square > should render square button 1`] = `
"<button aria-disabled=\\"false\\" aria-busy=\\"false\\" aria-live=\\"polite\\" class=\\"button _button_10jsj_115 _primary_10jsj_308 _medium_10jsj_274 _square_10jsj_259\\">
"<button aria-disabled=\\"false\\" aria-busy=\\"false\\" aria-live=\\"polite\\" class=\\"button _button_ _primary_ _medium_ _square_\\">
<!----><span>48</span></button>"
`;
exports[`components > N8nButton > should render correctly 1`] = `
"<button aria-disabled=\\"false\\" aria-busy=\\"false\\" aria-live=\\"polite\\" class=\\"button _button_10jsj_115 _primary_10jsj_308 _medium_10jsj_274\\">
"<button aria-disabled=\\"false\\" aria-busy=\\"false\\" aria-live=\\"polite\\" class=\\"button _button_ _primary_ _medium_\\">
<!----><span>Button</span></button>"
`;

42
packages/design-system/src/components/N8nCallout/__tests__/__snapshots__/Callout.spec.ts.snap
View file

@ -1,9 +1,9 @@
// Vitest Snapshot v1
exports[`components > N8nCallout > should render additional slots correctly 1`] = `
"<div role=\\"alert\\" class=\\"n8n-callout _callout_qeab1_1 _custom_qeab1_18\\">
<div class=\\"_message-section_qeab1_12\\">
<div class=\\"_icon_qeab1_42\\">
"<div role=\\"alert\\" class=\\"n8n-callout _callout_ _custom_\\">
<div class=\\"_message-section_\\">
<div class=\\"_icon_\\">
<n8n-icon-stub icon=\\"code-branch\\" size=\\"large\\"></n8n-icon-stub>
</div>
<n8n-text-stub size=\\"small\\" tag=\\"span\\">
@ -15,9 +15,9 @@ exports[`components > N8nCallout > should render additional slots correctly 1`]
`;
exports[`components > N8nCallout > should render custom theme correctly 1`] = `
"<div role=\\"alert\\" class=\\"n8n-callout _callout_qeab1_1 _custom_qeab1_18\\">
<div class=\\"_message-section_qeab1_12\\">
<div class=\\"_icon_qeab1_42\\">
"<div role=\\"alert\\" class=\\"n8n-callout _callout_ _custom_\\">
<div class=\\"_message-section_\\">
<div class=\\"_icon_\\">
<n8n-icon-stub icon=\\"code-branch\\" size=\\"large\\"></n8n-icon-stub>
</div>
<n8n-text-stub size=\\"small\\" tag=\\"span\\">
@ -28,9 +28,9 @@ exports[`components > N8nCallout > should render custom theme correctly 1`] = `
`;
exports[`components > N8nCallout > should render danger theme correctly 1`] = `
"<div role=\\"alert\\" class=\\"n8n-callout _callout_qeab1_1 _danger_qeab1_36\\">
<div class=\\"_message-section_qeab1_12\\">
<div class=\\"_icon_qeab1_42\\">
"<div role=\\"alert\\" class=\\"n8n-callout _callout_ _danger_\\">
<div class=\\"_message-section_\\">
<div class=\\"_icon_\\">
<n8n-icon-stub icon=\\"times-circle\\" size=\\"large\\"></n8n-icon-stub>
</div>
<n8n-text-stub size=\\"small\\" tag=\\"span\\">
@ -41,9 +41,9 @@ exports[`components > N8nCallout > should render danger theme correctly 1`] = `
`;
exports[`components > N8nCallout > should render info theme correctly 1`] = `
"<div role=\\"alert\\" class=\\"n8n-callout _callout_qeab1_1 _info_qeab1_17\\">
<div class=\\"_message-section_qeab1_12\\">
<div class=\\"_icon_qeab1_42\\">
"<div role=\\"alert\\" class=\\"n8n-callout _callout_ _info_\\">
<div class=\\"_message-section_\\">
<div class=\\"_icon_\\">
<n8n-icon-stub icon=\\"info-circle\\" size=\\"large\\"></n8n-icon-stub>
</div>
<n8n-text-stub size=\\"small\\" tag=\\"span\\">
@ -54,9 +54,9 @@ exports[`components > N8nCallout > should render info theme correctly 1`] = `
`;
exports[`components > N8nCallout > should render secondary theme correctly 1`] = `
"<div role=\\"alert\\" class=\\"n8n-callout _callout_qeab1_1 _secondary_qeab1_46\\">
<div class=\\"_message-section_qeab1_12\\">
<div class=\\"_icon_qeab1_42\\">
"<div role=\\"alert\\" class=\\"n8n-callout _callout_ _secondary_\\">
<div class=\\"_message-section_\\">
<div class=\\"_icon_\\">
<n8n-icon-stub icon=\\"info-circle\\" size=\\"medium\\"></n8n-icon-stub>
</div>
<n8n-text-stub size=\\"small\\" tag=\\"span\\">
@ -67,9 +67,9 @@ exports[`components > N8nCallout > should render secondary theme correctly 1`] =
`;
exports[`components > N8nCallout > should render success theme correctly 1`] = `
"<div role=\\"alert\\" class=\\"n8n-callout _callout_qeab1_1 _success_qeab1_30\\">
<div class=\\"_message-section_qeab1_12\\">
<div class=\\"_icon_qeab1_42\\">
"<div role=\\"alert\\" class=\\"n8n-callout _callout_ _success_\\">
<div class=\\"_message-section_\\">
<div class=\\"_icon_\\">
<n8n-icon-stub icon=\\"check-circle\\" size=\\"large\\"></n8n-icon-stub>
</div>
<n8n-text-stub size=\\"small\\" tag=\\"span\\">
@ -80,9 +80,9 @@ exports[`components > N8nCallout > should render success theme correctly 1`] = `
`;
exports[`components > N8nCallout > should render warning theme correctly 1`] = `
"<div role=\\"alert\\" class=\\"n8n-callout _callout_qeab1_1 _warning_qeab1_24\\">
<div class=\\"_message-section_qeab1_12\\">
<div class=\\"_icon_qeab1_42\\">
"<div role=\\"alert\\" class=\\"n8n-callout _callout_ _warning_\\">
<div class=\\"_message-section_\\">
<div class=\\"_icon_\\">
<n8n-icon-stub icon=\\"exclamation-triangle\\" size=\\"large\\"></n8n-icon-stub>
</div>
<n8n-text-stub size=\\"small\\" tag=\\"span\\">

16
packages/design-system/src/components/N8nCard/__tests__/__snapshots__/Card.spec.ts.snap
View file

@ -1,11 +1,11 @@
// Vitest Snapshot v1
exports[`components > N8nCard > should render correctly 1`] = `
"<div class=\\"card _card_10dnp_1\\">
"<div class=\\"card _card_\\">
<!---->
<div class=\\"_content_10dnp_20\\">
<div class=\\"_content_\\">
<!---->
<div class=\\"_body_10dnp_28\\">This is a card.</div>
<div class=\\"_body_\\">This is a card.</div>
<!---->
</div>
<!---->
@ -13,12 +13,12 @@ exports[`components > N8nCard > should render correctly 1`] = `
`;
exports[`components > N8nCard > should render correctly with header and footer 1`] = `
"<div class=\\"card _card_10dnp_1\\">
"<div class=\\"card _card_\\">
<!---->
<div class=\\"_content_10dnp_20\\">
<div class=\\"_header_10dnp_12\\">Header</div>
<div class=\\"_body_10dnp_28\\">This is a card.</div>
<div class=\\"_footer_10dnp_13\\">Footer</div>
<div class=\\"_content_\\">
<div class=\\"_header_\\">Header</div>
<div class=\\"_body_\\">This is a card.</div>
<div class=\\"_footer_\\">Footer</div>
</div>
<!---->
</div>"

6
packages/design-system/src/components/N8nInfoTip/__tests__/__snapshots__/InfoTip.spec.ts.snap
View file

@ -1,9 +1,9 @@
// Vitest Snapshot v1
exports[`N8nInfoTip > should render correctly as note 1`] = `"<div class=\\"n8n-info-tip _info_3egb8_33 _note_3egb8_16 _base_3egb8_1 _bold_3egb8_12\\"><span class=\\"_iconText_3egb8_28\\"><span class=\\"n8n-icon n8n-text _compact_e4k11_34 _size-medium_e4k11_19 _regular_e4k11_5\\"></span><span>Need help doing something?<a href=\\"/docs\\" target=\\"_blank\\">Open docs</a></span></span></div>"`;
exports[`N8nInfoTip > should render correctly as note 1`] = `"<div class=\\"n8n-info-tip _info_ _note_ _base_ _bold_\\"><span class=\\"_iconText_\\"><span class=\\"n8n-icon n8n-text _compact_ _size-medium_ _regular_\\"></span><span>Need help doing something?<a href=\\"/docs\\" target=\\"_blank\\">Open docs</a></span></span></div>"`;
exports[`N8nInfoTip > should render correctly as tooltip 1`] = `
"<div class=\\"n8n-info-tip _info_3egb8_33 _tooltip_3egb8_23 _base_3egb8_1 _bold_3egb8_12\\">
<n8n-tooltip-stub justifybuttons=\\"flex-end\\" buttons=\\"\\" placement=\\"top\\"><span class=\\"_iconText_3egb8_28\\"><span class=\\"n8n-icon n8n-text _compact_e4k11_34 _size-medium_e4k11_19 _regular_e4k11_5\\"></span></span></n8n-tooltip-stub>
"<div class=\\"n8n-info-tip _info_ _tooltip_ _base_ _bold_\\">
<n8n-tooltip-stub justifybuttons=\\"flex-end\\" buttons=\\"\\" placement=\\"top\\"><span class=\\"_iconText_\\"><span class=\\"n8n-icon n8n-text _compact_ _size-medium_ _regular_\\"></span></span></n8n-tooltip-stub>
</div>"
`;

14
packages/design-system/src/components/N8nNotice/__tests__/__snapshots__/Notice.spec.ts.snap
View file

@ -1,31 +1,31 @@
// Vitest Snapshot v1
exports[`components > N8nNotice > props > content > should render HTML 1`] = `
"<div id=\\"notice\\" role=\\"alert\\" class=\\"notice _notice_e2gnm_1 _warning_e2gnm_18\\">
"<div id=\\"notice\\" role=\\"alert\\" class=\\"notice _notice_ _warning_\\">
<div class=\\"notice-content\\">
<n8n-text-stub size=\\"small\\" compact=\\"true\\" tag=\\"span\\"><span id=\\"notice-content\\" role=\\"region\\" class=\\"_truncated_e2gnm_43\\"><strong>Hello world!</strong> This is a notice.</span></n8n-text-stub>
<n8n-text-stub size=\\"small\\" compact=\\"true\\" tag=\\"span\\"><span id=\\"notice-content\\" role=\\"region\\" class=\\"_truncated_\\"><strong>Hello world!</strong> This is a notice.</span></n8n-text-stub>
</div>
</div>"
`;
exports[`components > N8nNotice > props > content > should render correctly with content prop 1`] = `
"<div id=\\"notice\\" role=\\"alert\\" class=\\"notice _notice_e2gnm_1 _warning_e2gnm_18\\">
"<div id=\\"notice\\" role=\\"alert\\" class=\\"notice _notice_ _warning_\\">
<div class=\\"notice-content\\">
<n8n-text-stub size=\\"small\\" compact=\\"true\\" tag=\\"span\\"><span id=\\"notice-content\\" role=\\"region\\" class=\\"_truncated_e2gnm_43\\">This is a notice.</span></n8n-text-stub>
<n8n-text-stub size=\\"small\\" compact=\\"true\\" tag=\\"span\\"><span id=\\"notice-content\\" role=\\"region\\" class=\\"_truncated_\\">This is a notice.</span></n8n-text-stub>
</div>
</div>"
`;
exports[`components > N8nNotice > props > content > should sanitize rendered HTML 1`] = `
"<div id=\\"notice\\" role=\\"alert\\" class=\\"notice _notice_e2gnm_1 _warning_e2gnm_18\\">
"<div id=\\"notice\\" role=\\"alert\\" class=\\"notice _notice_ _warning_\\">
<div class=\\"notice-content\\">
<n8n-text-stub size=\\"small\\" compact=\\"true\\" tag=\\"span\\"><span id=\\"notice-content\\" role=\\"region\\" class=\\"_truncated_e2gnm_43\\"> This is a notice.</span></n8n-text-stub>
<n8n-text-stub size=\\"small\\" compact=\\"true\\" tag=\\"span\\"><span id=\\"notice-content\\" role=\\"region\\" class=\\"_truncated_\\"> This is a notice.</span></n8n-text-stub>
</div>
</div>"
`;
exports[`components > N8nNotice > should render correctly 1`] = `
"<div id=\\"notice\\" role=\\"alert\\" class=\\"notice _notice_e2gnm_1 _warning_e2gnm_18\\">
"<div id=\\"notice\\" role=\\"alert\\" class=\\"notice _notice_ _warning_\\">
<div class=\\"notice-content\\">
<n8n-text-stub size=\\"small\\" compact=\\"true\\" tag=\\"span\\">This is a notice.</n8n-text-stub>
</div>

2
packages/design-system/src/components/N8nSelect/__tests__/__snapshots__/Select.spec.ts.snap
View file

@ -1,7 +1,7 @@
// Vitest Snapshot v1
exports[`components > N8nSelect > should render correctly 1`] = `
"<div class=\\"n8n-select _container_l5iac_16\\">
"<div class=\\"n8n-select _container_\\">
<!---->
<div class=\\"el-select el-select--large\\">
<!---->

38
packages/design-system/src/components/N8nTree/__tests__/__snapshots__/Tree.spec.ts.snap
View file

@ -5,8 +5,8 @@ exports[`components > N8nTree > should render each tree with node class 1`] = `
<div class=\\"nodeClass\\">
<div><span>hello</span>
<div class=\\"n8n-tree\\">
<div class=\\"nodeClass _indent_1y4uu_1\\">
<div class=\\"_simple_1y4uu_5\\"><span>test</span><span>:</span><span>world</span></div>
<div class=\\"nodeClass _indent_\\">
<div class=\\"_simple_\\"><span>test</span><span>:</span><span>world</span></div>
</div>
</div>
</div>
@ -14,11 +14,11 @@ exports[`components > N8nTree > should render each tree with node class 1`] = `
<div class=\\"nodeClass\\">
<div><span>options</span>
<div class=\\"n8n-tree\\">
<div class=\\"nodeClass _indent_1y4uu_1\\">
<div class=\\"_simple_1y4uu_5\\"><span>0</span><span>:</span><span>yes</span></div>
<div class=\\"nodeClass _indent_\\">
<div class=\\"_simple_\\"><span>0</span><span>:</span><span>yes</span></div>
</div>
<div class=\\"nodeClass _indent_1y4uu_1\\">
<div class=\\"_simple_1y4uu_5\\"><span>1</span><span>:</span><span>no</span></div>
<div class=\\"nodeClass _indent_\\">
<div class=\\"_simple_\\"><span>1</span><span>:</span><span>no</span></div>
</div>
</div>
</div>
@ -29,7 +29,7 @@ exports[`components > N8nTree > should render each tree with node class 1`] = `
exports[`components > N8nTree > should render simple tree 1`] = `
"<div class=\\"n8n-tree\\">
<div class=\\"\\">
<div class=\\"_simple_1y4uu_5\\"><span>hello</span><span>:</span><span>world</span></div>
<div class=\\"_simple_\\"><span>hello</span><span>:</span><span>world</span></div>
</div>
</div>"
`;
@ -39,8 +39,8 @@ exports[`components > N8nTree > should render tree 1`] = `
<div class=\\"\\">
<div><span>hello</span>
<div class=\\"n8n-tree\\">
<div class=\\"_indent_1y4uu_1\\">
<div class=\\"_simple_1y4uu_5\\"><span>test</span><span>:</span><span>world</span></div>
<div class=\\"_indent_\\">
<div class=\\"_simple_\\"><span>test</span><span>:</span><span>world</span></div>
</div>
</div>
</div>
@ -48,11 +48,11 @@ exports[`components > N8nTree > should render tree 1`] = `
<div class=\\"\\">
<div><span>options</span>
<div class=\\"n8n-tree\\">
<div class=\\"_indent_1y4uu_1\\">
<div class=\\"_simple_1y4uu_5\\"><span>0</span><span>:</span><span>yes</span></div>
<div class=\\"_indent_\\">
<div class=\\"_simple_\\"><span>0</span><span>:</span><span>yes</span></div>
</div>
<div class=\\"_indent_1y4uu_1\\">
<div class=\\"_simple_1y4uu_5\\"><span>1</span><span>:</span><span>no</span></div>
<div class=\\"_indent_\\">
<div class=\\"_simple_\\"><span>1</span><span>:</span><span>no</span></div>
</div>
</div>
</div>
@ -65,8 +65,8 @@ exports[`components > N8nTree > should render tree with slots 1`] = `
<div class=\\"\\">
<div><span>label</span>
<div class=\\"n8n-tree\\">
<div class=\\"_indent_1y4uu_1\\">
<div class=\\"_simple_1y4uu_5\\"><span>label</span><span>:</span><span>value</span></div>
<div class=\\"_indent_\\">
<div class=\\"_simple_\\"><span>label</span><span>:</span><span>value</span></div>
</div>
</div>
</div>
@ -74,11 +74,11 @@ exports[`components > N8nTree > should render tree with slots 1`] = `
<div class=\\"\\">
<div><span>label</span>
<div class=\\"n8n-tree\\">
<div class=\\"_indent_1y4uu_1\\">
<div class=\\"_simple_1y4uu_5\\"><span>label</span><span>:</span><span>value</span></div>
<div class=\\"_indent_\\">
<div class=\\"_simple_\\"><span>label</span><span>:</span><span>value</span></div>
</div>
<div class=\\"_indent_1y4uu_1\\">
<div class=\\"_simple_1y4uu_5\\"><span>label</span><span>:</span><span>value</span></div>
<div class=\\"_indent_\\">
<div class=\\"_simple_\\"><span>label</span><span>:</span><span>value</span></div>
</div>
</div>
</div>

5
packages/design-system/vite.config.ts
View file

@ -39,5 +39,10 @@ export default mergeConfig(
environment: 'jsdom',
setupFiles: ['./src/__tests__/setup.ts'],
},
css: {
modules: {
generateScopedName: (name) => `_${name}_`,
},
},
}),
);