feat(editor): Upgrade frontend tooling to address a few vulnerabilities (#8100)

This addresses CVE-2023-49293, CVE-2023-48631, and CVE-2023-26364

## Review / Merge checklist
- [x] PR title and summary are descriptive.
This commit is contained in:
कारतोफ्फेलस्क्रिप्ट™ 2023-12-19 19:23:55 +01:00 committed by GitHub
parent 3a0155059e
commit 19b7f1ffb1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
18 changed files with 725 additions and 574 deletions

View file

@ -46,7 +46,7 @@
"@ngneat/falso": "^6.4.0",
"@types/jest": "^29.5.3",
"@types/supertest": "^2.0.12",
"@vitest/coverage-v8": "^0.33.0",
"@vitest/coverage-v8": "^1.1.0",
"cross-env": "^7.0.3",
"cypress": "^12.17.2",
"cypress-otp": "^1.0.3",
@ -68,9 +68,9 @@
"tsc-watch": "^6.0.4",
"turbo": "1.10.12",
"typescript": "*",
"vite": "^5.0.2",
"vitest": "^0.33.0",
"vue-tsc": "^1.8.8"
"vite": "^5.0.10",
"vitest": "^1.1.0",
"vue-tsc": "^1.8.25"
},
"pnpm": {
"onlyBuiltDependencies": [

View file

@ -42,7 +42,7 @@
"n8n-design-system": "workspace:*",
"shelljs": "^0.8.5",
"unplugin-icons": "^0.17.0",
"vite-plugin-dts": "^3.6.0"
"vite-plugin-dts": "^3.6.4"
},
"repository": {
"type": "git",

View file

@ -38,21 +38,21 @@
"@storybook/testing-library": "^0.2.2",
"@storybook/vue3": "^7.5.2",
"@storybook/vue3-vite": "^7.5.2",
"@testing-library/jest-dom": "^5.17.0",
"@testing-library/user-event": "^14.4.3",
"@testing-library/vue": "^7.0.0",
"@testing-library/jest-dom": "^6.1.5",
"@testing-library/user-event": "^14.5.1",
"@testing-library/vue": "^8.0.1",
"@tsconfig/node18": "^18.2.2",
"@types/jsdom": "^21.1.1",
"@types/jsdom": "^21.1.6",
"@types/markdown-it": "^12.2.3",
"@types/markdown-it-emoji": "^2.0.2",
"@types/markdown-it-link-attributes": "^3.0.1",
"@types/sanitize-html": "^2.9.0",
"@vitejs/plugin-vue": "^4.2.3",
"@vue/test-utils": "^2.4.1",
"@vitejs/plugin-vue": "^4.5.2",
"@vue/test-utils": "^2.4.3",
"@vue/tsconfig": "^0.5.1",
"autoprefixer": "^10.4.14",
"core-js": "^3.31.0",
"jsdom": "21.1.0",
"jsdom": "^23.0.1",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"sass": "^1.64.1",

View file

@ -1,15 +1,15 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`N8NActionBox > should render correctly 1`] = `
"<div class=\\"n8n-action-box container\\" data-test-id=\\"action-box\\">
<div class=\\"emoji\\">😿</div>
<div class=\\"heading\\">
<n8n-heading-stub align=\\"center\\" tag=\\"span\\" bold=\\"false\\" size=\\"xlarge\\"></n8n-heading-stub>
"<div class="n8n-action-box container" data-test-id="action-box">
<div class="emoji">😿</div>
<div class="heading">
<n8n-heading-stub align="center" tag="span" bold="false" size="xlarge"></n8n-heading-stub>
</div>
<div class=\\"description\\">
<n8n-text-stub color=\\"text-base\\" bold=\\"false\\" size=\\"medium\\" compact=\\"false\\" tag=\\"span\\"></n8n-text-stub>
<div class="description">
<n8n-text-stub color="text-base" bold="false" size="medium" compact="false" tag="span"></n8n-text-stub>
</div>
<n8n-button-stub label=\\"Do something\\" type=\\"primary\\" size=\\"large\\" loading=\\"false\\" disabled=\\"false\\" outline=\\"false\\" text=\\"false\\" block=\\"false\\" active=\\"false\\" square=\\"false\\" element=\\"button\\"></n8n-button-stub>
<n8n-button-stub label="Do something" type="primary" size="large" loading="false" disabled="false" outline="false" text="false" block="false" active="false" square="false" element="button"></n8n-button-stub>
<!--v-if-->
</div>"
`;

View file

@ -1,13 +1,13 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`components > N8nActionDropdown > should render custom styling correctly 1`] = `
"<div class=\\"action-dropdown-container actionDropdownContainer\\">
<el-dropdown-stub trigger=\\"click\\" effect=\\"light\\" placement=\\"bottom\\" popperoptions=\\"[object Object]\\" size=\\"\\" splitbutton=\\"false\\" hideonclick=\\"true\\" loop=\\"true\\" showtimeout=\\"150\\" hidetimeout=\\"150\\" tabindex=\\"0\\" maxheight=\\"\\" popperclass=\\"[object Object]\\" disabled=\\"false\\" role=\\"menu\\" teleported=\\"true\\"></el-dropdown-stub>
"<div class="action-dropdown-container actionDropdownContainer">
<el-dropdown-stub trigger="click" effect="light" placement="bottom" popperoptions="[object Object]" size="" splitbutton="false" hideonclick="true" loop="true" showtimeout="150" hidetimeout="150" tabindex="0" maxheight="" popperclass="[object Object]" disabled="false" role="menu" teleported="true"></el-dropdown-stub>
</div>"
`;
exports[`components > N8nActionDropdown > should render default styling correctly 1`] = `
"<div class=\\"action-dropdown-container actionDropdownContainer\\" teleported=\\"false\\">
<el-dropdown-stub trigger=\\"click\\" effect=\\"light\\" placement=\\"bottom\\" popperoptions=\\"[object Object]\\" size=\\"\\" splitbutton=\\"false\\" hideonclick=\\"true\\" loop=\\"true\\" showtimeout=\\"150\\" hidetimeout=\\"150\\" tabindex=\\"0\\" maxheight=\\"\\" popperclass=\\"[object Object]\\" disabled=\\"false\\" role=\\"menu\\" teleported=\\"true\\"></el-dropdown-stub>
"<div class="action-dropdown-container actionDropdownContainer" teleported="false">
<el-dropdown-stub trigger="click" effect="light" placement="bottom" popperoptions="[object Object]" size="" splitbutton="false" hideonclick="true" loop="true" showtimeout="150" hidetimeout="150" tabindex="0" maxheight="" popperclass="[object Object]" disabled="false" role="menu" teleported="true"></el-dropdown-stub>
</div>"
`;

View file

@ -1,7 +1,7 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`components > N8nBadge > props > should render default theme correctly 1`] = `"<span class=\\"n8n-badge default\\"><n8n-text-stub bold=\\"true\\" size=\\"large\\" compact=\\"true\\" tag=\\"span\\"></n8n-text-stub></span>"`;
exports[`components > N8nBadge > props > should render default theme correctly 1`] = `"<span class="n8n-badge default"><n8n-text-stub bold="true" size="large" compact="true" tag="span"></n8n-text-stub></span>"`;
exports[`components > N8nBadge > props > should render secondary theme correctly 1`] = `"<span class=\\"n8n-badge secondary\\"><n8n-text-stub bold=\\"false\\" size=\\"medium\\" compact=\\"true\\" tag=\\"span\\"></n8n-text-stub></span>"`;
exports[`components > N8nBadge > props > should render secondary theme correctly 1`] = `"<span class="n8n-badge secondary"><n8n-text-stub bold="false" size="medium" compact="true" tag="span"></n8n-text-stub></span>"`;
exports[`components > N8nBadge > props > should render with default values correctly 1`] = `"<span class=\\"n8n-badge default\\"><n8n-text-stub bold=\\"false\\" size=\\"small\\" compact=\\"true\\" tag=\\"span\\"></n8n-text-stub></span>"`;
exports[`components > N8nBadge > props > should render with default values correctly 1`] = `"<span class="n8n-badge default"><n8n-text-stub bold="false" size="small" compact="true" tag="span"></n8n-text-stub></span>"`;

View file

@ -1,17 +1,17 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`components > N8nButton > props > icon > should render icon button 1`] = `"<button class=\\"button button primary medium withIcon\\" aria-live=\\"polite\\"><span class=\\"icon\\"><n8n-icon-stub icon=\\"plus-circle\\" size=\\"medium\\" spin=\\"false\\"></n8n-icon-stub></span><span>Button</span></button>"`;
exports[`components > N8nButton > props > icon > should render icon button 1`] = `"<button class="button button primary medium withIcon" aria-live="polite"><span class="icon"><n8n-icon-stub icon="plus-circle" size="medium" spin="false"></n8n-icon-stub></span><span>Button</span></button>"`;
exports[`components > N8nButton > props > loading > should render loading spinner 1`] = `"<button class=\\"button button primary medium loading withIcon\\" disabled=\\"\\" aria-busy=\\"true\\" aria-live=\\"polite\\"><span class=\\"icon\\"><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 class="button button primary medium loading withIcon" disabled="" aria-busy="true" aria-live="polite"><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 class=\\"button button primary medium square\\" aria-live=\\"polite\\">
"<button class="button button primary medium square" aria-live="polite">
<!--v-if--><span>48</span>
</button>"
`;
exports[`components > N8nButton > should render correctly 1`] = `
"<button class=\\"button button primary medium\\" aria-live=\\"polite\\">
"<button class="button button primary medium" aria-live="polite">
<!--v-if--><span>Button</span>
</button>"
`;

View file

@ -1,79 +1,79 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`components > N8nCallout > should render additional slots correctly 1`] = `
"<div class=\\"n8n-callout callout custom round\\" role=\\"alert\\">
<div class=\\"messageSection\\">
<div class=\\"icon\\">
<n8n-icon-stub icon=\\"code-branch\\" size=\\"medium\\" spin=\\"false\\"></n8n-icon-stub>
"<div class="n8n-callout callout custom round" role="alert">
<div class="messageSection">
<div class="icon">
<n8n-icon-stub icon="code-branch" size="medium" spin="false"></n8n-icon-stub>
</div>
<n8n-text-stub bold=\\"false\\" size=\\"small\\" compact=\\"false\\" tag=\\"span\\"></n8n-text-stub> &nbsp; <n8n-link-stub size=\\"small\\"></n8n-link-stub>
<n8n-text-stub bold="false" size="small" compact="false" tag="span"></n8n-text-stub> &nbsp; <n8n-link-stub size="small"></n8n-link-stub>
</div>
<n8n-link-stub theme=\\"secondary\\" size=\\"small\\" bold=\\"true\\" underline=\\"true\\" to=\\"https://n8n.io\\"></n8n-link-stub>
<n8n-link-stub theme="secondary" size="small" bold="true" underline="true" to="https://n8n.io"></n8n-link-stub>
</div>"
`;
exports[`components > N8nCallout > should render custom theme correctly 1`] = `
"<div class=\\"n8n-callout callout custom round\\" role=\\"alert\\">
<div class=\\"messageSection\\">
<div class=\\"icon\\">
<n8n-icon-stub icon=\\"code-branch\\" size=\\"medium\\" spin=\\"false\\"></n8n-icon-stub>
"<div class="n8n-callout callout custom round" role="alert">
<div class="messageSection">
<div class="icon">
<n8n-icon-stub icon="code-branch" size="medium" spin="false"></n8n-icon-stub>
</div>
<n8n-text-stub bold=\\"false\\" size=\\"small\\" compact=\\"false\\" tag=\\"span\\"></n8n-text-stub> &nbsp;
<n8n-text-stub bold="false" size="small" compact="false" tag="span"></n8n-text-stub> &nbsp;
</div>
</div>"
`;
exports[`components > N8nCallout > should render danger theme correctly 1`] = `
"<div class=\\"n8n-callout callout danger round\\" role=\\"alert\\">
<div class=\\"messageSection\\">
<div class=\\"icon\\">
<n8n-icon-stub icon=\\"exclamation-triangle\\" size=\\"medium\\" spin=\\"false\\"></n8n-icon-stub>
"<div class="n8n-callout callout danger round" role="alert">
<div class="messageSection">
<div class="icon">
<n8n-icon-stub icon="exclamation-triangle" size="medium" spin="false"></n8n-icon-stub>
</div>
<n8n-text-stub bold=\\"false\\" size=\\"small\\" compact=\\"false\\" tag=\\"span\\"></n8n-text-stub> &nbsp;
<n8n-text-stub bold="false" size="small" compact="false" tag="span"></n8n-text-stub> &nbsp;
</div>
</div>"
`;
exports[`components > N8nCallout > should render info theme correctly 1`] = `
"<div class=\\"n8n-callout callout info round\\" role=\\"alert\\">
<div class=\\"messageSection\\">
<div class=\\"icon\\">
<n8n-icon-stub icon=\\"info-circle\\" size=\\"medium\\" spin=\\"false\\"></n8n-icon-stub>
"<div class="n8n-callout callout info round" role="alert">
<div class="messageSection">
<div class="icon">
<n8n-icon-stub icon="info-circle" size="medium" spin="false"></n8n-icon-stub>
</div>
<n8n-text-stub bold=\\"false\\" size=\\"small\\" compact=\\"false\\" tag=\\"span\\"></n8n-text-stub> &nbsp;
<n8n-text-stub bold="false" size="small" compact="false" tag="span"></n8n-text-stub> &nbsp;
</div>
</div>"
`;
exports[`components > N8nCallout > should render secondary theme correctly 1`] = `
"<div class=\\"n8n-callout callout secondary round\\" role=\\"alert\\">
<div class=\\"messageSection\\">
<div class=\\"icon\\">
<n8n-icon-stub icon=\\"info-circle\\" size=\\"medium\\" spin=\\"false\\"></n8n-icon-stub>
"<div class="n8n-callout callout secondary round" role="alert">
<div class="messageSection">
<div class="icon">
<n8n-icon-stub icon="info-circle" size="medium" spin="false"></n8n-icon-stub>
</div>
<n8n-text-stub bold=\\"false\\" size=\\"small\\" compact=\\"false\\" tag=\\"span\\"></n8n-text-stub> &nbsp;
<n8n-text-stub bold="false" size="small" compact="false" tag="span"></n8n-text-stub> &nbsp;
</div>
</div>"
`;
exports[`components > N8nCallout > should render success theme correctly 1`] = `
"<div class=\\"n8n-callout callout success round\\" role=\\"alert\\">
<div class=\\"messageSection\\">
<div class=\\"icon\\">
<n8n-icon-stub icon=\\"check-circle\\" size=\\"medium\\" spin=\\"false\\"></n8n-icon-stub>
"<div class="n8n-callout callout success round" role="alert">
<div class="messageSection">
<div class="icon">
<n8n-icon-stub icon="check-circle" size="medium" spin="false"></n8n-icon-stub>
</div>
<n8n-text-stub bold=\\"false\\" size=\\"small\\" compact=\\"false\\" tag=\\"span\\"></n8n-text-stub> &nbsp;
<n8n-text-stub bold="false" size="small" compact="false" tag="span"></n8n-text-stub> &nbsp;
</div>
</div>"
`;
exports[`components > N8nCallout > should render warning theme correctly 1`] = `
"<div class=\\"n8n-callout callout warning round\\" role=\\"alert\\">
<div class=\\"messageSection\\">
<div class=\\"icon\\">
<n8n-icon-stub icon=\\"exclamation-triangle\\" size=\\"medium\\" spin=\\"false\\"></n8n-icon-stub>
"<div class="n8n-callout callout warning round" role="alert">
<div class="messageSection">
<div class="icon">
<n8n-icon-stub icon="exclamation-triangle" size="medium" spin="false"></n8n-icon-stub>
</div>
<n8n-text-stub bold=\\"false\\" size=\\"small\\" compact=\\"false\\" tag=\\"span\\"></n8n-text-stub> &nbsp;
<n8n-text-stub bold="false" size="small" compact="false" tag="span"></n8n-text-stub> &nbsp;
</div>
</div>"
`;

View file

@ -1,11 +1,11 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`components > N8nCard > should render correctly 1`] = `
"<div class=\\"card\\">
"<div class="card">
<!--v-if-->
<div class=\\"content\\">
<div class="content">
<!--v-if-->
<div class=\\"body\\">This is a card.</div>
<div class="body">This is a card.</div>
<!--v-if-->
</div>
<!--v-if-->
@ -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\\">
"<div class="card">
<!--v-if-->
<div class=\\"content\\">
<div class=\\"header\\">Header</div>
<div class=\\"body\\">This is a card.</div>
<div class=\\"footer\\">Footer</div>
<div class="content">
<div class="header">Header</div>
<div class="body">This is a card.</div>
<div class="footer">Footer</div>
</div>
<!--v-if-->
</div>"

View file

@ -1,8 +1,8 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`N8NCircleLoader > should render correctly 1`] = `
"<div class=\\"progress-circle\\"><svg class=\\"progress-ring\\" width=\\"60\\" height=\\"60\\">
<circle class=\\"progressRingCircle\\" stroke-width=\\"10\\" stroke=\\"#DCDFE6\\" fill=\\"transparent\\" r=\\"20\\" cx=\\"30\\" cy=\\"30\\"></circle>
<circle class=\\"progressRingCircle\\" stroke=\\"#5C4EC2\\" stroke-width=\\"10\\" fill=\\"transparent\\" r=\\"20\\" cx=\\"30\\" cy=\\"30\\" style=\\"stroke-dasharray: 125.66370614359172; stroke-dashoffset: 72.8849495632832;\\"></circle>
"<div class="progress-circle"><svg class="progress-ring" width="60" height="60">
<circle class="progressRingCircle" stroke-width="10" stroke="#DCDFE6" fill="transparent" r="20" cx="30" cy="30"></circle>
<circle class="progressRingCircle" stroke="#5C4EC2" stroke-width="10" fill="transparent" r="20" cx="30" cy="30" style="stroke-dasharray: 125.66370614359172; stroke-dashoffset: 72.8849495632832;"></circle>
</svg></div>"
`;

View file

@ -1,103 +1,103 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`components > N8nDatatable > should render correctly 1`] = `
"<div class=\\"datatable datatableWrapper\\">
<table class=\\"datatable\\">
<thead class=\\"datatableHeader\\">
"<div class="datatable datatableWrapper">
<table class="datatable">
<thead class="datatableHeader">
<tr>
<th class=\\"\\">ID</th>
<th class=\\"\\">Name</th>
<th class=\\"\\">Age</th>
<th class=\\"\\">Action</th>
<th class="">ID</th>
<th class="">Name</th>
<th class="">Age</th>
<th class="">Action</th>
</tr>
</thead>
<tbody>
<tr>
<td class=\\"\\"><span>1</span></td>
<td class=\\"\\"><span>Richard Hendricks</span></td>
<td class=\\"\\"><span>29</span></td>
<td class=\\"\\"><button class=\\"button button primary medium\\" aria-live=\\"polite\\" column=\\"[object Object]\\">
<td class=""><span>1</span></td>
<td class=""><span>Richard Hendricks</span></td>
<td class=""><span>29</span></td>
<td class=""><button class="button button primary medium" aria-live="polite" column="[object Object]">
<!--v-if--><span>Button 1</span>
</button></td>
</tr>
<tr>
<td class=\\"\\"><span>2</span></td>
<td class=\\"\\"><span>Bertram Gilfoyle</span></td>
<td class=\\"\\"><span>44</span></td>
<td class=\\"\\"><button class=\\"button button primary medium\\" aria-live=\\"polite\\" column=\\"[object Object]\\">
<td class=""><span>2</span></td>
<td class=""><span>Bertram Gilfoyle</span></td>
<td class=""><span>44</span></td>
<td class=""><button class="button button primary medium" aria-live="polite" column="[object Object]">
<!--v-if--><span>Button 2</span>
</button></td>
</tr>
<tr>
<td class=\\"\\"><span>3</span></td>
<td class=\\"\\"><span>Dinesh Chugtai</span></td>
<td class=\\"\\"><span>31</span></td>
<td class=\\"\\"><button class=\\"button button primary medium\\" aria-live=\\"polite\\" column=\\"[object Object]\\">
<td class=""><span>3</span></td>
<td class=""><span>Dinesh Chugtai</span></td>
<td class=""><span>31</span></td>
<td class=""><button class="button button primary medium" aria-live="polite" column="[object Object]">
<!--v-if--><span>Button 3</span>
</button></td>
</tr>
<tr>
<td class=\\"\\"><span>4</span></td>
<td class=\\"\\"><span>Jared Dunn </span></td>
<td class=\\"\\"><span>38</span></td>
<td class=\\"\\"><button class=\\"button button primary medium\\" aria-live=\\"polite\\" column=\\"[object Object]\\">
<td class=""><span>4</span></td>
<td class=""><span>Jared Dunn </span></td>
<td class=""><span>38</span></td>
<td class=""><button class="button button primary medium" aria-live="polite" column="[object Object]">
<!--v-if--><span>Button 4</span>
</button></td>
</tr>
<tr>
<td class=\\"\\"><span>5</span></td>
<td class=\\"\\"><span>Richard Hendricks</span></td>
<td class=\\"\\"><span>29</span></td>
<td class=\\"\\"><button class=\\"button button primary medium\\" aria-live=\\"polite\\" column=\\"[object Object]\\">
<td class=""><span>5</span></td>
<td class=""><span>Richard Hendricks</span></td>
<td class=""><span>29</span></td>
<td class=""><button class="button button primary medium" aria-live="polite" column="[object Object]">
<!--v-if--><span>Button 5</span>
</button></td>
</tr>
<tr>
<td class=\\"\\"><span>6</span></td>
<td class=\\"\\"><span>Bertram Gilfoyle</span></td>
<td class=\\"\\"><span>44</span></td>
<td class=\\"\\"><button class=\\"button button primary medium\\" aria-live=\\"polite\\" column=\\"[object Object]\\">
<td class=""><span>6</span></td>
<td class=""><span>Bertram Gilfoyle</span></td>
<td class=""><span>44</span></td>
<td class=""><button class="button button primary medium" aria-live="polite" column="[object Object]">
<!--v-if--><span>Button 6</span>
</button></td>
</tr>
<tr>
<td class=\\"\\"><span>7</span></td>
<td class=\\"\\"><span>Dinesh Chugtai</span></td>
<td class=\\"\\"><span>31</span></td>
<td class=\\"\\"><button class=\\"button button primary medium\\" aria-live=\\"polite\\" column=\\"[object Object]\\">
<td class=""><span>7</span></td>
<td class=""><span>Dinesh Chugtai</span></td>
<td class=""><span>31</span></td>
<td class=""><button class="button button primary medium" aria-live="polite" column="[object Object]">
<!--v-if--><span>Button 7</span>
</button></td>
</tr>
<tr>
<td class=\\"\\"><span>8</span></td>
<td class=\\"\\"><span>Jared Dunn </span></td>
<td class=\\"\\"><span>38</span></td>
<td class=\\"\\"><button class=\\"button button primary medium\\" aria-live=\\"polite\\" column=\\"[object Object]\\">
<td class=""><span>8</span></td>
<td class=""><span>Jared Dunn </span></td>
<td class=""><span>38</span></td>
<td class=""><button class="button button primary medium" aria-live="polite" column="[object Object]">
<!--v-if--><span>Button 8</span>
</button></td>
</tr>
<tr>
<td class=\\"\\"><span>9</span></td>
<td class=\\"\\"><span>Richard Hendricks</span></td>
<td class=\\"\\"><span>29</span></td>
<td class=\\"\\"><button class=\\"button button primary medium\\" aria-live=\\"polite\\" column=\\"[object Object]\\">
<td class=""><span>9</span></td>
<td class=""><span>Richard Hendricks</span></td>
<td class=""><span>29</span></td>
<td class=""><button class="button button primary medium" aria-live="polite" column="[object Object]">
<!--v-if--><span>Button 9</span>
</button></td>
</tr>
<tr>
<td class=\\"\\"><span>10</span></td>
<td class=\\"\\"><span>Bertram Gilfoyle</span></td>
<td class=\\"\\"><span>44</span></td>
<td class=\\"\\"><button class=\\"button button primary medium\\" aria-live=\\"polite\\" column=\\"[object Object]\\">
<td class=""><span>10</span></td>
<td class=""><span>Bertram Gilfoyle</span></td>
<td class=""><span>44</span></td>
<td class=""><button class="button button primary medium" aria-live="polite" column="[object Object]">
<!--v-if--><span>Button 10</span>
</button></td>
</tr>
</tbody>
</table>
<div class=\\"pagination\\">
<n8n-pagination-stub pagesize=\\"10\\" total=\\"15\\" currentpage=\\"1\\" pagercount=\\"5\\" layout=\\"prev, pager, next\\" pagesizes=\\"10,20,30,40,50,100\\" popperclass=\\"\\" prevtext=\\"\\" previcon=\\"[object Object]\\" nexttext=\\"\\" nexticon=\\"[object Object]\\" small=\\"false\\" background=\\"true\\" disabled=\\"false\\" hideonsinglepage=\\"false\\"></n8n-pagination-stub>
<div class=\\"pageSizeSelector\\">
<n8n-select-stub modelvalue=\\"10\\" autocomplete=\\"off\\" automaticdropdown=\\"false\\" size=\\"mini\\" effect=\\"light\\" disabled=\\"false\\" clearable=\\"false\\" filterable=\\"false\\" allowcreate=\\"false\\" loading=\\"false\\" popperoptions=\\"[object Object]\\" remote=\\"false\\" multiple=\\"false\\" multiplelimit=\\"0\\" defaultfirstoption=\\"false\\" reservekeyword=\\"true\\" valuekey=\\"value\\" collapsetags=\\"false\\" collapsetagstooltip=\\"false\\" maxcollapsetags=\\"1\\" teleported=\\"true\\" persistent=\\"true\\" clearicon=\\"[object Object]\\" fitinputwidth=\\"false\\" suffixicon=\\"[object Object]\\" tagtype=\\"info\\" validateevent=\\"true\\" remoteshowsuffix=\\"false\\" suffixtransition=\\"true\\" placement=\\"bottom-start\\" popperappendtobody=\\"false\\" limitpopperwidth=\\"false\\"></n8n-select-stub>
<div class="pagination">
<n8n-pagination-stub pagesize="10" total="15" currentpage="1" pagercount="5" layout="prev, pager, next" pagesizes="10,20,30,40,50,100" popperclass="" prevtext="" previcon="[object Object]" nexttext="" nexticon="[object Object]" small="false" background="true" disabled="false" hideonsinglepage="false"></n8n-pagination-stub>
<div class="pageSizeSelector">
<n8n-select-stub modelvalue="10" autocomplete="off" automaticdropdown="false" size="mini" effect="light" disabled="false" clearable="false" filterable="false" allowcreate="false" loading="false" popperoptions="[object Object]" remote="false" multiple="false" multiplelimit="0" defaultfirstoption="false" reservekeyword="true" valuekey="value" collapsetags="false" collapsetagstooltip="false" maxcollapsetags="1" teleported="true" persistent="true" clearicon="[object Object]" fitinputwidth="false" suffixicon="[object Object]" tagtype="info" validateevent="true" remoteshowsuffix="false" suffixtransition="true" placement="bottom-start" popperappendtobody="false" limitpopperwidth="false"></n8n-select-stub>
</div>
</div>
</div>"

View file

@ -1,9 +1,9 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`N8nInfoTip > should render correctly as note 1`] = `"<div class=\\"n8n-info-tip info note bold\\"><span class=\\"iconText\\"><span class=\\"n8n-text compact size-medium regular n8n-icon n8n-icon\\"><!----></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 bold"><span class="iconText"><span class="n8n-text compact size-medium regular n8n-icon n8n-icon"><!----></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 tooltip bold\\">
<n8n-tooltip-stub popperclass=\\"tooltipPopper\\" role=\\"tooltip\\" showafter=\\"0\\" hideafter=\\"200\\" autoclose=\\"0\\" boundariespadding=\\"0\\" gpuacceleration=\\"true\\" offset=\\"12\\" placement=\\"top\\" popperoptions=\\"[object Object]\\" strategy=\\"absolute\\" effect=\\"dark\\" enterable=\\"true\\" pure=\\"false\\" focusonshow=\\"false\\" trapping=\\"false\\" stoppoppermouseevent=\\"true\\" virtualtriggering=\\"false\\" content=\\"\\" rawcontent=\\"false\\" persistent=\\"false\\" teleported=\\"true\\" disabled=\\"false\\" open=\\"false\\" trigger=\\"hover\\" triggerkeys=\\"Enter,Space\\" arrowoffset=\\"5\\" showarrow=\\"true\\" justifybuttons=\\"flex-end\\" buttons=\\"\\" class=\\"\\"></n8n-tooltip-stub>
"<div class="n8n-info-tip info tooltip bold">
<n8n-tooltip-stub popperclass="tooltipPopper" role="tooltip" showafter="0" hideafter="200" autoclose="0" boundariespadding="0" gpuacceleration="true" offset="12" placement="top" popperoptions="[object Object]" strategy="absolute" effect="dark" enterable="true" pure="false" focusonshow="false" trapping="false" stoppoppermouseevent="true" virtualtriggering="false" content="" rawcontent="false" persistent="false" teleported="true" disabled="false" open="false" trigger="hover" triggerkeys="Enter,Space" arrowoffset="5" showarrow="true" justifybuttons="flex-end" buttons="" class=""></n8n-tooltip-stub>
</div>"
`;

View file

@ -1,13 +1,13 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`N8nInput > should render correctly 1`] = `
"<div class=\\"el-input el-input--large n8n-input\\">
"<div class="el-input el-input--large n8n-input">
<!-- input -->
<!-- prepend slot -->
<!--v-if-->
<div class=\\"el-input__wrapper\\">
<div class="el-input__wrapper">
<!-- prefix slot -->
<!--v-if--><input class=\\"el-input__inner\\" autocomplete=\\"off\\" name=\\"input\\" rows=\\"2\\" maxlength=\\"Infinity\\" title=\\"\\" type=\\"text\\" tabindex=\\"0\\" placeholder=\\"\\"><!-- suffix slot -->
<!--v-if--><input class="el-input__inner" autocomplete="off" name="input" rows="2" maxlength="Infinity" title="" type="text" tabindex="0" placeholder=""><!-- suffix slot -->
<!--v-if-->
</div><!-- append slot -->
<!--v-if-->

View file

@ -1,31 +1,31 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`components > N8nNotice > props > content > should render HTML 1`] = `
"<div id=\\"notice\\" class=\\"notice notice warning\\" role=\\"alert\\">
<div class=\\"notice-content\\"><span class=\\"n8n-text compact size-small regular\\"><span class=\\"truncated\\" id=\\"notice-content\\" role=\\"region\\"><strong>Hello world!</strong> This is a notice.</span></span></div>
"<div id="notice" class="notice notice warning" role="alert">
<div class="notice-content"><span class="n8n-text compact size-small regular"><span class="truncated" id="notice-content" role="region"><strong>Hello world!</strong> This is a notice.</span></span></div>
</div>"
`;
exports[`components > N8nNotice > props > content > should render correctly with content prop 1`] = `
"<div id=\\"notice\\" class=\\"notice notice warning\\" role=\\"alert\\">
<div class=\\"notice-content\\">
<n8n-text-stub bold=\\"false\\" size=\\"small\\" compact=\\"true\\" tag=\\"span\\"></n8n-text-stub>
"<div id="notice" class="notice notice warning" role="alert">
<div class="notice-content">
<n8n-text-stub bold="false" size="small" compact="true" tag="span"></n8n-text-stub>
</div>
</div>"
`;
exports[`components > N8nNotice > props > content > should sanitize rendered HTML 1`] = `
"<div id=\\"notice\\" class=\\"notice notice warning\\" role=\\"alert\\">
<div class=\\"notice-content\\">
<n8n-text-stub bold=\\"false\\" size=\\"small\\" compact=\\"true\\" tag=\\"span\\"></n8n-text-stub>
"<div id="notice" class="notice notice warning" role="alert">
<div class="notice-content">
<n8n-text-stub bold="false" size="small" compact="true" tag="span"></n8n-text-stub>
</div>
</div>"
`;
exports[`components > N8nNotice > should render correctly 1`] = `
"<div id=\\"notice\\" class=\\"notice notice warning\\" role=\\"alert\\">
<div class=\\"notice-content\\">
<n8n-text-stub bold=\\"false\\" size=\\"small\\" compact=\\"true\\" tag=\\"span\\"></n8n-text-stub>
"<div id="notice" class="notice notice warning" role="alert">
<div class="notice-content">
<n8n-text-stub bold="false" size="small" compact="true" tag="span"></n8n-text-stub>
</div>
</div>"
`;

View file

@ -1,14 +1,14 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`components > N8nRecycleScroller > should render correctly 1`] = `
"<div class=\\"recycle-scroller-wrapper\\">
<div class=\\"recycle-scroller\\" style=\\"height: 10000px;\\">
<div class=\\"recycle-scroller-items-wrapper\\" style=\\"transform: translateY(0px);\\">
<div class=\\"recycle-scroller-item\\"></div>
<div class=\\"recycle-scroller-item\\"></div>
<div class=\\"recycle-scroller-item\\"></div>
"<div class="recycle-scroller-wrapper">
<div class="recycle-scroller" style="height: 10000px;">
<div class="recycle-scroller-items-wrapper" style="transform: translateY(0px);">
<div class="recycle-scroller-item"></div>
<div class="recycle-scroller-item"></div>
<div class="recycle-scroller-item"></div>
</div>
</div>
<div class=\\"post-list-container\\"></div>
<div class="post-list-container"></div>
</div>"
`;

View file

@ -1,20 +1,20 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`components > N8nSelect > should render correctly 1`] = `
"<div class=\\"n8n-select container\\">
"<div class="n8n-select container">
<!--v-if-->
<div class=\\"el-select el-select--large\\" popperappendtobody=\\"false\\" limitpopperwidth=\\"false\\">
<div class=\\"select-trigger el-tooltip__trigger el-tooltip__trigger\\">
<div class="el-select el-select--large" popperappendtobody="false" limitpopperwidth="false">
<div class="select-trigger el-tooltip__trigger el-tooltip__trigger">
<!--v-if-->
<!-- fix: https://github.com/element-plus/element-plus/issues/11415 -->
<!--v-if-->
<div class=\\"el-input el-input--large el-input--suffix\\">
<div class="el-input el-input--large el-input--suffix">
<!-- input -->
<!-- prepend slot -->
<!--v-if-->
<div class=\\"el-input__wrapper\\">
<div class="el-input__wrapper">
<!-- prefix slot -->
<!--v-if--><input class=\\"el-input__inner\\" type=\\"text\\" readonly=\\"\\" autocomplete=\\"off\\" tabindex=\\"0\\" placeholder=\\"Select\\"><!-- suffix slot --><span class=\\"el-input__suffix\\"><span class=\\"el-input__suffix-inner\\"><i class=\\"el-icon el-select__caret el-select__icon\\"><svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 1024 1024\\"><path fill=\\"currentColor\\" d=\\"M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z\\"></path></svg></i><!--v-if--><!--v-if--><!--v-if--><!--v-if--><!--v-if--><!--v-if--></span></span>
<!--v-if--><input class="el-input__inner" type="text" readonly="" autocomplete="off" tabindex="0" placeholder="Select"><!-- suffix slot --><span class="el-input__suffix"><span class="el-input__suffix-inner"><i class="el-icon el-select__caret el-select__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"></path></svg></i><!--v-if--><!--v-if--><!--v-if--><!--v-if--><!--v-if--><!--v-if--></span></span>
</div><!-- append slot -->
<!--v-if-->
</div>

View file

@ -1,24 +1,24 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`components > N8nTree > should render each tree with node class 1`] = `
"<div class=\\"n8n-tree\\">
<div class=\\"nodeClass\\">
"<div class="n8n-tree">
<div class="nodeClass">
<div><span>hello</span>
<div class=\\"n8n-tree\\">
<div class=\\"nodeClass indent\\">
<div class=\\"simple\\"><span>test</span><span>:</span><span>world</span></div>
<div class="n8n-tree">
<div class="nodeClass indent">
<div class="simple"><span>test</span><span>:</span><span>world</span></div>
</div>
</div>
</div>
</div>
<div class=\\"nodeClass\\">
<div class="nodeClass">
<div><span>options</span>
<div class=\\"n8n-tree\\">
<div class=\\"nodeClass indent\\">
<div class=\\"simple\\"><span>0</span><span>:</span><span>yes</span></div>
<div class="n8n-tree">
<div class="nodeClass indent">
<div class="simple"><span>0</span><span>:</span><span>yes</span></div>
</div>
<div class=\\"nodeClass indent\\">
<div class=\\"simple\\"><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>
@ -27,32 +27,32 @@ 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\\"><span>hello</span><span>:</span><span>world</span></div>
"<div class="n8n-tree">
<div class="">
<div class="simple"><span>hello</span><span>:</span><span>world</span></div>
</div>
</div>"
`;
exports[`components > N8nTree > should render tree 1`] = `
"<div class=\\"n8n-tree\\">
<div class=\\"\\">
"<div class="n8n-tree">
<div class="">
<div><span>hello</span>
<div class=\\"n8n-tree\\">
<div class=\\"indent\\">
<div class=\\"simple\\"><span>test</span><span>:</span><span>world</span></div>
<div class="n8n-tree">
<div class="indent">
<div class="simple"><span>test</span><span>:</span><span>world</span></div>
</div>
</div>
</div>
</div>
<div class=\\"\\">
<div class="">
<div><span>options</span>
<div class=\\"n8n-tree\\">
<div class=\\"indent\\">
<div class=\\"simple\\"><span>0</span><span>:</span><span>yes</span></div>
<div class="n8n-tree">
<div class="indent">
<div class="simple"><span>0</span><span>:</span><span>yes</span></div>
</div>
<div class=\\"indent\\">
<div class=\\"simple\\"><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>
@ -61,24 +61,24 @@ exports[`components > N8nTree > should render tree 1`] = `
`;
exports[`components > N8nTree > should render tree with slots 1`] = `
"<div class=\\"n8n-tree\\">
<div class=\\"\\">
"<div class="n8n-tree">
<div class="">
<div><span>label</span>
<div class=\\"n8n-tree\\">
<div class=\\"indent\\">
<div class=\\"simple\\"><span>label</span><span>:</span><span>value</span></div>
<div class="n8n-tree">
<div class="indent">
<div class="simple"><span>label</span><span>:</span><span>value</span></div>
</div>
</div>
</div>
</div>
<div class=\\"\\">
<div class="">
<div><span>label</span>
<div class=\\"n8n-tree\\">
<div class=\\"indent\\">
<div class=\\"simple\\"><span>label</span><span>:</span><span>value</span></div>
<div class="n8n-tree">
<div class="indent">
<div class="simple"><span>label</span><span>:</span><span>value</span></div>
</div>
<div class=\\"indent\\">
<div class=\\"simple\\"><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>

File diff suppressed because it is too large Load diff