github/svgedit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

addtl test fixes

Browse Source
This commit is contained in:
JFH
2021-12-30 07:38:10 -03:00
parent 2ae3ba770e
commit 11405f08a3
31 changed files with 3832 additions and 943 deletions
Download Patch File Download Diff File Expand all files Collapse all files

861
cypress/integration/ui/__snapshots__/scenario.js.snap
View File

@@ -1,199 +1,774 @@
exports[`use various parts of svg-edit > check tool_source #0`] = ` exports[`use various parts of svg-edit > check tool_source #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
</g> height="480"
</svg> xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
</g>
</svg>
</body>
`; `;
exports[`use various parts of svg-edit > check tool_fhpath #0`] = ` exports[`use various parts of svg-edit > check tool_fhpath #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
</g> height="480"
</svg> xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
</g>
</svg>
</body>
`; `;
exports[`use various parts of svg-edit > check tool_text #0`] = ` exports[`use various parts of svg-edit > check tool_text #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<text fill="#000000" font-family="Serif" font-size="24" id="svg_1" stroke="#000000" stroke-width="0" text-anchor="middle" x="46" xml:space="preserve" y="35">AB</text> height="480"
</g> xmlns="http://www.w3.org/2000/svg"
</svg> xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#000000"
font-family="Serif"
font-size="24"
id="svg_1"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
x="46"
xml:space="preserve"
y="35"
>
AB
</text>
</g>
</svg>
</body>
`; `;
exports[`use various parts of svg-edit > check tool_clone #0`] = ` exports[`use various parts of svg-edit > check tool_clone #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<text fill="#000000" font-family="Serif" font-size="24" id="svg_1" stroke="#000000" stroke-width="0" text-anchor="middle" x="46" xml:space="preserve" y="35">AB</text> height="480"
<text fill="#000000" font-family="Serif" font-size="24" id="svg_2" stroke="#000000" stroke-width="0" text-anchor="middle" x="66" xml:space="preserve" y="55">AB</text> xmlns="http://www.w3.org/2000/svg"
</g> xmlns:svg="http://www.w3.org/2000/svg"
</svg> >
<g class="layer">
<title>Layer 1</title>
<text
fill="#000000"
font-family="Serif"
font-size="24"
id="svg_1"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
x="46"
xml:space="preserve"
y="35"
>
AB
</text>
<text
fill="#000000"
font-family="Serif"
font-size="24"
id="svg_2"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
x="66"
xml:space="preserve"
y="55"
>
AB
</text>
</g>
</svg>
</body>
`; `;
exports[`use various parts of svg-edit > check tool_italic #0`] = ` exports[`use various parts of svg-edit > check tool_italic #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<text fill="#000000" font-family="Serif" font-size="24" font-style="italic" id="svg_1" stroke="#000000" stroke-width="0" text-anchor="middle" x="46" xml:space="preserve" y="35">AB</text> height="480"
<text fill="#000000" font-family="Serif" font-size="24" id="svg_2" stroke="#000000" stroke-width="0" text-anchor="middle" transform="matrix(1 0 0 1 0 0)" x="66" xml:space="preserve" y="55">AB</text> xmlns="http://www.w3.org/2000/svg"
</g> xmlns:svg="http://www.w3.org/2000/svg"
</svg> >
<g class="layer">
<title>Layer 1</title>
<text
fill="#000000"
font-family="Serif"
font-size="24"
font-style="italic"
id="svg_1"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
x="46"
xml:space="preserve"
y="35"
>
AB
</text>
<text
fill="#000000"
font-family="Serif"
font-size="24"
id="svg_2"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
transform="matrix(1 0 0 1 0 0)"
x="66"
xml:space="preserve"
y="55"
>
AB
</text>
</g>
</svg>
</body>
`; `;
exports[`use various parts of svg-edit > check tool_bold #0`] = ` exports[`use various parts of svg-edit > check tool_bold #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<text fill="#000000" font-family="Serif" font-size="24" font-style="italic" font-weight="bold" id="svg_1" stroke="#000000" stroke-width="0" text-anchor="middle" x="46" xml:space="preserve" y="35">AB</text> height="480"
<text fill="#000000" font-family="Serif" font-size="24" id="svg_2" stroke="#000000" stroke-width="0" text-anchor="middle" transform="matrix(1 0 0 1 0 0)" x="66" xml:space="preserve" y="55">AB</text> xmlns="http://www.w3.org/2000/svg"
</g> xmlns:svg="http://www.w3.org/2000/svg"
</svg> >
<g class="layer">
<title>Layer 1</title>
<text
fill="#000000"
font-family="Serif"
font-size="24"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
x="46"
xml:space="preserve"
y="35"
>
AB
</text>
<text
fill="#000000"
font-family="Serif"
font-size="24"
id="svg_2"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
transform="matrix(1 0 0 1 0 0)"
x="66"
xml:space="preserve"
y="55"
>
AB
</text>
</g>
</svg>
</body>
`; `;
exports[`use various parts of svg-edit > check tool_text_change_x_y_coordinate #0`] = ` exports[`use various parts of svg-edit > check tool_text_change_x_y_coordinate #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<text fill="#000000" font-family="Serif" font-size="24" font-style="italic" font-weight="bold" id="svg_1" stroke="#000000" stroke-width="0" text-anchor="middle" transform="matrix(1 0 0 1 0 0)" x="46" xml:space="preserve" y="35">AB</text> height="480"
<text fill="#000000" font-family="Serif" font-size="24" id="svg_2" stroke="#000000" stroke-width="0" text-anchor="middle" x="91" xml:space="preserve" y="80">AB</text> xmlns="http://www.w3.org/2000/svg"
</g> xmlns:svg="http://www.w3.org/2000/svg"
</svg> >
<g class="layer">
<title>Layer 1</title>
<text
fill="#000000"
font-family="Serif"
font-size="24"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
transform="matrix(1 0 0 1 0 0)"
x="46"
xml:space="preserve"
y="35"
>
AB
</text>
<text
fill="#000000"
font-family="Serif"
font-size="24"
id="svg_2"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
x="91"
xml:space="preserve"
y="80"
>
AB
</text>
</g>
</svg>
</body>
`; `;
exports[`use various parts of svg-edit > check tool_text_change_font_size #0`] = ` exports[`use various parts of svg-edit > check tool_text_change_font_size #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<text fill="#000000" font-family="Serif" font-size="34" font-style="italic" font-weight="bold" id="svg_1" stroke="#000000" stroke-width="0" text-anchor="middle" x="46" xml:space="preserve" y="35">AB</text> height="480"
<text fill="#000000" font-family="Serif" font-size="24" id="svg_2" stroke="#000000" stroke-width="0" text-anchor="middle" transform="matrix(1 0 0 1 0 0)" x="91" xml:space="preserve" y="80">AB</text> xmlns="http://www.w3.org/2000/svg"
</g> xmlns:svg="http://www.w3.org/2000/svg"
</svg> >
<g class="layer">
<title>Layer 1</title>
<text
fill="#000000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
x="46"
xml:space="preserve"
y="35"
>
AB
</text>
<text
fill="#000000"
font-family="Serif"
font-size="24"
id="svg_2"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
transform="matrix(1 0 0 1 0 0)"
x="91"
xml:space="preserve"
y="80"
>
AB
</text>
</g>
</svg>
</body>
`; `;
exports[`use various parts of svg-edit > check tool_text_change_stroke_width #0`] = ` exports[`use various parts of svg-edit > check tool_text_change_stroke_width #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<text fill="#000000" font-family="Serif" font-size="34" font-style="italic" font-weight="bold" id="svg_1" stroke="#000000" text-anchor="middle" x="46" xml:space="preserve" y="35">AB</text> height="480"
<text fill="#000000" font-family="Serif" font-size="24" id="svg_2" stroke="#000000" stroke-width="0" text-anchor="middle" transform="matrix(1 0 0 1 0 0)" x="91" xml:space="preserve" y="80">AB</text> xmlns="http://www.w3.org/2000/svg"
</g> xmlns:svg="http://www.w3.org/2000/svg"
</svg> >
<g class="layer">
<title>Layer 1</title>
<text
fill="#000000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#000000"
text-anchor="middle"
x="46"
xml:space="preserve"
y="35"
>
AB
</text>
<text
fill="#000000"
font-family="Serif"
font-size="24"
id="svg_2"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
transform="matrix(1 0 0 1 0 0)"
x="91"
xml:space="preserve"
y="80"
>
AB
</text>
</g>
</svg>
</body>
`; `;
exports[`use various parts of svg-edit > check tool_text_change_stoke_fill_color #0`] = ` exports[`use various parts of svg-edit > check tool_text_change_stoke_fill_color #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<text fill="#bf0000" font-family="Serif" font-size="34" font-style="italic" font-weight="bold" id="svg_1" stroke="#0000bf" text-anchor="middle" x="46" xml:space="preserve" y="35">AB</text> height="480"
<text fill="#000000" font-family="Serif" font-size="24" id="svg_2" stroke="#000000" stroke-width="0" text-anchor="middle" transform="matrix(1 0 0 1 0 0)" x="91" xml:space="preserve" y="80">AB</text> xmlns="http://www.w3.org/2000/svg"
</g> xmlns:svg="http://www.w3.org/2000/svg"
</svg> >
<g class="layer">
<title>Layer 1</title>
<text
fill="#bf0000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#0000bf"
text-anchor="middle"
x="46"
xml:space="preserve"
y="35"
>
AB
</text>
<text
fill="#000000"
font-family="Serif"
font-size="24"
id="svg_2"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
transform="matrix(1 0 0 1 0 0)"
x="91"
xml:space="preserve"
y="80"
>
AB
</text>
</g>
</svg>
</body>
`; `;
exports[`use various parts of svg-edit > check tool_text_anchor_start #0`] = ` exports[`use various parts of svg-edit > check tool_text_anchor_start #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<text fill="#bf0000" font-family="Serif" font-size="34" font-style="italic" font-weight="bold" id="svg_1" stroke="#0000bf" text-anchor="start" x="46" xml:space="preserve" y="35">AB</text> height="480"
<text fill="#000000" font-family="Serif" font-size="24" id="svg_2" stroke="#000000" stroke-width="0" text-anchor="middle" transform="matrix(1 0 0 1 0 0)" x="91" xml:space="preserve" y="80">AB</text> xmlns="http://www.w3.org/2000/svg"
</g> xmlns:svg="http://www.w3.org/2000/svg"
</svg> >
<g class="layer">
<title>Layer 1</title>
<text
fill="#bf0000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#0000bf"
text-anchor="start"
x="46"
xml:space="preserve"
y="35"
>
AB
</text>
<text
fill="#000000"
font-family="Serif"
font-size="24"
id="svg_2"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
transform="matrix(1 0 0 1 0 0)"
x="91"
xml:space="preserve"
y="80"
>
AB
</text>
</g>
</svg>
</body>
`; `;
exports[`use various parts of svg-edit > check tool_text_anchor_middle #0`] = ` exports[`use various parts of svg-edit > check tool_text_anchor_middle #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<text fill="#bf0000" font-family="Serif" font-size="34" font-style="italic" font-weight="bold" id="svg_1" stroke="#0000bf" text-anchor="middle" x="46" xml:space="preserve" y="35">AB</text> height="480"
<text fill="#000000" font-family="Serif" font-size="24" id="svg_2" stroke="#000000" stroke-width="0" text-anchor="middle" transform="matrix(1 0 0 1 0 0)" x="91" xml:space="preserve" y="80">AB</text> xmlns="http://www.w3.org/2000/svg"
</g> xmlns:svg="http://www.w3.org/2000/svg"
</svg> >
<g class="layer">
<title>Layer 1</title>
<text
fill="#bf0000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#0000bf"
text-anchor="middle"
x="46"
xml:space="preserve"
y="35"
>
AB
</text>
<text
fill="#000000"
font-family="Serif"
font-size="24"
id="svg_2"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
transform="matrix(1 0 0 1 0 0)"
x="91"
xml:space="preserve"
y="80"
>
AB
</text>
</g>
</svg>
</body>
`; `;
exports[`use various parts of svg-edit > check tool_text_anchor_end #0`] = ` exports[`use various parts of svg-edit > check tool_text_anchor_end #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<text fill="#bf0000" font-family="Serif" font-size="34" font-style="italic" font-weight="bold" id="svg_1" stroke="#0000bf" text-anchor="end" x="46" xml:space="preserve" y="35">AB</text> height="480"
<text fill="#000000" font-family="Serif" font-size="24" id="svg_2" stroke="#000000" stroke-width="0" text-anchor="middle" transform="matrix(1 0 0 1 0 0)" x="91" xml:space="preserve" y="80">AB</text> xmlns="http://www.w3.org/2000/svg"
</g> xmlns:svg="http://www.w3.org/2000/svg"
</svg> >
<g class="layer">
<title>Layer 1</title>
<text
fill="#bf0000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#0000bf"
text-anchor="end"
x="46"
xml:space="preserve"
y="35"
>
AB
</text>
<text
fill="#000000"
font-family="Serif"
font-size="24"
id="svg_2"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
transform="matrix(1 0 0 1 0 0)"
x="91"
xml:space="preserve"
y="80"
>
AB
</text>
</g>
</svg>
</body>
`; `;
exports[`use various parts of svg-edit > check tool_text_change_rotation #0`] = ` exports[`use various parts of svg-edit > check tool_text_change_rotation #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<text fill="#bf0000" font-family="Serif" font-size="34" font-style="italic" font-weight="bold" id="svg_1" stroke="#0000bf" text-anchor="end" transform="matrix(1 0 0 1 0 0)" x="46" xml:space="preserve" y="35">AB</text> height="480"
<text fill="#000000" font-family="Serif" font-size="24" id="svg_2" stroke="#000000" stroke-width="0" text-anchor="middle" transform="rotate(25 91 72)" x="91" xml:space="preserve" y="80">AB</text> xmlns="http://www.w3.org/2000/svg"
</g> xmlns:svg="http://www.w3.org/2000/svg"
</svg> >
<g class="layer">
<title>Layer 1</title>
<text
fill="#bf0000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#0000bf"
text-anchor="end"
transform="matrix(1 0 0 1 0 0)"
x="46"
xml:space="preserve"
y="35"
>
AB
</text>
<text
fill="#000000"
font-family="Serif"
font-size="24"
id="svg_2"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
transform="rotate(25 91 72)"
x="91"
xml:space="preserve"
y="80"
>
AB
</text>
</g>
</svg>
</body>
`; `;
exports[`use various parts of svg-edit > check tool_text_change_blur #0`] = ` exports[`use various parts of svg-edit > check tool_text_change_blur #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<text fill="#bf0000" font-family="Serif" font-size="34" font-style="italic" font-weight="bold" id="svg_1" stroke="#0000bf" text-anchor="end" transform="matrix(1 0 0 1 0 0)" x="46" xml:space="preserve" y="35">AB</text> height="480"
<text fill="#000000" filter="url(#svg_2_blur)" font-family="Serif" font-size="24" id="svg_2" stroke="#000000" stroke-width="0" text-anchor="middle" transform="rotate(25 91 72)" x="91" xml:space="preserve" y="80">AB</text> xmlns="http://www.w3.org/2000/svg"
</g> xmlns:svg="http://www.w3.org/2000/svg"
<defs> >
<filter height="200%" id="svg_2_blur" width="200%" x="-50%" y="-50%"> <g class="layer">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/> <title>Layer 1</title>
</filter> <text
</defs> fill="#bf0000"
</svg> font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#0000bf"
text-anchor="end"
transform="matrix(1 0 0 1 0 0)"
x="46"
xml:space="preserve"
y="35"
>
AB
</text>
<text
fill="#000000"
filter="url(#svg_2_blur)"
font-family="Serif"
font-size="24"
id="svg_2"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
transform="rotate(25 91 72)"
x="91"
xml:space="preserve"
y="80"
>
AB
</text>
</g>
<defs>
<filter height="200%" id="svg_2_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`; `;
exports[`use various parts of svg-edit > check tool_text_change_opacity #0`] = ` exports[`use various parts of svg-edit > check tool_text_change_opacity #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<text fill="#bf0000" font-family="Serif" font-size="34" font-style="italic" font-weight="bold" id="svg_1" stroke="#0000bf" text-anchor="end" transform="matrix(1 0 0 1 0 0)" x="46" xml:space="preserve" y="35">AB</text> height="480"
<text fill="#000000" filter="url(#svg_2_blur)" font-family="Serif" font-size="24" id="svg_2" opacity="0.5" stroke="#000000" stroke-width="0" text-anchor="middle" transform="rotate(25 91 72)" x="91" xml:space="preserve" y="80">AB</text> xmlns="http://www.w3.org/2000/svg"
</g> xmlns:svg="http://www.w3.org/2000/svg"
<defs> >
<filter height="200%" id="svg_2_blur" width="200%" x="-50%" y="-50%"> <g class="layer">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/> <title>Layer 1</title>
</filter> <text
</defs> fill="#bf0000"
</svg> font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#0000bf"
text-anchor="end"
transform="matrix(1 0 0 1 0 0)"
x="46"
xml:space="preserve"
y="35"
>
AB
</text>
<text
fill="#000000"
filter="url(#svg_2_blur)"
font-family="Serif"
font-size="24"
id="svg_2"
opacity="0.5"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
transform="rotate(25 91 72)"
x="91"
xml:space="preserve"
y="80"
>
AB
</text>
</g>
<defs>
<filter height="200%" id="svg_2_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`; `;
exports[`use various parts of svg-edit > check tool_text_align_to_page #0`] = ` exports[`use various parts of svg-edit > check tool_text_align_to_page #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<text fill="#bf0000" font-family="Serif" font-size="34" font-style="italic" font-weight="bold" id="svg_1" stroke="#0000bf" text-anchor="end" transform="matrix(1 0 0 1 0 0)" x="46" xml:space="preserve" y="35">AB</text> height="480"
<text fill="#000000" filter="url(#svg_2_blur)" font-family="Serif" font-size="24" id="svg_2" opacity="0.5" stroke="#000000" stroke-width="0" text-anchor="middle" transform="rotate(25 91 72)" x="91" xml:space="preserve" y="80">AB</text> xmlns="http://www.w3.org/2000/svg"
</g> xmlns:svg="http://www.w3.org/2000/svg"
<defs> >
<filter height="200%" id="svg_2_blur" width="200%" x="-50%" y="-50%"> <g class="layer">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/> <title>Layer 1</title>
</filter> <text
</defs> fill="#bf0000"
</svg> font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#0000bf"
text-anchor="end"
transform="matrix(1 0 0 1 0 0)"
x="46"
xml:space="preserve"
y="35"
>
AB
</text>
<text
fill="#000000"
filter="url(#svg_2_blur)"
font-family="Serif"
font-size="24"
id="svg_2"
opacity="0.5"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
transform="rotate(25 91 72)"
x="91"
xml:space="preserve"
y="80"
>
AB
</text>
</g>
<defs>
<filter height="200%" id="svg_2_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`; `;
exports[`use various parts of svg-edit > check tool_text_delete #0`] = ` exports[`use various parts of svg-edit > check tool_text_delete #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<text fill="#bf0000" font-family="Serif" font-size="34" font-style="italic" font-weight="bold" id="svg_1" stroke="#0000bf" text-anchor="end" transform="matrix(1 0 0 1 0 0)" x="46" xml:space="preserve" y="35">AB</text> height="480"
</g> xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
</svg> >
<g class="layer">
<title>Layer 1</title>
<text
fill="#bf0000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#0000bf"
text-anchor="end"
transform="matrix(1 0 0 1 0 0)"
x="46"
xml:space="preserve"
y="35"
>
AB
</text>
</g>
</svg>
</body>
`; `;
exports[`use various parts of svg-edit > check tool_text_change_font_family #0`] = ` exports[`use various parts of svg-edit > check tool_text_change_font_family #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<text fill="#bf0000" font-family="Serif" font-size="34" font-style="italic" font-weight="bold" id="svg_1" stroke="#0000bf" text-anchor="end" x="46" xml:space="preserve" y="35">AB</text> height="480"
</g> xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
</svg> >
<g class="layer">
<title>Layer 1</title>
<text
fill="#bf0000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#0000bf"
text-anchor="end"
x="46"
xml:space="preserve"
y="35"
>
AB
</text>
</g>
</svg>
</body>
`; `;

90
cypress/integration/ui/__snapshots__/scenario1.js.snap
View File

@@ -1,28 +1,78 @@
exports[`use all parts of svg-edit > check tool_source_set #0`] = ` exports[`use all parts of svg-edit > check tool_source_set #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
</g> height="480"
</svg> xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_shape #0`] = ` exports[`use all parts of svg-edit > check tool_shape #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<path d="m208.99747,203.82033c4.11769,-11.81303 20.25091,0 0,15.18818c-20.25091,-15.18818 -4.11769,-27.00122 0,-15.18818z" fill="#FF0000" id="svg_1" stroke="#000000" stroke-width="5" transform="rotate(43.2545 208.997 209.008)"/> height="480"
</g> xmlns="http://www.w3.org/2000/svg"
</svg> xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<path
d="m208.99747,203.82033c4.11769,-11.81303 20.25091,0 0,15.18818c-20.25091,-15.18818 -4.11769,-27.00122 0,-15.18818z"
fill="#FF0000"
id="svg_1"
stroke="#000000"
stroke-width="5"
transform="rotate(43.2545 208.997 209.008)"
></path>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_image #0`] = ` exports[`use all parts of svg-edit > check tool_image #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<path d="m208.99747,203.82033c4.11769,-11.81303 20.25091,0 0,15.18818c-20.25091,-15.18818 -4.11769,-27.00122 0,-15.18818z" fill="#FF0000" id="svg_1" stroke="#000000" stroke-width="5" transform="rotate(43.2545 208.997 209.008)"/> height="480"
<image height="20" id="svg_2" opacity="0.5" width="20" x="295" xlink:href="./images/logo.svg" y="295"> xmlns="http://www.w3.org/2000/svg"
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" to="1"/> xmlns:svg="http://www.w3.org/2000/svg"
</image> xmlns:xlink="http://www.w3.org/1999/xlink"
</g> >
</svg> <g class="layer">
<title>Layer 1</title>
<path
d="m208.99747,203.82033c4.11769,-11.81303 20.25091,0 0,15.18818c-20.25091,-15.18818 -4.11769,-27.00122 0,-15.18818z"
fill="#FF0000"
id="svg_1"
stroke="#000000"
stroke-width="5"
transform="rotate(43.2545 208.997 209.008)"
></path>
<image
height="20"
id="svg_2"
opacity="0.5"
width="20"
x="295"
xlink:href="./images/logo.svg"
y="295"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="1"
></animate>
</image>
</g>
</svg>
</body>
`; `;

704
cypress/integration/ui/__snapshots__/scenario2.js.snap
View File

@@ -1,173 +1,607 @@
exports[`use all parts of svg-edit > check tool_source_set #0`] = ` exports[`use all parts of svg-edit > check tool_source_set #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
</g> height="480"
</svg> xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_circle #0`] = ` exports[`use all parts of svg-edit > check tool_circle #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" opacity="0.5" r="111.8034" stroke="#000000" stroke-width="5"> height="480"
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" to="1"/> xmlns="http://www.w3.org/2000/svg"
</circle> xmlns:svg="http://www.w3.org/2000/svg"
</g> >
</svg> <g class="layer">
<title>Layer 1</title>
<circle
cx="150"
cy="150"
fill="#FF0000"
id="svg_1"
opacity="0.5"
r="111.8034"
stroke="#000000"
stroke-width="5"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="1"
></animate>
</circle>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_fhellipse #0`] = ` exports[`use all parts of svg-edit > check tool_fhellipse #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8034" stroke="#000000" stroke-width="5"/> height="480"
<ellipse cx="299" cy="169" fill="#FF0000" id="svg_2" opacity="0.5" rx="60" ry="50" stroke="#000000" stroke-width="5"> xmlns="http://www.w3.org/2000/svg"
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" to="1"/> xmlns:svg="http://www.w3.org/2000/svg"
</ellipse> >
</g> <g class="layer">
</svg> <title>Layer 1</title>
<circle
cx="150"
cy="150"
fill="#FF0000"
id="svg_1"
r="111.8034"
stroke="#000000"
stroke-width="5"
></circle>
<ellipse
cx="299"
cy="169"
fill="#FF0000"
id="svg_2"
opacity="0.5"
rx="60"
ry="50"
stroke="#000000"
stroke-width="5"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="1"
></animate>
</ellipse>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_ellipse #0`] = ` exports[`use all parts of svg-edit > check tool_ellipse #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8034" stroke="#000000" stroke-width="5"/> height="480"
<ellipse cx="299" cy="169" fill="#FF0000" id="svg_2" rx="60" ry="50" stroke="#000000" stroke-width="5"/> xmlns="http://www.w3.org/2000/svg"
<ellipse cx="114" cy="189" fill="#FF0000" id="svg_3" opacity="0.5" rx="55" ry="25" stroke="#000000" stroke-width="5"> xmlns:svg="http://www.w3.org/2000/svg"
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" to="1"/> >
</ellipse> <g class="layer">
</g> <title>Layer 1</title>
</svg> <circle
cx="150"
cy="150"
fill="#FF0000"
id="svg_1"
r="111.8034"
stroke="#000000"
stroke-width="5"
></circle>
<ellipse
cx="299"
cy="169"
fill="#FF0000"
id="svg_2"
rx="60"
ry="50"
stroke="#000000"
stroke-width="5"
></ellipse>
<ellipse
cx="114"
cy="189"
fill="#FF0000"
id="svg_3"
opacity="0.5"
rx="55"
ry="25"
stroke="#000000"
stroke-width="5"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="1"
></animate>
</ellipse>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_circle_change_fill_color #0`] = ` exports[`use all parts of svg-edit > check tool_circle_change_fill_color #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8034" stroke="#000000" stroke-width="5"/> height="480"
<ellipse cx="299" cy="169" fill="#ffff00" id="svg_2" rx="60" ry="50" stroke="#000000" stroke-width="5"/> xmlns="http://www.w3.org/2000/svg"
<ellipse cx="114" cy="189" fill="#FF0000" id="svg_3" rx="55" ry="25" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0)"/> xmlns:svg="http://www.w3.org/2000/svg"
</g> >
</svg> <g class="layer">
<title>Layer 1</title>
<circle
cx="150"
cy="150"
fill="#FF0000"
id="svg_1"
r="111.8034"
stroke="#000000"
stroke-width="5"
></circle>
<ellipse
cx="299"
cy="169"
fill="#ffff00"
id="svg_2"
rx="60"
ry="50"
stroke="#000000"
stroke-width="5"
></ellipse>
<ellipse
cx="114"
cy="189"
fill="#FF0000"
id="svg_3"
rx="55"
ry="25"
stroke="#000000"
stroke-width="5"
transform="matrix(1 0 0 1 0 0)"
></ellipse>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_circle_change_opacity #0`] = ` exports[`use all parts of svg-edit > check tool_circle_change_opacity #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8034" stroke="#000000" stroke-width="5"/> height="480"
<ellipse cx="299" cy="169" fill="#ffff00" id="svg_2" opacity="0.5" rx="60" ry="50" stroke="#000000" stroke-width="5"/> xmlns="http://www.w3.org/2000/svg"
<ellipse cx="114" cy="189" fill="#FF0000" id="svg_3" rx="55" ry="25" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0)"/> xmlns:svg="http://www.w3.org/2000/svg"
</g> >
</svg> <g class="layer">
<title>Layer 1</title>
<circle
cx="150"
cy="150"
fill="#FF0000"
id="svg_1"
r="111.8034"
stroke="#000000"
stroke-width="5"
></circle>
<ellipse
cx="299"
cy="169"
fill="#ffff00"
id="svg_2"
opacity="0.5"
rx="60"
ry="50"
stroke="#000000"
stroke-width="5"
></ellipse>
<ellipse
cx="114"
cy="189"
fill="#FF0000"
id="svg_3"
rx="55"
ry="25"
stroke="#000000"
stroke-width="5"
transform="matrix(1 0 0 1 0 0)"
></ellipse>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_ellipse_change_rotation #0`] = ` exports[`use all parts of svg-edit > check tool_ellipse_change_rotation #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8034" stroke="#000000" stroke-width="5"/> height="480"
<ellipse cx="299" cy="169" fill="#ffff00" id="svg_2" opacity="0.5" rx="60" ry="50" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0)"/> xmlns="http://www.w3.org/2000/svg"
<ellipse cx="114" cy="189" fill="#FF0000" id="svg_3" rx="55" ry="25" stroke="#000000" stroke-width="5" transform="rotate(25 114 189)"/> xmlns:svg="http://www.w3.org/2000/svg"
</g> >
</svg> <g class="layer">
<title>Layer 1</title>
<circle
cx="150"
cy="150"
fill="#FF0000"
id="svg_1"
r="111.8034"
stroke="#000000"
stroke-width="5"
></circle>
<ellipse
cx="299"
cy="169"
fill="#ffff00"
id="svg_2"
opacity="0.5"
rx="60"
ry="50"
stroke="#000000"
stroke-width="5"
transform="matrix(1 0 0 1 0 0)"
></ellipse>
<ellipse
cx="114"
cy="189"
fill="#FF0000"
id="svg_3"
rx="55"
ry="25"
stroke="#000000"
stroke-width="5"
transform="rotate(25 114 189)"
></ellipse>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_ellipse_change_blur #0`] = ` exports[`use all parts of svg-edit > check tool_ellipse_change_blur #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8034" stroke="#000000" stroke-width="5"/> height="480"
<ellipse cx="299" cy="169" fill="#ffff00" id="svg_2" opacity="0.5" rx="60" ry="50" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0)"/> xmlns="http://www.w3.org/2000/svg"
<ellipse cx="114" cy="189" fill="#FF0000" filter="url(#svg_3_blur)" id="svg_3" rx="55" ry="25" stroke="#000000" stroke-width="5" transform="rotate(25 114 189)"/> xmlns:svg="http://www.w3.org/2000/svg"
</g> >
<defs> <g class="layer">
<filter height="200%" id="svg_3_blur" width="200%" x="-50%" y="-50%"> <title>Layer 1</title>
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/> <circle
</filter> cx="150"
</defs> cy="150"
</svg> fill="#FF0000"
id="svg_1"
r="111.8034"
stroke="#000000"
stroke-width="5"
></circle>
<ellipse
cx="299"
cy="169"
fill="#ffff00"
id="svg_2"
opacity="0.5"
rx="60"
ry="50"
stroke="#000000"
stroke-width="5"
transform="matrix(1 0 0 1 0 0)"
></ellipse>
<ellipse
cx="114"
cy="189"
fill="#FF0000"
filter="url(#svg_3_blur)"
id="svg_3"
rx="55"
ry="25"
stroke="#000000"
stroke-width="5"
transform="rotate(25 114 189)"
></ellipse>
</g>
<defs>
<filter height="200%" id="svg_3_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_ellipse_change_cx_cy_coordinate #0`] = ` exports[`use all parts of svg-edit > check tool_ellipse_change_cx_cy_coordinate #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8034" stroke="#000000" stroke-width="5"/> height="480"
<ellipse cx="299" cy="169" fill="#ffff00" id="svg_2" opacity="0.5" rx="60" ry="50" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0)"/> xmlns="http://www.w3.org/2000/svg"
<ellipse cx="139" cy="214" fill="#FF0000" filter="url(#svg_3_blur)" id="svg_3" rx="55" ry="25" stroke="#000000" stroke-width="5" transform="rotate(25 139 214)"/> xmlns:svg="http://www.w3.org/2000/svg"
</g> >
<defs> <g class="layer">
<filter height="200%" id="svg_3_blur" width="200%" x="-50%" y="-50%"> <title>Layer 1</title>
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/> <circle
</filter> cx="150"
</defs> cy="150"
</svg> fill="#FF0000"
id="svg_1"
r="111.8034"
stroke="#000000"
stroke-width="5"
></circle>
<ellipse
cx="299"
cy="169"
fill="#ffff00"
id="svg_2"
opacity="0.5"
rx="60"
ry="50"
stroke="#000000"
stroke-width="5"
transform="matrix(1 0 0 1 0 0)"
></ellipse>
<ellipse
cx="139"
cy="214"
fill="#FF0000"
filter="url(#svg_3_blur)"
id="svg_3"
rx="55"
ry="25"
stroke="#000000"
stroke-width="5"
transform="rotate(25 139 214)"
></ellipse>
</g>
<defs>
<filter height="200%" id="svg_3_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_ellipse_change_rx_ry_radius #0`] = ` exports[`use all parts of svg-edit > check tool_ellipse_change_rx_ry_radius #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8034" stroke="#000000" stroke-width="5"/> height="480"
<ellipse cx="299" cy="169" fill="#ffff00" id="svg_2" opacity="0.5" rx="60" ry="50" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0)"/> xmlns="http://www.w3.org/2000/svg"
<ellipse cx="139" cy="214" fill="#FF0000" filter="url(#svg_3_blur)" id="svg_3" rx="80" ry="50" stroke="#000000" stroke-width="5" transform="rotate(25 139 214)"/> xmlns:svg="http://www.w3.org/2000/svg"
</g> >
<defs> <g class="layer">
<filter height="200%" id="svg_3_blur" width="200%" x="-50%" y="-50%"> <title>Layer 1</title>
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/> <circle
</filter> cx="150"
</defs> cy="150"
</svg> fill="#FF0000"
id="svg_1"
r="111.8034"
stroke="#000000"
stroke-width="5"
></circle>
<ellipse
cx="299"
cy="169"
fill="#ffff00"
id="svg_2"
opacity="0.5"
rx="60"
ry="50"
stroke="#000000"
stroke-width="5"
transform="matrix(1 0 0 1 0 0)"
></ellipse>
<ellipse
cx="139"
cy="214"
fill="#FF0000"
filter="url(#svg_3_blur)"
id="svg_3"
rx="80"
ry="50"
stroke="#000000"
stroke-width="5"
transform="rotate(25 139 214)"
></ellipse>
</g>
<defs>
<filter height="200%" id="svg_3_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_ellipse_bring_to_back #0`] = ` exports[`use all parts of svg-edit > check tool_ellipse_bring_to_back #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<ellipse cx="299" cy="169" fill="#ffff00" id="svg_2" opacity="0.5" rx="60" ry="50" stroke="#000000" stroke-width="5"/> height="480"
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8034" stroke="#000000" stroke-width="5"/> xmlns="http://www.w3.org/2000/svg"
<ellipse cx="139" cy="214" fill="#FF0000" filter="url(#svg_3_blur)" id="svg_3" rx="80" ry="50" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0) rotate(25 139 214)"/> xmlns:svg="http://www.w3.org/2000/svg"
</g> >
<defs> <g class="layer">
<filter height="200%" id="svg_3_blur" width="200%" x="-50%" y="-50%"> <title>Layer 1</title>
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/> <ellipse
</filter> cx="299"
</defs> cy="169"
</svg> fill="#ffff00"
id="svg_2"
opacity="0.5"
rx="60"
ry="50"
stroke="#000000"
stroke-width="5"
></ellipse>
<circle
cx="150"
cy="150"
fill="#FF0000"
id="svg_1"
r="111.8034"
stroke="#000000"
stroke-width="5"
></circle>
<ellipse
cx="139"
cy="214"
fill="#FF0000"
filter="url(#svg_3_blur)"
id="svg_3"
rx="80"
ry="50"
stroke="#000000"
stroke-width="5"
transform="matrix(1 0 0 1 0 0) rotate(25 139 214)"
></ellipse>
</g>
<defs>
<filter height="200%" id="svg_3_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_ellipse_bring_to_front #0`] = ` exports[`use all parts of svg-edit > check tool_ellipse_bring_to_front #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8034" stroke="#000000" stroke-width="5"/> height="480"
<ellipse cx="139" cy="214" fill="#FF0000" filter="url(#svg_3_blur)" id="svg_3" rx="80" ry="50" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0) rotate(25 139 214)"/> xmlns="http://www.w3.org/2000/svg"
<ellipse cx="299" cy="169" fill="#ffff00" id="svg_2" opacity="0.5" rx="60" ry="50" stroke="#000000" stroke-width="5"/> xmlns:svg="http://www.w3.org/2000/svg"
</g> >
<defs> <g class="layer">
<filter height="200%" id="svg_3_blur" width="200%" x="-50%" y="-50%"> <title>Layer 1</title>
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/> <circle
</filter> cx="150"
</defs> cy="150"
</svg> fill="#FF0000"
id="svg_1"
r="111.8034"
stroke="#000000"
stroke-width="5"
></circle>
<ellipse
cx="139"
cy="214"
fill="#FF0000"
filter="url(#svg_3_blur)"
id="svg_3"
rx="80"
ry="50"
stroke="#000000"
stroke-width="5"
transform="matrix(1 0 0 1 0 0) rotate(25 139 214)"
></ellipse>
<ellipse
cx="299"
cy="169"
fill="#ffff00"
id="svg_2"
opacity="0.5"
rx="60"
ry="50"
stroke="#000000"
stroke-width="5"
></ellipse>
</g>
<defs>
<filter height="200%" id="svg_3_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_ellipse_clone #0`] = ` exports[`use all parts of svg-edit > check tool_ellipse_clone #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8034" stroke="#000000" stroke-width="5"/> height="480"
<ellipse cx="139" cy="214" fill="#FF0000" filter="url(#svg_3_blur)" id="svg_3" rx="80" ry="50" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0) rotate(25 139 214)"/> xmlns="http://www.w3.org/2000/svg"
<ellipse cx="299" cy="169" fill="#ffff00" id="svg_2" opacity="0.5" rx="60" ry="50" stroke="#000000" stroke-width="5"/> xmlns:svg="http://www.w3.org/2000/svg"
<ellipse cx="319" cy="189" fill="#ffff00" id="svg_4" opacity="0.5" rx="60" ry="50" stroke="#000000" stroke-width="5"/> >
</g> <g class="layer">
<defs> <title>Layer 1</title>
<filter height="200%" id="svg_3_blur" width="200%" x="-50%" y="-50%"> <circle
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/> cx="150"
</filter> cy="150"
</defs> fill="#FF0000"
</svg> id="svg_1"
r="111.8034"
stroke="#000000"
stroke-width="5"
></circle>
<ellipse
cx="139"
cy="214"
fill="#FF0000"
filter="url(#svg_3_blur)"
id="svg_3"
rx="80"
ry="50"
stroke="#000000"
stroke-width="5"
transform="matrix(1 0 0 1 0 0) rotate(25 139 214)"
></ellipse>
<ellipse
cx="299"
cy="169"
fill="#ffff00"
id="svg_2"
opacity="0.5"
rx="60"
ry="50"
stroke="#000000"
stroke-width="5"
></ellipse>
<ellipse
cx="319"
cy="189"
fill="#ffff00"
id="svg_4"
opacity="0.5"
rx="60"
ry="50"
stroke="#000000"
stroke-width="5"
></ellipse>
</g>
<defs>
<filter height="200%" id="svg_3_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`; `;

147
cypress/integration/ui/__snapshots__/scenario3.js.snap
View File

@@ -1,36 +1,133 @@
exports[`use all parts of svg-edit > check tool_source_set #0`] = ` exports[`use all parts of svg-edit > check tool_source_set #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
</g> height="480"
</svg> xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_path #0`] = ` exports[`use all parts of svg-edit > check tool_path #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<path d="m50,50l100,50l-25,100l-75,-150z" fill="#FF0000" id="svg_1" opacity="0.5" stroke="#000000" stroke-width="5"> height="480"
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" to="1"/> xmlns="http://www.w3.org/2000/svg"
</path> xmlns:svg="http://www.w3.org/2000/svg"
</g> >
</svg> <g class="layer">
<title>Layer 1</title>
<path
d="m50,50l100,50l-25,100l-75,-150z"
fill="#FF0000"
id="svg_1"
opacity="0.5"
stroke="#000000"
stroke-width="5"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="1"
></animate>
</path>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_path_change_node_xy #0`] = ` exports[`use all parts of svg-edit > check tool_path_change_node_xy #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<path d="m75,75l75,25l-25,100l-50,-125z" fill="#FF0000" id="svg_1" stroke="#000000" stroke-width="5"/> height="480"
</g> xmlns="http://www.w3.org/2000/svg"
</svg> xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<path
d="m75,75l75,25l-25,100l-50,-125z"
fill="#FF0000"
id="svg_1"
stroke="#000000"
stroke-width="5"
></path>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_path_openclose #0`] = ` exports[`use all parts of svg-edit > check tool_path_openclose #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<path d="m75,75l75,25l-25,100l-50,-125z" fill="#FF0000" id="svg_1" stroke="#000000" stroke-width="5"/> height="480"
</g> xmlns="http://www.w3.org/2000/svg"
</svg> xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<path
d="m201,246l-51,-146l-25,100c55.16667,65.16667 172.83333,215.33333 148.625,173c-24.20833,-42.33333 -64.29167,-106.16667 -72.625,-127z"
fill="#FF0000"
id="svg_1"
stroke="#000000"
stroke-width="5"
></path>
</g>
</svg>
</body>
`;
exports[`use all parts of svg-edit > check tool_path_change_seg_type #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<path
d="m75,75l75,25l-25,100c110.33333,130.33333 -33.33333,-83.33333 -50,-125z"
fill="#FF0000"
id="svg_1"
stroke="#000000"
stroke-width="5"
></path>
</g>
</svg>
</body>
`;
exports[`use all parts of svg-edit > check tool_path_change_clone_node #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<path
d="m201,246l-51,-146l-25,100c55.16667,65.16667 172.83333,215.33333 148.625,173c-24.20833,-42.33333 -64.29167,-106.16667 -72.625,-127z"
fill="#FF0000"
id="svg_1"
stroke="#000000"
stroke-width="5"
></path>
</g>
</svg>
</body>
`; `;

932
cypress/integration/ui/__snapshots__/scenario4.js.snap
View File

@@ -1,197 +1,817 @@
exports[`use all parts of svg-edit > check tool_source_set #0`] = ` exports[`use all parts of svg-edit > check tool_source_set #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
</g> height="480"
</svg> xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_rect #0`] = ` exports[`use all parts of svg-edit > check tool_rect #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<rect fill="#FF0000" height="50" id="svg_1" opacity="0.5" stroke="#000000" stroke-width="5" width="100" x="150" y="150"> height="480"
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" to="1"/> xmlns="http://www.w3.org/2000/svg"
</rect> xmlns:svg="http://www.w3.org/2000/svg"
</g> >
</svg> <g class="layer">
<title>Layer 1</title>
<rect
fill="#FF0000"
height="50"
id="svg_1"
opacity="0.5"
stroke="#000000"
stroke-width="5"
width="100"
x="150"
y="150"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="1"
></animate>
</rect>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_fhrect #0`] = ` exports[`use all parts of svg-edit > check tool_fhrect #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<rect fill="#FF0000" height="50" id="svg_1" stroke="#000000" stroke-width="5" width="100" x="150" y="150"/> height="480"
<rect fill="#FF0000" height="100" id="svg_2" opacity="0.5" stroke="#000000" stroke-width="5" width="120" x="350" y="230"> xmlns="http://www.w3.org/2000/svg"
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" to="1"/> xmlns:svg="http://www.w3.org/2000/svg"
</rect> >
</g> <g class="layer">
</svg> <title>Layer 1</title>
<rect
fill="#FF0000"
height="50"
id="svg_1"
stroke="#000000"
stroke-width="5"
width="100"
x="150"
y="150"
></rect>
<rect
fill="#FF0000"
height="100"
id="svg_2"
opacity="0.5"
stroke="#000000"
stroke-width="5"
width="120"
x="350"
y="230"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="1"
></animate>
</rect>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_square #0`] = ` exports[`use all parts of svg-edit > check tool_square #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<rect fill="#FF0000" height="50" id="svg_1" stroke="#000000" stroke-width="5" width="100" x="150" y="150"/> height="480"
<rect fill="#FF0000" height="100" id="svg_2" stroke="#000000" stroke-width="5" width="120" x="350" y="230"/> xmlns="http://www.w3.org/2000/svg"
<rect fill="#FF0000" height="50" id="svg_3" opacity="0.5" stroke="#000000" stroke-width="5" width="50" x="225" y="300"> xmlns:svg="http://www.w3.org/2000/svg"
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" to="1"/> >
</rect> <g class="layer">
</g> <title>Layer 1</title>
</svg> <rect
fill="#FF0000"
height="50"
id="svg_1"
stroke="#000000"
stroke-width="5"
width="100"
x="150"
y="150"
></rect>
<rect
fill="#FF0000"
height="100"
id="svg_2"
stroke="#000000"
stroke-width="5"
width="120"
x="350"
y="230"
></rect>
<rect
fill="#FF0000"
height="50"
id="svg_3"
opacity="0.5"
stroke="#000000"
stroke-width="5"
width="50"
x="225"
y="300"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="1"
></animate>
</rect>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_rect_change_fill_color #0`] = ` exports[`use all parts of svg-edit > check tool_rect_change_fill_color #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<rect fill="#ffff00" height="50" id="svg_1" stroke="#000000" stroke-width="5" width="100" x="150" y="150"/> height="480"
<rect fill="#FF0000" height="100" id="svg_2" stroke="#000000" stroke-width="5" width="120" x="350" y="230"/> xmlns="http://www.w3.org/2000/svg"
<rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0)" width="50" x="225" y="300"/> xmlns:svg="http://www.w3.org/2000/svg"
</g> >
</svg> <g class="layer">
<title>Layer 1</title>
<rect
fill="#ffff00"
height="50"
id="svg_1"
stroke="#000000"
stroke-width="5"
width="100"
x="150"
y="150"
></rect>
<rect
fill="#FF0000"
height="100"
id="svg_2"
stroke="#000000"
stroke-width="5"
width="120"
x="350"
y="230"
></rect>
<rect
fill="#FF0000"
height="50"
id="svg_3"
stroke="#000000"
stroke-width="5"
transform="matrix(1 0 0 1 0 0)"
width="50"
x="225"
y="300"
></rect>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_rect_change_rotation #0`] = ` exports[`use all parts of svg-edit > check tool_rect_change_rotation #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<rect fill="#ffff00" height="50" id="svg_1" stroke="#000000" stroke-width="5" transform="rotate(25 200 175)" width="100" x="150" y="150"/> height="480"
<rect fill="#FF0000" height="100" id="svg_2" stroke="#000000" stroke-width="5" width="120" x="350" y="230"/> xmlns="http://www.w3.org/2000/svg"
<rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0)" width="50" x="225" y="300"/> xmlns:svg="http://www.w3.org/2000/svg"
</g> >
</svg> <g class="layer">
<title>Layer 1</title>
<rect
fill="#ffff00"
height="50"
id="svg_1"
stroke="#000000"
stroke-width="5"
transform="rotate(25 200 175)"
width="100"
x="150"
y="150"
></rect>
<rect
fill="#FF0000"
height="100"
id="svg_2"
stroke="#000000"
stroke-width="5"
width="120"
x="350"
y="230"
></rect>
<rect
fill="#FF0000"
height="50"
id="svg_3"
stroke="#000000"
stroke-width="5"
transform="matrix(1 0 0 1 0 0)"
width="50"
x="225"
y="300"
></rect>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_rect_change_blur #0`] = ` exports[`use all parts of svg-edit > check tool_rect_change_blur #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<rect fill="#ffff00" filter="url(#svg_1_blur)" height="50" id="svg_1" stroke="#000000" stroke-width="5" transform="rotate(25 200 175)" width="100" x="150" y="150"/> height="480"
<rect fill="#FF0000" height="100" id="svg_2" stroke="#000000" stroke-width="5" width="120" x="350" y="230"/> xmlns="http://www.w3.org/2000/svg"
<rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0)" width="50" x="225" y="300"/> xmlns:svg="http://www.w3.org/2000/svg"
</g> >
<defs> <g class="layer">
<filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%"> <title>Layer 1</title>
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/> <rect
</filter> fill="#ffff00"
</defs> filter="url(#svg_1_blur)"
</svg> height="50"
id="svg_1"
stroke="#000000"
stroke-width="5"
transform="rotate(25 200 175)"
width="100"
x="150"
y="150"
></rect>
<rect
fill="#FF0000"
height="100"
id="svg_2"
stroke="#000000"
stroke-width="5"
width="120"
x="350"
y="230"
></rect>
<rect
fill="#FF0000"
height="50"
id="svg_3"
stroke="#000000"
stroke-width="5"
transform="matrix(1 0 0 1 0 0)"
width="50"
x="225"
y="300"
></rect>
</g>
<defs>
<filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_rect_change_opacity #0`] = ` exports[`use all parts of svg-edit > check tool_rect_change_opacity #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<rect fill="#ffff00" filter="url(#svg_1_blur)" height="50" id="svg_1" opacity="0.5" stroke="#000000" stroke-width="5" transform="rotate(25 200 175)" width="100" x="150" y="150"/> height="480"
<rect fill="#FF0000" height="100" id="svg_2" stroke="#000000" stroke-width="5" width="120" x="350" y="230"/> xmlns="http://www.w3.org/2000/svg"
<rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0)" width="50" x="225" y="300"/> xmlns:svg="http://www.w3.org/2000/svg"
</g> >
<defs> <g class="layer">
<filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%"> <title>Layer 1</title>
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/> <rect
</filter> fill="#ffff00"
</defs> filter="url(#svg_1_blur)"
</svg> height="50"
id="svg_1"
opacity="0.5"
stroke="#000000"
stroke-width="5"
transform="rotate(25 200 175)"
width="100"
x="150"
y="150"
></rect>
<rect
fill="#FF0000"
height="100"
id="svg_2"
stroke="#000000"
stroke-width="5"
width="120"
x="350"
y="230"
></rect>
<rect
fill="#FF0000"
height="50"
id="svg_3"
stroke="#000000"
stroke-width="5"
transform="matrix(1 0 0 1 0 0)"
width="50"
x="225"
y="300"
></rect>
</g>
<defs>
<filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_fhrect_change_x_y_coordinate #0`] = ` exports[`use all parts of svg-edit > check tool_fhrect_change_x_y_coordinate #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<rect fill="#ffff00" filter="url(#svg_1_blur)" height="50" id="svg_1" opacity="0.5" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0) rotate(25 200 175)" width="100" x="150" y="150"/> height="480"
<rect fill="#FF0000" height="100" id="svg_2" stroke="#000000" stroke-width="5" width="120" x="375" y="255"/> xmlns="http://www.w3.org/2000/svg"
<rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0)" width="50" x="225" y="300"/> xmlns:svg="http://www.w3.org/2000/svg"
</g> >
<defs> <g class="layer">
<filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%"> <title>Layer 1</title>
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/> <rect
</filter> fill="#ffff00"
</defs> filter="url(#svg_1_blur)"
</svg> height="50"
id="svg_1"
opacity="0.5"
stroke="#000000"
stroke-width="5"
transform="matrix(1 0 0 1 0 0) rotate(25 200 175)"
width="100"
x="150"
y="150"
></rect>
<rect
fill="#FF0000"
height="100"
id="svg_2"
stroke="#000000"
stroke-width="5"
width="120"
x="375"
y="255"
></rect>
<rect
fill="#FF0000"
height="50"
id="svg_3"
stroke="#000000"
stroke-width="5"
transform="matrix(1 0 0 1 0 0)"
width="50"
x="225"
y="300"
></rect>
</g>
<defs>
<filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_fhrect_change_width_height #0`] = ` exports[`use all parts of svg-edit > check tool_fhrect_change_width_height #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<rect fill="#ffff00" filter="url(#svg_1_blur)" height="50" id="svg_1" opacity="0.5" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0) rotate(25 200 175)" width="100" x="150" y="150"/> height="480"
<rect fill="#FF0000" height="125" id="svg_2" stroke="#000000" stroke-width="5" width="145" x="375" y="255"/> xmlns="http://www.w3.org/2000/svg"
<rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0)" width="50" x="225" y="300"/> xmlns:svg="http://www.w3.org/2000/svg"
</g> >
<defs> <g class="layer">
<filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%"> <title>Layer 1</title>
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/> <rect
</filter> fill="#ffff00"
</defs> filter="url(#svg_1_blur)"
</svg> height="50"
id="svg_1"
opacity="0.5"
stroke="#000000"
stroke-width="5"
transform="matrix(1 0 0 1 0 0) rotate(25 200 175)"
width="100"
x="150"
y="150"
></rect>
<rect
fill="#FF0000"
height="125"
id="svg_2"
stroke="#000000"
stroke-width="5"
width="145"
x="375"
y="255"
></rect>
<rect
fill="#FF0000"
height="50"
id="svg_3"
stroke="#000000"
stroke-width="5"
transform="matrix(1 0 0 1 0 0)"
width="50"
x="225"
y="300"
></rect>
</g>
<defs>
<filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_square_clone #0`] = ` exports[`use all parts of svg-edit > check tool_square_clone #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<rect fill="#ffff00" filter="url(#svg_1_blur)" height="50" id="svg_1" opacity="0.5" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0) rotate(25 200 175)" width="100" x="150" y="150"/> height="480"
<rect fill="#FF0000" height="125" id="svg_2" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0)" width="145" x="375" y="255"/> xmlns="http://www.w3.org/2000/svg"
<rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" stroke-width="5" width="50" x="225" y="300"/> xmlns:svg="http://www.w3.org/2000/svg"
<rect fill="#FF0000" height="50" id="svg_4" stroke="#000000" stroke-width="5" width="50" x="245" y="320"/> >
</g> <g class="layer">
<defs> <title>Layer 1</title>
<filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%"> <rect
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/> fill="#ffff00"
</filter> filter="url(#svg_1_blur)"
</defs> height="50"
</svg> id="svg_1"
opacity="0.5"
stroke="#000000"
stroke-width="5"
transform="matrix(1 0 0 1 0 0) rotate(25 200 175)"
width="100"
x="150"
y="150"
></rect>
<rect
fill="#FF0000"
height="125"
id="svg_2"
stroke="#000000"
stroke-width="5"
transform="matrix(1 0 0 1 0 0)"
width="145"
x="375"
y="255"
></rect>
<rect
fill="#FF0000"
height="50"
id="svg_3"
stroke="#000000"
stroke-width="5"
width="50"
x="225"
y="300"
></rect>
<rect
fill="#FF0000"
height="50"
id="svg_4"
stroke="#000000"
stroke-width="5"
width="50"
x="245"
y="320"
></rect>
</g>
<defs>
<filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_square_bring_to_back #0`] = ` exports[`use all parts of svg-edit > check tool_square_bring_to_back #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" stroke-width="5" width="50" x="225" y="300"/> height="480"
<rect fill="#ffff00" filter="url(#svg_1_blur)" height="50" id="svg_1" opacity="0.5" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0) rotate(25 200 175)" width="100" x="150" y="150"/> xmlns="http://www.w3.org/2000/svg"
<rect fill="#FF0000" height="125" id="svg_2" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0)" width="145" x="375" y="255"/> xmlns:svg="http://www.w3.org/2000/svg"
<rect fill="#FF0000" height="50" id="svg_4" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0)" width="50" x="245" y="320"/> >
</g> <g class="layer">
<defs> <title>Layer 1</title>
<filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%"> <rect
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/> fill="#FF0000"
</filter> height="50"
</defs> id="svg_3"
</svg> stroke="#000000"
stroke-width="5"
width="50"
x="225"
y="300"
></rect>
<rect
fill="#ffff00"
filter="url(#svg_1_blur)"
height="50"
id="svg_1"
opacity="0.5"
stroke="#000000"
stroke-width="5"
transform="matrix(1 0 0 1 0 0) rotate(25 200 175)"
width="100"
x="150"
y="150"
></rect>
<rect
fill="#FF0000"
height="125"
id="svg_2"
stroke="#000000"
stroke-width="5"
transform="matrix(1 0 0 1 0 0)"
width="145"
x="375"
y="255"
></rect>
<rect
fill="#FF0000"
height="50"
id="svg_4"
stroke="#000000"
stroke-width="5"
transform="matrix(1 0 0 1 0 0)"
width="50"
x="245"
y="320"
></rect>
</g>
<defs>
<filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_square_bring_to_front #0`] = ` exports[`use all parts of svg-edit > check tool_square_bring_to_front #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<rect fill="#ffff00" filter="url(#svg_1_blur)" height="50" id="svg_1" opacity="0.5" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0) rotate(25 200 175)" width="100" x="150" y="150"/> height="480"
<rect fill="#FF0000" height="125" id="svg_2" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0)" width="145" x="375" y="255"/> xmlns="http://www.w3.org/2000/svg"
<rect fill="#FF0000" height="50" id="svg_4" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0)" width="50" x="245" y="320"/> xmlns:svg="http://www.w3.org/2000/svg"
<rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" stroke-width="5" width="50" x="225" y="300"/> >
</g> <g class="layer">
<defs> <title>Layer 1</title>
<filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%"> <rect
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/> fill="#ffff00"
</filter> filter="url(#svg_1_blur)"
</defs> height="50"
</svg> id="svg_1"
opacity="0.5"
stroke="#000000"
stroke-width="5"
transform="matrix(1 0 0 1 0 0) rotate(25 200 175)"
width="100"
x="150"
y="150"
></rect>
<rect
fill="#FF0000"
height="125"
id="svg_2"
stroke="#000000"
stroke-width="5"
transform="matrix(1 0 0 1 0 0)"
width="145"
x="375"
y="255"
></rect>
<rect
fill="#FF0000"
height="50"
id="svg_4"
stroke="#000000"
stroke-width="5"
transform="matrix(1 0 0 1 0 0)"
width="50"
x="245"
y="320"
></rect>
<rect
fill="#FF0000"
height="50"
id="svg_3"
stroke="#000000"
stroke-width="5"
width="50"
x="225"
y="300"
></rect>
</g>
<defs>
<filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_square_change_corner_radius #0`] = ` exports[`use all parts of svg-edit > check tool_square_change_corner_radius #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<rect fill="#ffff00" filter="url(#svg_1_blur)" height="50" id="svg_1" opacity="0.5" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0) rotate(25 200 175)" width="100" x="150" y="150"/> height="480"
<rect fill="#FF0000" height="125" id="svg_2" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0)" width="145" x="375" y="255"/> xmlns="http://www.w3.org/2000/svg"
<rect fill="#FF0000" height="50" id="svg_4" rx="25" ry="25" stroke="#000000" stroke-width="5" width="50" x="245" y="320"/> xmlns:svg="http://www.w3.org/2000/svg"
<rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0)" width="50" x="225" y="300"/> >
</g> <g class="layer">
<defs> <title>Layer 1</title>
<filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%"> <rect
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/> fill="#ffff00"
</filter> filter="url(#svg_1_blur)"
</defs> height="50"
</svg> id="svg_1"
opacity="0.5"
stroke="#000000"
stroke-width="5"
transform="matrix(1 0 0 1 0 0) rotate(25 200 175)"
width="100"
x="150"
y="150"
></rect>
<rect
fill="#FF0000"
height="125"
id="svg_2"
stroke="#000000"
stroke-width="5"
transform="matrix(1 0 0 1 0 0)"
width="145"
x="375"
y="255"
></rect>
<rect
fill="#FF0000"
height="50"
id="svg_4"
rx="25"
ry="25"
stroke="#000000"
stroke-width="5"
width="50"
x="245"
y="320"
></rect>
<rect
fill="#FF0000"
height="50"
id="svg_3"
stroke="#000000"
stroke-width="5"
transform="matrix(1 0 0 1 0 0)"
width="50"
x="225"
y="300"
></rect>
</g>
<defs>
<filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`;
exports[`use all parts of svg-edit > check tool_rect_change_to_path #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<rect
fill="#ffff00"
filter="url(#svg_1_blur)"
height="50"
id="svg_1"
opacity="0.5"
stroke="#000000"
stroke-width="5"
transform="matrix(1 0 0 1 0 0) rotate(25 200 175)"
width="100"
x="150"
y="150"
></rect>
<path
d="m375,255l145,0l0,125l-145,0l0,-125z"
fill="#FF0000"
id="svg_2"
opacity="0.5"
stroke="#000000"
stroke-width="5"
></path>
<rect
fill="#FF0000"
height="50"
id="svg_4"
rx="25"
ry="25"
stroke="#000000"
stroke-width="5"
transform="matrix(1 0 0 1 0 0)"
width="50"
x="245"
y="320"
></rect>
<rect
fill="#FF0000"
height="50"
id="svg_3"
stroke="#000000"
stroke-width="5"
transform="matrix(1 0 0 1 0 0)"
width="50"
x="225"
y="300"
></rect>
</g>
<defs>
<filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`;
exports[`use all parts of svg-edit > check tool_rect_delete #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<path
d="m375,255l145,0l0,125l-145,0l0,-125z"
fill="#FF0000"
id="svg_2"
opacity="0.5"
stroke="#000000"
stroke-width="5"
transform="matrix(1 0 0 1 0 0)"
></path>
<rect
fill="#FF0000"
height="50"
id="svg_4"
rx="25"
ry="25"
stroke="#000000"
stroke-width="5"
transform="matrix(1 0 0 1 0 0)"
width="50"
x="245"
y="320"
></rect>
</g>
</svg>
</body>
`; `;

570
cypress/integration/ui/__snapshots__/scenario5.js.snap
View File

@@ -1,157 +1,489 @@
exports[`use all parts of svg-edit > check tool_source_set #0`] = ` exports[`use all parts of svg-edit > check tool_source_set #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
</g> height="480"
</svg> xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_line #0`] = ` exports[`use all parts of svg-edit > check tool_line #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<line fill="none" id="svg_1" opacity="0.5" stroke="#000000" stroke-width="5" x1="200" x2="450" y1="200" y2="450"> height="480"
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" to="1"/> xmlns="http://www.w3.org/2000/svg"
</line> xmlns:svg="http://www.w3.org/2000/svg"
</g> >
</svg> <g class="layer">
<title>Layer 1</title>
<line
fill="none"
id="svg_1"
opacity="0.5"
stroke="#000000"
stroke-width="5"
x1="200"
x2="450"
y1="200"
y2="450"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="1"
></animate>
</line>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_line_change_rotation #0`] = ` exports[`use all parts of svg-edit > check tool_line_change_rotation #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<line class="svg_1_class" fill="none" id="svg_1_id" stroke="#000000" stroke-width="5" transform="rotate(25 325 325)" x1="200" x2="450" y1="200" y2="450"/> height="480"
</g> xmlns="http://www.w3.org/2000/svg"
</svg> xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<line
class="svg_1_class"
fill="none"
id="svg_1_id"
stroke="#000000"
stroke-width="5"
transform="rotate(25 325 325)"
x1="200"
x2="450"
y1="200"
y2="450"
></line>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_line_change_blur #0`] = ` exports[`use all parts of svg-edit > check tool_line_change_blur #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<line class="svg_1_class" fill="none" filter="url(#svg_1_id_blur)" id="svg_1_id" stroke="#000000" stroke-width="5" transform="rotate(25 325 325)" x1="200" x2="450" y1="200" y2="450"/> height="480"
</g> xmlns="http://www.w3.org/2000/svg"
<defs> xmlns:svg="http://www.w3.org/2000/svg"
<filter height="200%" id="svg_1_id_blur" width="200%" x="-50%" y="-50%"> >
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/> <g class="layer">
</filter> <title>Layer 1</title>
</defs> <line
</svg> class="svg_1_class"
fill="none"
filter="url(#svg_1_id_blur)"
id="svg_1_id"
stroke="#000000"
stroke-width="5"
transform="rotate(25 325 325)"
x1="200"
x2="450"
y1="200"
y2="450"
></line>
</g>
<defs>
<filter height="200%" id="svg_1_id_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_line_change_opacity #0`] = ` exports[`use all parts of svg-edit > check tool_line_change_opacity #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<line class="svg_1_class" fill="none" filter="url(#svg_1_id_blur)" id="svg_1_id" opacity="0.5" stroke="#000000" stroke-width="5" transform="rotate(25 325 325)" x1="200" x2="450" y1="200" y2="450"/> height="480"
</g> xmlns="http://www.w3.org/2000/svg"
<defs> xmlns:svg="http://www.w3.org/2000/svg"
<filter height="200%" id="svg_1_id_blur" width="200%" x="-50%" y="-50%"> >
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/> <g class="layer">
</filter> <title>Layer 1</title>
</defs> <line
</svg> class="svg_1_class"
fill="none"
filter="url(#svg_1_id_blur)"
id="svg_1_id"
opacity="0.5"
stroke="#000000"
stroke-width="5"
transform="rotate(25 325 325)"
x1="200"
x2="450"
y1="200"
y2="450"
></line>
</g>
<defs>
<filter height="200%" id="svg_1_id_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_line_delete #0`] = ` exports[`use all parts of svg-edit > check tool_line_delete #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
</g> height="480"
xmlns="http://www.w3.org/2000/svg"
</svg> xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_line_clone #0`] = ` exports[`use all parts of svg-edit > check tool_line_clone #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<line fill="none" id="svg_2" opacity="0.25" stroke="#000000" stroke-width="5" x1="200" x2="450" y1="200" y2="450"> height="480"
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" to="0.5"/> xmlns="http://www.w3.org/2000/svg"
</line> xmlns:svg="http://www.w3.org/2000/svg"
<line fill="none" id="svg_3" opacity="0.25" stroke="#000000" stroke-width="5" x1="220" x2="470" y1="220" y2="470"> >
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" id="svg_4" to="0.5"/> <g class="layer">
</line> <title>Layer 1</title>
</g> <line
fill="none"
</svg> id="svg_2"
opacity="0.25"
stroke="#000000"
stroke-width="5"
x1="200"
x2="450"
y1="200"
y2="450"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="0.5"
></animate>
</line>
<line
fill="none"
id="svg_3"
opacity="0.25"
stroke="#000000"
stroke-width="5"
x1="220"
x2="470"
y1="220"
y2="470"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
id="svg_4"
to="0.5"
></animate>
</line>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_line_bring_to_back #0`] = ` exports[`use all parts of svg-edit > check tool_line_bring_to_back #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<line fill="none" id="svg_2" opacity="0.5" stroke="#000000" stroke-width="5" x1="200" x2="450" y1="200" y2="450"/> height="480"
<line fill="none" id="svg_3" opacity="0.25" stroke="#000000" stroke-width="5" x1="220" x2="470" y1="220" y2="470"> xmlns="http://www.w3.org/2000/svg"
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" id="svg_4" to="0.5"/> xmlns:svg="http://www.w3.org/2000/svg"
</line> >
</g> <g class="layer">
<title>Layer 1</title>
</svg> <line
fill="none"
id="svg_2"
opacity="0.5"
stroke="#000000"
stroke-width="5"
x1="200"
x2="450"
y1="200"
y2="450"
></line>
<line
fill="none"
id="svg_3"
opacity="0.25"
stroke="#000000"
stroke-width="5"
x1="220"
x2="470"
y1="220"
y2="470"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
id="svg_4"
to="0.5"
></animate>
</line>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_line_bring_to_front #0`] = ` exports[`use all parts of svg-edit > check tool_line_bring_to_front #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<line fill="none" id="svg_3" opacity="0.25" stroke="#000000" stroke-width="5" x1="220" x2="470" y1="220" y2="470"> height="480"
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" id="svg_4" to="0.5"/> xmlns="http://www.w3.org/2000/svg"
</line> xmlns:svg="http://www.w3.org/2000/svg"
<line fill="none" id="svg_2" opacity="0.5" stroke="#000000" stroke-width="5" x1="200" x2="450" y1="200" y2="450"/> >
</g> <g class="layer">
<title>Layer 1</title>
</svg> <line
fill="none"
id="svg_3"
opacity="0.25"
stroke="#000000"
stroke-width="5"
x1="220"
x2="470"
y1="220"
y2="470"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
id="svg_4"
to="0.5"
></animate>
</line>
<line
fill="none"
id="svg_2"
opacity="0.5"
stroke="#000000"
stroke-width="5"
x1="200"
x2="450"
y1="200"
y2="450"
></line>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_line_change_x_y_coordinate #0`] = ` exports[`use all parts of svg-edit > check tool_line_change_x_y_coordinate #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<line fill="none" id="svg_3" opacity="0.25" stroke="#000000" stroke-width="5" x1="220" x2="470" y1="220" y2="470"> height="480"
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" id="svg_4" to="0.5"/> xmlns="http://www.w3.org/2000/svg"
</line> xmlns:svg="http://www.w3.org/2000/svg"
<line fill="none" id="svg_2" opacity="0.5" stroke="#000000" stroke-width="5" x1="225" x2="475" y1="175" y2="425"/> >
</g> <g class="layer">
<title>Layer 1</title>
</svg> <line
fill="none"
id="svg_3"
opacity="0.25"
stroke="#000000"
stroke-width="5"
x1="220"
x2="470"
y1="220"
y2="470"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
id="svg_4"
to="0.5"
></animate>
</line>
<line
fill="none"
id="svg_2"
opacity="0.5"
stroke="#000000"
stroke-width="5"
x1="225"
x2="475"
y1="175"
y2="425"
></line>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_line_change_stroke_width #0`] = ` exports[`use all parts of svg-edit > check tool_line_change_stroke_width #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<line fill="none" id="svg_3" opacity="0.25" stroke="#000000" stroke-width="5" x1="220" x2="470" y1="220" y2="470"> height="480"
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" id="svg_4" to="0.5"/> xmlns="http://www.w3.org/2000/svg"
</line> xmlns:svg="http://www.w3.org/2000/svg"
<line fill="none" id="svg_2" opacity="0.5" stroke="#000000" stroke-width="15" x1="225" x2="475" y1="175" y2="425"/> >
</g> <g class="layer">
<title>Layer 1</title>
</svg> <line
fill="none"
id="svg_3"
opacity="0.25"
stroke="#000000"
stroke-width="5"
x1="220"
x2="470"
y1="220"
y2="470"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
id="svg_4"
to="0.5"
></animate>
</line>
<line
fill="none"
id="svg_2"
opacity="0.5"
stroke="#000000"
stroke-width="15"
x1="225"
x2="475"
y1="175"
y2="425"
></line>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_line_change_stoke_color #0`] = ` exports[`use all parts of svg-edit > check tool_line_change_stoke_color #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<line fill="none" id="svg_3" opacity="0.25" stroke="#bf5f00" stroke-width="5" x1="220" x2="470" y1="220" y2="470"> height="480"
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" id="svg_4" to="0.5"/> xmlns="http://www.w3.org/2000/svg"
</line> xmlns:svg="http://www.w3.org/2000/svg"
<line fill="none" id="svg_2" opacity="0.5" stroke="#000000" stroke-width="15" transform="matrix(1 0 0 1 0 0)" x1="225" x2="475" y1="175" y2="425"/> >
</g> <g class="layer">
<title>Layer 1</title>
</svg> <line
fill="none"
id="svg_3"
opacity="0.25"
stroke="#bf5f00"
stroke-width="5"
x1="220"
x2="470"
y1="220"
y2="470"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
id="svg_4"
to="0.5"
></animate>
</line>
<line
fill="none"
id="svg_2"
opacity="0.5"
stroke="#000000"
stroke-width="15"
transform="matrix(1 0 0 1 0 0)"
x1="225"
x2="475"
y1="175"
y2="425"
></line>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_line_align_to_page #0`] = ` exports[`use all parts of svg-edit > check tool_line_align_to_page #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<line fill="none" id="svg_3" opacity="0.25" stroke="#bf5f00" stroke-width="5" x1="220" x2="470" y1="220" y2="470"> height="480"
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" id="svg_4" to="0.5"/> xmlns="http://www.w3.org/2000/svg"
</line> xmlns:svg="http://www.w3.org/2000/svg"
<line fill="none" id="svg_2" opacity="0.5" stroke="#000000" stroke-width="15" transform="matrix(1 0 0 1 0 0)" x1="225" x2="475" y1="175" y2="425"/> >
</g> <g class="layer">
<title>Layer 1</title>
</svg> <line
fill="none"
id="svg_3"
opacity="0.25"
stroke="#bf5f00"
stroke-width="5"
x1="220"
x2="470"
y1="220"
y2="470"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
id="svg_4"
to="0.5"
></animate>
</line>
<line
fill="none"
id="svg_2"
opacity="0.5"
stroke="#000000"
stroke-width="15"
transform="matrix(1 0 0 1 0 0)"
x1="225"
x2="475"
y1="175"
y2="425"
></line>
</g>
</svg>
</body>
`; `;

581
cypress/integration/ui/__snapshots__/scenario6.js.snap
View File

@@ -1,148 +1,509 @@
exports[`use all parts of svg-edit > check tool_source_set #0`] = ` exports[`use all parts of svg-edit > check tool_source_set #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
</g> height="480"
</svg> xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_polygon #0`] = ` exports[`use all parts of svg-edit > check tool_polygon #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<polygon cx="325" cy="250" edge="63.33333" fill="#FF0000" id="svg_1" orient="x" points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"> height="480"
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" to="1"/> xmlns="http://www.w3.org/2000/svg"
</polygon> xmlns:svg="http://www.w3.org/2000/svg"
</g> >
</svg> <g class="layer">
<title>Layer 1</title>
<polygon
cx="325"
cy="250"
edge="63.33333"
fill="#FF0000"
id="svg_1"
orient="x"
points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 "
shape="regularPoly"
sides="5"
stroke="#000000"
stroke-width="5"
strokewidth="5"
strokecolor="#000000"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="1"
></animate>
</polygon>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_polygon_clone #0`] = ` exports[`use all parts of svg-edit > check tool_polygon_clone #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<polygon cx="325" cy="250" edge="63.33333" fill="#FF0000" id="svg_1" orient="x" points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/> height="480"
<polygon cx="325" cy="250" edge="63.33333" fill="#FF0000" id="svg_2" orient="x" points="398.8745422363281,270 361.6481628417969,321.23773193359375 301.4145812988281,301.6666564941406 301.4145812988281,238.3333282470703 361.6481628417969,218.7622528076172 398.8745422363281,270 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/> xmlns="http://www.w3.org/2000/svg"
</g> xmlns:svg="http://www.w3.org/2000/svg"
</svg> >
<g class="layer">
<title>Layer 1</title>
<polygon
cx="325"
cy="250"
edge="63.33333"
fill="#FF0000"
id="svg_1"
orient="x"
points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 "
shape="regularPoly"
sides="5"
stroke="#000000"
stroke-width="5"
strokewidth="5"
strokecolor="#000000"
></polygon>
<polygon
cx="325"
cy="250"
edge="63.33333"
fill="#FF0000"
id="svg_2"
orient="x"
points="398.8745422363281,270 361.6481628417969,321.23773193359375 301.4145812988281,301.6666564941406 301.4145812988281,238.3333282470703 361.6481628417969,218.7622528076172 398.8745422363281,270 "
shape="regularPoly"
sides="5"
stroke="#000000"
stroke-width="5"
strokewidth="5"
strokecolor="#000000"
></polygon>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_polygon_change_rotation #0`] = ` exports[`use all parts of svg-edit > check tool_polygon_change_rotation #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<polygon cx="325" cy="250" edge="63.33333" fill="#FF0000" id="svg_1" orient="x" points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/> height="480"
<polygon class="svg_2_class" cx="325" cy="250" edge="63.33333" fill="#FF0000" id="svg_2_id" orient="x" points="398.8745422363281,270 361.6481628417969,321.23773193359375 301.4145812988281,301.6666564941406 301.4145812988281,238.3333282470703 361.6481628417969,218.7622528076172 398.8745422363281,270 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000" transform="rotate(25 350.145 270)"/> xmlns="http://www.w3.org/2000/svg"
</g> xmlns:svg="http://www.w3.org/2000/svg"
</svg> >
<g class="layer">
<title>Layer 1</title>
<polygon
cx="325"
cy="250"
edge="63.33333"
fill="#FF0000"
id="svg_1"
orient="x"
points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 "
shape="regularPoly"
sides="5"
stroke="#000000"
stroke-width="5"
strokewidth="5"
strokecolor="#000000"
></polygon>
<polygon
class="svg_2_class"
cx="325"
cy="250"
edge="63.33333"
fill="#FF0000"
id="svg_2_id"
orient="x"
points="398.8745422363281,270 361.6481628417969,321.23773193359375 301.4145812988281,301.6666564941406 301.4145812988281,238.3333282470703 361.6481628417969,218.7622528076172 398.8745422363281,270 "
shape="regularPoly"
sides="5"
stroke="#000000"
stroke-width="5"
strokewidth="5"
strokecolor="#000000"
transform="rotate(25 350.145 270)"
></polygon>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_polygon_change_blur #0`] = ` exports[`use all parts of svg-edit > check tool_polygon_change_blur #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<polygon cx="325" cy="250" edge="63.33333" fill="#FF0000" id="svg_1" orient="x" points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/> height="480"
<polygon class="svg_2_class" cx="325" cy="250" edge="63.33333" fill="#FF0000" filter="url(#svg_2_id_blur)" id="svg_2_id" orient="x" points="398.8745422363281,270 361.6481628417969,321.23773193359375 301.4145812988281,301.6666564941406 301.4145812988281,238.3333282470703 361.6481628417969,218.7622528076172 398.8745422363281,270 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000" transform="rotate(25 350.145 270)"/> xmlns="http://www.w3.org/2000/svg"
</g> xmlns:svg="http://www.w3.org/2000/svg"
<defs> >
<filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%"> <g class="layer">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/> <title>Layer 1</title>
</filter> <polygon
</defs> cx="325"
</svg> cy="250"
edge="63.33333"
fill="#FF0000"
id="svg_1"
orient="x"
points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 "
shape="regularPoly"
sides="5"
stroke="#000000"
stroke-width="5"
strokewidth="5"
strokecolor="#000000"
></polygon>
<polygon
class="svg_2_class"
cx="325"
cy="250"
edge="63.33333"
fill="#FF0000"
filter="url(#svg_2_id_blur)"
id="svg_2_id"
orient="x"
points="398.8745422363281,270 361.6481628417969,321.23773193359375 301.4145812988281,301.6666564941406 301.4145812988281,238.3333282470703 361.6481628417969,218.7622528076172 398.8745422363281,270 "
shape="regularPoly"
sides="5"
stroke="#000000"
stroke-width="5"
strokewidth="5"
strokecolor="#000000"
transform="rotate(25 350.145 270)"
></polygon>
</g>
<defs>
<filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_polygon_change_opacity #0`] = ` exports[`use all parts of svg-edit > check tool_polygon_change_opacity #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<polygon cx="325" cy="250" edge="63.33333" fill="#FF0000" id="svg_1" orient="x" points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/> height="480"
<polygon class="svg_2_class" cx="325" cy="250" edge="63.33333" fill="#FF0000" filter="url(#svg_2_id_blur)" id="svg_2_id" opacity="0.5" orient="x" points="398.8745422363281,270 361.6481628417969,321.23773193359375 301.4145812988281,301.6666564941406 301.4145812988281,238.3333282470703 361.6481628417969,218.7622528076172 398.8745422363281,270 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000" transform="rotate(25 350.145 270)"/> xmlns="http://www.w3.org/2000/svg"
</g> xmlns:svg="http://www.w3.org/2000/svg"
<defs> >
<filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%"> <g class="layer">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/> <title>Layer 1</title>
</filter> <polygon
</defs> cx="325"
</svg> cy="250"
edge="63.33333"
fill="#FF0000"
id="svg_1"
orient="x"
points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 "
shape="regularPoly"
sides="5"
stroke="#000000"
stroke-width="5"
strokewidth="5"
strokecolor="#000000"
></polygon>
<polygon
class="svg_2_class"
cx="325"
cy="250"
edge="63.33333"
fill="#FF0000"
filter="url(#svg_2_id_blur)"
id="svg_2_id"
opacity="0.5"
orient="x"
points="398.8745422363281,270 361.6481628417969,321.23773193359375 301.4145812988281,301.6666564941406 301.4145812988281,238.3333282470703 361.6481628417969,218.7622528076172 398.8745422363281,270 "
shape="regularPoly"
sides="5"
stroke="#000000"
stroke-width="5"
strokewidth="5"
strokecolor="#000000"
transform="rotate(25 350.145 270)"
></polygon>
</g>
<defs>
<filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_polygon_bring_to_back #0`] = ` exports[`use all parts of svg-edit > check tool_polygon_bring_to_back #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<polygon class="svg_2_class" cx="325" cy="250" edge="63.33333" fill="#FF0000" filter="url(#svg_2_id_blur)" id="svg_2_id" opacity="0.5" orient="x" points="398.8745422363281,270 361.6481628417969,321.23773193359375 301.4145812988281,301.6666564941406 301.4145812988281,238.3333282470703 361.6481628417969,218.7622528076172 398.8745422363281,270 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000" transform="rotate(25 350.145 270)"/> height="480"
<polygon cx="325" cy="250" edge="63.33333" fill="#FF0000" id="svg_1" orient="x" points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/> xmlns="http://www.w3.org/2000/svg"
</g> xmlns:svg="http://www.w3.org/2000/svg"
<defs> >
<filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%"> <g class="layer">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/> <title>Layer 1</title>
</filter> <polygon
</defs> class="svg_2_class"
</svg> cx="325"
cy="250"
edge="63.33333"
fill="#FF0000"
filter="url(#svg_2_id_blur)"
id="svg_2_id"
opacity="0.5"
orient="x"
points="398.8745422363281,270 361.6481628417969,321.23773193359375 301.4145812988281,301.6666564941406 301.4145812988281,238.3333282470703 361.6481628417969,218.7622528076172 398.8745422363281,270 "
shape="regularPoly"
sides="5"
stroke="#000000"
stroke-width="5"
strokewidth="5"
strokecolor="#000000"
transform="rotate(25 350.145 270)"
></polygon>
<polygon
cx="325"
cy="250"
edge="63.33333"
fill="#FF0000"
id="svg_1"
orient="x"
points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 "
shape="regularPoly"
sides="5"
stroke="#000000"
stroke-width="5"
strokewidth="5"
strokecolor="#000000"
></polygon>
</g>
<defs>
<filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_polygon_bring_to_front #0`] = ` exports[`use all parts of svg-edit > check tool_polygon_bring_to_front #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<polygon cx="325" cy="250" edge="63.33333" fill="#FF0000" id="svg_1" orient="x" points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/> height="480"
<polygon class="svg_2_class" cx="325" cy="250" edge="63.33333" fill="#FF0000" filter="url(#svg_2_id_blur)" id="svg_2_id" opacity="0.5" orient="x" points="398.8745422363281,270 361.6481628417969,321.23773193359375 301.4145812988281,301.6666564941406 301.4145812988281,238.3333282470703 361.6481628417969,218.7622528076172 398.8745422363281,270 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000" transform="rotate(25 350.145 270)"/> xmlns="http://www.w3.org/2000/svg"
</g> xmlns:svg="http://www.w3.org/2000/svg"
<defs> >
<filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%"> <g class="layer">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/> <title>Layer 1</title>
</filter> <polygon
</defs> cx="325"
</svg> cy="250"
edge="63.33333"
fill="#FF0000"
id="svg_1"
orient="x"
points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 "
shape="regularPoly"
sides="5"
stroke="#000000"
stroke-width="5"
strokewidth="5"
strokecolor="#000000"
></polygon>
<polygon
class="svg_2_class"
cx="325"
cy="250"
edge="63.33333"
fill="#FF0000"
filter="url(#svg_2_id_blur)"
id="svg_2_id"
opacity="0.5"
orient="x"
points="398.8745422363281,270 361.6481628417969,321.23773193359375 301.4145812988281,301.6666564941406 301.4145812988281,238.3333282470703 361.6481628417969,218.7622528076172 398.8745422363281,270 "
shape="regularPoly"
sides="5"
stroke="#000000"
stroke-width="5"
strokewidth="5"
strokecolor="#000000"
transform="rotate(25 350.145 270)"
></polygon>
</g>
<defs>
<filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_polygon_delete #0`] = ` exports[`use all parts of svg-edit > check tool_polygon_delete #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<polygon cx="325" cy="250" edge="63.33333" fill="#FF0000" id="svg_1" orient="x" points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/> height="480"
</g> xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
</svg> >
<g class="layer">
<title>Layer 1</title>
<polygon
cx="325"
cy="250"
edge="63.33333"
fill="#FF0000"
id="svg_1"
orient="x"
points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 "
shape="regularPoly"
sides="5"
stroke="#000000"
stroke-width="5"
strokewidth="5"
strokecolor="#000000"
></polygon>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_polygon_align_to_page #0`] = ` exports[`use all parts of svg-edit > check tool_polygon_align_to_page #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<polygon cx="325" cy="250" edge="63.33333" fill="#FF0000" id="svg_1" orient="x" points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/> height="480"
</g> xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
</svg> >
<g class="layer">
<title>Layer 1</title>
<polygon
cx="325"
cy="250"
edge="63.33333"
fill="#FF0000"
id="svg_1"
orient="x"
points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 "
shape="regularPoly"
sides="5"
stroke="#000000"
stroke-width="5"
strokewidth="5"
strokecolor="#000000"
></polygon>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_polygon_change_stroke_width #0`] = ` exports[`use all parts of svg-edit > check tool_polygon_change_stroke_width #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<polygon cx="325" cy="250" edge="63.33333" fill="#FF0000" id="svg_1" orient="x" points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="15" strokeWidth="5" strokecolor="#000000"/> height="480"
</g> xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
</svg> >
<g class="layer">
<title>Layer 1</title>
<polygon
cx="325"
cy="250"
edge="63.33333"
fill="#FF0000"
id="svg_1"
orient="x"
points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 "
shape="regularPoly"
sides="5"
stroke="#000000"
stroke-width="15"
strokewidth="5"
strokecolor="#000000"
></polygon>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_polygon_change_stoke_fill_color #0`] = ` exports[`use all parts of svg-edit > check tool_polygon_change_stoke_fill_color #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<polygon cx="325" cy="250" edge="63.33333" fill="#bf0000" id="svg_1" orient="x" points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 " shape="regularPoly" sides="5" stroke="#0000bf" stroke-width="15" strokeWidth="5" strokecolor="#000000"/> height="480"
</g> xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
</svg> >
<g class="layer">
<title>Layer 1</title>
<polygon
cx="325"
cy="250"
edge="63.33333"
fill="#bf0000"
id="svg_1"
orient="x"
points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 "
shape="regularPoly"
sides="5"
stroke="#0000bf"
stroke-width="15"
strokewidth="5"
strokecolor="#000000"
></polygon>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_polygon_change_sides #0`] = ` exports[`use all parts of svg-edit > check tool_polygon_change_sides #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<polygon cx="325" cy="250" edge="63.33333" fill="#bf0000" id="svg_1" orient="x" points="406.36004929315476,249.999995640346 374.69338262648813,304.8482712133604 311.3600492931548,304.8482712133604 279.69338262648813,249.999995640346 311.36004929315476,195.15172006733155 374.69338262648813,195.15172006733155 406.36004929315476,249.99999564034596 " shape="regularPoly" sides="6" stroke="#0000bf" stroke-width="15" strokeWidth="5" strokecolor="#000000"/> height="480"
</g> xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
</svg> >
<g class="layer">
<title>Layer 1</title>
<polygon
cx="325"
cy="250"
edge="63.33333"
fill="#bf0000"
id="svg_1"
orient="x"
points="406.36004929315476,249.999995640346 374.69338262648813,304.8482712133604 311.3600492931548,304.8482712133604 279.69338262648813,249.999995640346 311.36004929315476,195.15172006733155 374.69338262648813,195.15172006733155 406.36004929315476,249.99999564034596 "
shape="regularPoly"
sides="6"
stroke="#0000bf"
stroke-width="15"
strokewidth="5"
strokecolor="#000000"
></polygon>
</g>
</svg>
</body>
`; `;

635
cypress/integration/ui/__snapshots__/scenario7.js.snap
View File

@@ -1,148 +1,563 @@
exports[`use all parts of svg-edit > check tool_source_set #0`] = ` exports[`use all parts of svg-edit > check tool_source_set #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
</g> height="480"
</svg> xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_star #0`] = ` exports[`use all parts of svg-edit > check tool_star #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"> height="480"
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" to="1"/> xmlns="http://www.w3.org/2000/svg"
</polygon> xmlns:svg="http://www.w3.org/2000/svg"
</g> >
</svg> <g class="layer">
<title>Layer 1</title>
<polygon
cx="300"
cy="150"
fill="#FF0000"
id="svg_1"
orient="point"
point="5"
points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 "
r="66.66667"
r2="22.22222"
radialshift="0"
shape="star"
starradiusmultiplier="3"
stroke="#000000"
stroke-width="5"
strokewidth="5"
strokecolor="#000000"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="1"
></animate>
</polygon>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_star_clone #0`] = ` exports[`use all parts of svg-edit > check tool_star_clone #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/> height="480"
<polygon cx="300" cy="150" fill="#FF0000" id="svg_2" orient="point" point="5" points="320,103.33333587646484 333.0618896484375,152.0218505859375 383.4037780761719,149.39886474609375 341.13458251953125,176.86705017089844 359.1856689453125,223.93446350097656 320,192.22222900390625 280.8143310546875,223.93446350097656 298.86541748046875,176.86705017089844 256.5962371826172,149.39886474609375 306.9381103515625,152.0218505859375 320,103.33333587646484 333.0618896484375,152.0218505859375 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/> xmlns="http://www.w3.org/2000/svg"
</g> xmlns:svg="http://www.w3.org/2000/svg"
</svg> >
<g class="layer">
<title>Layer 1</title>
<polygon
cx="300"
cy="150"
fill="#FF0000"
id="svg_1"
orient="point"
point="5"
points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 "
r="66.66667"
r2="22.22222"
radialshift="0"
shape="star"
starradiusmultiplier="3"
stroke="#000000"
stroke-width="5"
strokewidth="5"
strokecolor="#000000"
></polygon>
<polygon
cx="300"
cy="150"
fill="#FF0000"
id="svg_2"
orient="point"
point="5"
points="320,103.33333587646484 333.0618896484375,152.0218505859375 383.4037780761719,149.39886474609375 341.13458251953125,176.86705017089844 359.1856689453125,223.93446350097656 320,192.22222900390625 280.8143310546875,223.93446350097656 298.86541748046875,176.86705017089844 256.5962371826172,149.39886474609375 306.9381103515625,152.0218505859375 320,103.33333587646484 333.0618896484375,152.0218505859375 "
r="66.66667"
r2="22.22222"
radialshift="0"
shape="star"
starradiusmultiplier="3"
stroke="#000000"
stroke-width="5"
strokewidth="5"
strokecolor="#000000"
></polygon>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_star_change_rotation #0`] = ` exports[`use all parts of svg-edit > check tool_star_change_rotation #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/> height="480"
<polygon class="svg_2_class" cx="300" cy="150" fill="#FF0000" id="svg_2_id" orient="point" point="5" points="320,103.33333587646484 333.0618896484375,152.0218505859375 383.4037780761719,149.39886474609375 341.13458251953125,176.86705017089844 359.1856689453125,223.93446350097656 320,192.22222900390625 280.8143310546875,223.93446350097656 298.86541748046875,176.86705017089844 256.5962371826172,149.39886474609375 306.9381103515625,152.0218505859375 320,103.33333587646484 333.0618896484375,152.0218505859375 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000" transform="rotate(25 320 163.634)"/> xmlns="http://www.w3.org/2000/svg"
</g> xmlns:svg="http://www.w3.org/2000/svg"
</svg> >
<g class="layer">
<title>Layer 1</title>
<polygon
cx="300"
cy="150"
fill="#FF0000"
id="svg_1"
orient="point"
point="5"
points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 "
r="66.66667"
r2="22.22222"
radialshift="0"
shape="star"
starradiusmultiplier="3"
stroke="#000000"
stroke-width="5"
strokewidth="5"
strokecolor="#000000"
></polygon>
<polygon
class="svg_2_class"
cx="300"
cy="150"
fill="#FF0000"
id="svg_2_id"
orient="point"
point="5"
points="320,103.33333587646484 333.0618896484375,152.0218505859375 383.4037780761719,149.39886474609375 341.13458251953125,176.86705017089844 359.1856689453125,223.93446350097656 320,192.22222900390625 280.8143310546875,223.93446350097656 298.86541748046875,176.86705017089844 256.5962371826172,149.39886474609375 306.9381103515625,152.0218505859375 320,103.33333587646484 333.0618896484375,152.0218505859375 "
r="66.66667"
r2="22.22222"
radialshift="0"
shape="star"
starradiusmultiplier="3"
stroke="#000000"
stroke-width="5"
strokewidth="5"
strokecolor="#000000"
transform="rotate(25 320 163.634)"
></polygon>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_star_change_blur #0`] = ` exports[`use all parts of svg-edit > check tool_star_change_blur #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/> height="480"
<polygon class="svg_2_class" cx="300" cy="150" fill="#FF0000" filter="url(#svg_2_id_blur)" id="svg_2_id" orient="point" point="5" points="320,103.33333587646484 333.0618896484375,152.0218505859375 383.4037780761719,149.39886474609375 341.13458251953125,176.86705017089844 359.1856689453125,223.93446350097656 320,192.22222900390625 280.8143310546875,223.93446350097656 298.86541748046875,176.86705017089844 256.5962371826172,149.39886474609375 306.9381103515625,152.0218505859375 320,103.33333587646484 333.0618896484375,152.0218505859375 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000" transform="rotate(25 320 163.634)"/> xmlns="http://www.w3.org/2000/svg"
</g> xmlns:svg="http://www.w3.org/2000/svg"
<defs> >
<filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%"> <g class="layer">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/> <title>Layer 1</title>
</filter> <polygon
</defs> cx="300"
</svg> cy="150"
fill="#FF0000"
id="svg_1"
orient="point"
point="5"
points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 "
r="66.66667"
r2="22.22222"
radialshift="0"
shape="star"
starradiusmultiplier="3"
stroke="#000000"
stroke-width="5"
strokewidth="5"
strokecolor="#000000"
></polygon>
<polygon
class="svg_2_class"
cx="300"
cy="150"
fill="#FF0000"
filter="url(#svg_2_id_blur)"
id="svg_2_id"
orient="point"
point="5"
points="320,103.33333587646484 333.0618896484375,152.0218505859375 383.4037780761719,149.39886474609375 341.13458251953125,176.86705017089844 359.1856689453125,223.93446350097656 320,192.22222900390625 280.8143310546875,223.93446350097656 298.86541748046875,176.86705017089844 256.5962371826172,149.39886474609375 306.9381103515625,152.0218505859375 320,103.33333587646484 333.0618896484375,152.0218505859375 "
r="66.66667"
r2="22.22222"
radialshift="0"
shape="star"
starradiusmultiplier="3"
stroke="#000000"
stroke-width="5"
strokewidth="5"
strokecolor="#000000"
transform="rotate(25 320 163.634)"
></polygon>
</g>
<defs>
<filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_star_change_opacity #0`] = ` exports[`use all parts of svg-edit > check tool_star_change_opacity #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/> height="480"
<polygon class="svg_2_class" cx="300" cy="150" fill="#FF0000" filter="url(#svg_2_id_blur)" id="svg_2_id" opacity="0.5" orient="point" point="5" points="320,103.33333587646484 333.0618896484375,152.0218505859375 383.4037780761719,149.39886474609375 341.13458251953125,176.86705017089844 359.1856689453125,223.93446350097656 320,192.22222900390625 280.8143310546875,223.93446350097656 298.86541748046875,176.86705017089844 256.5962371826172,149.39886474609375 306.9381103515625,152.0218505859375 320,103.33333587646484 333.0618896484375,152.0218505859375 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000" transform="rotate(25 320 163.634)"/> xmlns="http://www.w3.org/2000/svg"
</g> xmlns:svg="http://www.w3.org/2000/svg"
<defs> >
<filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%"> <g class="layer">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/> <title>Layer 1</title>
</filter> <polygon
</defs> cx="300"
</svg> cy="150"
fill="#FF0000"
id="svg_1"
orient="point"
point="5"
points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 "
r="66.66667"
r2="22.22222"
radialshift="0"
shape="star"
starradiusmultiplier="3"
stroke="#000000"
stroke-width="5"
strokewidth="5"
strokecolor="#000000"
></polygon>
<polygon
class="svg_2_class"
cx="300"
cy="150"
fill="#FF0000"
filter="url(#svg_2_id_blur)"
id="svg_2_id"
opacity="0.5"
orient="point"
point="5"
points="320,103.33333587646484 333.0618896484375,152.0218505859375 383.4037780761719,149.39886474609375 341.13458251953125,176.86705017089844 359.1856689453125,223.93446350097656 320,192.22222900390625 280.8143310546875,223.93446350097656 298.86541748046875,176.86705017089844 256.5962371826172,149.39886474609375 306.9381103515625,152.0218505859375 320,103.33333587646484 333.0618896484375,152.0218505859375 "
r="66.66667"
r2="22.22222"
radialshift="0"
shape="star"
starradiusmultiplier="3"
stroke="#000000"
stroke-width="5"
strokewidth="5"
strokecolor="#000000"
transform="rotate(25 320 163.634)"
></polygon>
</g>
<defs>
<filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_star_bring_to_back #0`] = ` exports[`use all parts of svg-edit > check tool_star_bring_to_back #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<polygon class="svg_2_class" cx="300" cy="150" fill="#FF0000" filter="url(#svg_2_id_blur)" id="svg_2_id" opacity="0.5" orient="point" point="5" points="320,103.33333587646484 333.0618896484375,152.0218505859375 383.4037780761719,149.39886474609375 341.13458251953125,176.86705017089844 359.1856689453125,223.93446350097656 320,192.22222900390625 280.8143310546875,223.93446350097656 298.86541748046875,176.86705017089844 256.5962371826172,149.39886474609375 306.9381103515625,152.0218505859375 320,103.33333587646484 333.0618896484375,152.0218505859375 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000" transform="rotate(25 320 163.634)"/> height="480"
<polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/> xmlns="http://www.w3.org/2000/svg"
</g> xmlns:svg="http://www.w3.org/2000/svg"
<defs> >
<filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%"> <g class="layer">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/> <title>Layer 1</title>
</filter> <polygon
</defs> class="svg_2_class"
</svg> cx="300"
cy="150"
fill="#FF0000"
filter="url(#svg_2_id_blur)"
id="svg_2_id"
opacity="0.5"
orient="point"
point="5"
points="320,103.33333587646484 333.0618896484375,152.0218505859375 383.4037780761719,149.39886474609375 341.13458251953125,176.86705017089844 359.1856689453125,223.93446350097656 320,192.22222900390625 280.8143310546875,223.93446350097656 298.86541748046875,176.86705017089844 256.5962371826172,149.39886474609375 306.9381103515625,152.0218505859375 320,103.33333587646484 333.0618896484375,152.0218505859375 "
r="66.66667"
r2="22.22222"
radialshift="0"
shape="star"
starradiusmultiplier="3"
stroke="#000000"
stroke-width="5"
strokewidth="5"
strokecolor="#000000"
transform="rotate(25 320 163.634)"
></polygon>
<polygon
cx="300"
cy="150"
fill="#FF0000"
id="svg_1"
orient="point"
point="5"
points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 "
r="66.66667"
r2="22.22222"
radialshift="0"
shape="star"
starradiusmultiplier="3"
stroke="#000000"
stroke-width="5"
strokewidth="5"
strokecolor="#000000"
></polygon>
</g>
<defs>
<filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_star_bring_to_front #0`] = ` exports[`use all parts of svg-edit > check tool_star_bring_to_front #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/> height="480"
<polygon class="svg_2_class" cx="300" cy="150" fill="#FF0000" filter="url(#svg_2_id_blur)" id="svg_2_id" opacity="0.5" orient="point" point="5" points="320,103.33333587646484 333.0618896484375,152.0218505859375 383.4037780761719,149.39886474609375 341.13458251953125,176.86705017089844 359.1856689453125,223.93446350097656 320,192.22222900390625 280.8143310546875,223.93446350097656 298.86541748046875,176.86705017089844 256.5962371826172,149.39886474609375 306.9381103515625,152.0218505859375 320,103.33333587646484 333.0618896484375,152.0218505859375 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000" transform="rotate(25 320 163.634)"/> xmlns="http://www.w3.org/2000/svg"
</g> xmlns:svg="http://www.w3.org/2000/svg"
<defs> >
<filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%"> <g class="layer">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/> <title>Layer 1</title>
</filter> <polygon
</defs> cx="300"
</svg> cy="150"
fill="#FF0000"
id="svg_1"
orient="point"
point="5"
points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 "
r="66.66667"
r2="22.22222"
radialshift="0"
shape="star"
starradiusmultiplier="3"
stroke="#000000"
stroke-width="5"
strokewidth="5"
strokecolor="#000000"
></polygon>
<polygon
class="svg_2_class"
cx="300"
cy="150"
fill="#FF0000"
filter="url(#svg_2_id_blur)"
id="svg_2_id"
opacity="0.5"
orient="point"
point="5"
points="320,103.33333587646484 333.0618896484375,152.0218505859375 383.4037780761719,149.39886474609375 341.13458251953125,176.86705017089844 359.1856689453125,223.93446350097656 320,192.22222900390625 280.8143310546875,223.93446350097656 298.86541748046875,176.86705017089844 256.5962371826172,149.39886474609375 306.9381103515625,152.0218505859375 320,103.33333587646484 333.0618896484375,152.0218505859375 "
r="66.66667"
r2="22.22222"
radialshift="0"
shape="star"
starradiusmultiplier="3"
stroke="#000000"
stroke-width="5"
strokewidth="5"
strokecolor="#000000"
transform="rotate(25 320 163.634)"
></polygon>
</g>
<defs>
<filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_star_delete #0`] = ` exports[`use all parts of svg-edit > check tool_star_delete #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/> height="480"
</g> xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
</svg> >
<g class="layer">
<title>Layer 1</title>
<polygon
cx="300"
cy="150"
fill="#FF0000"
id="svg_1"
orient="point"
point="5"
points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 "
r="66.66667"
r2="22.22222"
radialshift="0"
shape="star"
starradiusmultiplier="3"
stroke="#000000"
stroke-width="5"
strokewidth="5"
strokecolor="#000000"
></polygon>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_star_align_to_page #0`] = ` exports[`use all parts of svg-edit > check tool_star_align_to_page #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/> height="480"
</g> xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
</svg> >
<g class="layer">
<title>Layer 1</title>
<polygon
cx="300"
cy="150"
fill="#FF0000"
id="svg_1"
orient="point"
point="5"
points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 "
r="66.66667"
r2="22.22222"
radialshift="0"
shape="star"
starradiusmultiplier="3"
stroke="#000000"
stroke-width="5"
strokewidth="5"
strokecolor="#000000"
></polygon>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_star_change_stroke_width #0`] = ` exports[`use all parts of svg-edit > check tool_star_change_stroke_width #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="15" strokeWidth="5" strokecolor="#000000"/> height="480"
</g> xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
</svg> >
<g class="layer">
<title>Layer 1</title>
<polygon
cx="300"
cy="150"
fill="#FF0000"
id="svg_1"
orient="point"
point="5"
points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 "
r="66.66667"
r2="22.22222"
radialshift="0"
shape="star"
starradiusmultiplier="3"
stroke="#000000"
stroke-width="15"
strokewidth="5"
strokecolor="#000000"
></polygon>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_star_change_stoke_fill_color #0`] = ` exports[`use all parts of svg-edit > check tool_star_change_stoke_fill_color #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<polygon cx="300" cy="150" fill="#bf0000" id="svg_1" orient="point" point="5" points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#0000bf" stroke-width="15" strokeWidth="5" strokecolor="#000000"/> height="480"
</g> xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
</svg> >
<g class="layer">
<title>Layer 1</title>
<polygon
cx="300"
cy="150"
fill="#bf0000"
id="svg_1"
orient="point"
point="5"
points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 "
r="66.66667"
r2="22.22222"
radialshift="0"
shape="star"
starradiusmultiplier="3"
stroke="#0000bf"
stroke-width="15"
strokewidth="5"
strokecolor="#000000"
></polygon>
</g>
</svg>
</body>
`; `;
exports[`use all parts of svg-edit > check tool_star_change_sides #0`] = ` exports[`use all parts of svg-edit > check tool_star_change_sides #0`] = `
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <body>
<g class="layer"> <svg
<title>Layer 1</title> width="640"
<polygon cx="300" cy="150" fill="#bf0000" id="svg_1" orient="point" point="6" points="301.8821476527623,70.14305132911319 312.99325876387337,117.56470902279233 359.61717457172483,103.47638466244652 324.1043698749845,136.80971799577986 359.6171745717249,170.14305132911318 312.9932587638734,156.0547269687674 301.8821476527623,203.47638466244655 290.7710365416512,156.0547269687674 244.1471207337997,170.14305132911323 279.65992543054006,136.80971799577986 244.1471207337997,103.47638466244652 290.7710365416512,117.56470902279233 301.8821476527623,70.14305132911319 312.9932587638734,117.56470902279233 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#0000bf" stroke-width="15" strokeWidth="5" strokecolor="#000000"/> height="480"
</g> xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
</svg> >
<g class="layer">
<title>Layer 1</title>
<polygon
cx="300"
cy="150"
fill="#bf0000"
id="svg_1"
orient="point"
point="6"
points="301.8821476527623,70.14305132911319 312.99325876387337,117.56470902279233 359.61717457172483,103.47638466244652 324.1043698749845,136.80971799577986 359.6171745717249,170.14305132911318 312.9932587638734,156.0547269687674 301.8821476527623,203.47638466244655 290.7710365416512,156.0547269687674 244.1471207337997,170.14305132911323 279.65992543054006,136.80971799577986 244.1471207337997,103.47638466244652 290.7710365416512,117.56470902279233 301.8821476527623,70.14305132911319 312.9932587638734,117.56470902279233 "
r="66.66667"
r2="22.22222"
radialshift="0"
shape="star"
starradiusmultiplier="3"
stroke="#0000bf"
stroke-width="15"
strokewidth="5"
strokecolor="#000000"
></polygon>
</g>
</svg>
</body>
`; `;

4
cypress/integration/ui/scenario3.js
View File

@@ -50,7 +50,7 @@ describe('use all parts of svg-edit', function () {
testSnapshot() testSnapshot()
}) })
it('check tool_path_change_seg_type', function () { it('check tool_path_change_seg_type', function () {
cy.get('#svg_1').click({ force: true }) // cy.get('#svg_1').click({ force: true })
cy.get('#svg_1').dblclick({ force: true }) cy.get('#svg_1').dblclick({ force: true })
cy.get('#seg_type').shadow().find('select').select('6', { force: true }).should('have.value', '6') cy.get('#seg_type').shadow().find('select').select('6', { force: true }).should('have.value', '6')
cy.get('#ctrlpointgrip_3c1') cy.get('#ctrlpointgrip_3c1')
@@ -60,7 +60,7 @@ describe('use all parts of svg-edit', function () {
testSnapshot() testSnapshot()
}) })
it('check tool_path_change_clone_node', function () { it('check tool_path_change_clone_node', function () {
cy.get('#svg_1').click({ force: true }) // cy.get('#svg_1').click({ force: true })
cy.get('#svg_1').dblclick({ force: true }) cy.get('#svg_1').dblclick({ force: true })
cy.get('#tool_node_clone').click({ force: true }) cy.get('#tool_node_clone').click({ force: true })
cy.get('#pathpointgrip_4') cy.get('#pathpointgrip_4')

8
cypress/integration/unit/path.js
View File

@@ -48,7 +48,7 @@ describe('path', function () {
const [mockPathContext, mockUtilitiesContext] = getMockContexts() const [mockPathContext, mockUtilitiesContext] = getMockContexts()
pathModule.init(mockPathContext) pathModule.init(mockPathContext)
utilities.init(mockUtilitiesContext) utilities.init(mockUtilitiesContext)
Path(path) new Path(path) // eslint-disable-line no-new
assert.equal(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'L') assert.equal(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'L')
assert.equal(path.pathSegList.getItem(1).x, 10) assert.equal(path.pathSegList.getItem(1).x, 10)
@@ -68,7 +68,7 @@ describe('path', function () {
const [mockPathContext, mockUtilitiesContext] = getMockContexts() const [mockPathContext, mockUtilitiesContext] = getMockContexts()
pathModule.init(mockPathContext) pathModule.init(mockPathContext)
utilities.init(mockUtilitiesContext) utilities.init(mockUtilitiesContext)
Path(path) new Path(path) // eslint-disable-line no-new
assert.equal(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'L') assert.equal(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'L')
assert.equal(path.pathSegList.getItem(1).x, 10) assert.equal(path.pathSegList.getItem(1).x, 10)
@@ -124,7 +124,7 @@ describe('path', function () {
const [mockPathContext, mockUtilitiesContext] = getMockContexts() const [mockPathContext, mockUtilitiesContext] = getMockContexts()
pathModule.init(mockPathContext) pathModule.init(mockPathContext)
utilities.init(mockUtilitiesContext) utilities.init(mockUtilitiesContext)
Path(path) new Path(path) // eslint-disable-line no-new
assert.equal(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'L') assert.equal(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'L')
assert.equal(path.pathSegList.getItem(1).x, 10) assert.equal(path.pathSegList.getItem(1).x, 10)
@@ -144,7 +144,7 @@ describe('path', function () {
const [mockPathContext, mockUtilitiesContext] = getMockContexts() const [mockPathContext, mockUtilitiesContext] = getMockContexts()
pathModule.init(mockPathContext) pathModule.init(mockPathContext)
utilities.init(mockUtilitiesContext) utilities.init(mockUtilitiesContext)
Path(path) new Path(path) // eslint-disable-line no-new
assert.equal(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'C') assert.equal(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'C')
assert.equal(path.pathSegList.getItem(1).x1, 11) assert.equal(path.pathSegList.getItem(1).x1, 11)

84
cypress/integration/unit/utilities-bbox.js
View File

@@ -22,17 +22,17 @@ describe('utilities bbox', function () {
}) })
return elem return elem
} }
let mockaddSVGElemensFromJsonCallCount = 0 let mockaddSVGElementsFromJsonCallCount = 0
/** /**
* Mock of {@link module:utilities.EditorContext#addSVGElemensFromJson}. * Mock of {@link module:utilities.EditorContext#addSVGElementsFromJson}.
* @param {module:utilities.SVGElementJSON} json * @param {module:utilities.SVGElementJSON} json
* @returns {SVGElement} * @returns {SVGElement}
*/ */
function mockaddSVGElemensFromJson (json) { function mockaddSVGElementsFromJson (json) {
const elem = mockCreateSVGElement(json) const elem = mockCreateSVGElement(json)
svgroot.append(elem) svgroot.append(elem)
mockaddSVGElemensFromJsonCallCount++ mockaddSVGElementsFromJsonCallCount++
return elem return elem
} }
const mockPathActions = { const mockPathActions = {
@@ -94,7 +94,7 @@ describe('utilities bbox', function () {
} }
path.init(mockSvgCanvas) path.init(mockSvgCanvas)
mockaddSVGElemensFromJsonCallCount = 0 mockaddSVGElementsFromJsonCallCount = 0
}) })
it('Test svgedit.utilities package', function () { it('Test svgedit.utilities package', function () {
@@ -113,9 +113,9 @@ describe('utilities bbox', function () {
attr: { id: 'path', d: 'M0,1 L2,3' } attr: { id: 'path', d: 'M0,1 L2,3' }
}) })
svgroot.append(elem) svgroot.append(elem)
let bbox = getBBoxWithTransform(elem, mockaddSVGElemensFromJson, mockPathActions) let bbox = getBBoxWithTransform(elem, mockaddSVGElementsFromJson, mockPathActions)
assert.deepEqual(bbox, { x: 0, y: 1, width: 2, height: 2 }) assert.deepEqual(bbox, { x: 0, y: 1, width: 2, height: 2 })
assert.equal(mockaddSVGElemensFromJsonCallCount, 0) assert.equal(mockaddSVGElementsFromJsonCallCount, 0)
elem.remove() elem.remove()
elem = mockCreateSVGElement({ elem = mockCreateSVGElement({
@@ -123,9 +123,9 @@ describe('utilities bbox', function () {
attr: { id: 'rect', x: '0', y: '1', width: '5', height: '10' } attr: { id: 'rect', x: '0', y: '1', width: '5', height: '10' }
}) })
svgroot.append(elem) svgroot.append(elem)
bbox = getBBoxWithTransform(elem, mockaddSVGElemensFromJson, mockPathActions) bbox = getBBoxWithTransform(elem, mockaddSVGElementsFromJson, mockPathActions)
assert.deepEqual(bbox, { x: 0, y: 1, width: 5, height: 10 }) assert.deepEqual(bbox, { x: 0, y: 1, width: 5, height: 10 })
assert.equal(mockaddSVGElemensFromJsonCallCount, 0) assert.equal(mockaddSVGElementsFromJsonCallCount, 0)
elem.remove() elem.remove()
elem = mockCreateSVGElement({ elem = mockCreateSVGElement({
@@ -133,9 +133,9 @@ describe('utilities bbox', function () {
attr: { id: 'line', x1: '0', y1: '1', x2: '5', y2: '6' } attr: { id: 'line', x1: '0', y1: '1', x2: '5', y2: '6' }
}) })
svgroot.append(elem) svgroot.append(elem)
bbox = getBBoxWithTransform(elem, mockaddSVGElemensFromJson, mockPathActions) bbox = getBBoxWithTransform(elem, mockaddSVGElementsFromJson, mockPathActions)
assert.deepEqual(bbox, { x: 0, y: 1, width: 5, height: 5 }) assert.deepEqual(bbox, { x: 0, y: 1, width: 5, height: 5 })
assert.equal(mockaddSVGElemensFromJsonCallCount, 0) assert.equal(mockaddSVGElementsFromJsonCallCount, 0)
elem.remove() elem.remove()
elem = mockCreateSVGElement({ elem = mockCreateSVGElement({
@@ -148,9 +148,9 @@ describe('utilities bbox', function () {
}) })
g.append(elem) g.append(elem)
svgroot.append(g) svgroot.append(g)
bbox = getBBoxWithTransform(elem, mockaddSVGElemensFromJson, mockPathActions) bbox = getBBoxWithTransform(elem, mockaddSVGElementsFromJson, mockPathActions)
assert.deepEqual(bbox, { x: 0, y: 1, width: 5, height: 10 }) assert.deepEqual(bbox, { x: 0, y: 1, width: 5, height: 10 })
assert.equal(mockaddSVGElemensFromJsonCallCount, 0) assert.equal(mockaddSVGElementsFromJsonCallCount, 0)
g.remove() g.remove()
}) })
@@ -162,7 +162,7 @@ describe('utilities bbox', function () {
attr: { id: 'path', d: 'M10,10 L20,20', transform: 'rotate(45 10,10)' } attr: { id: 'path', d: 'M10,10 L20,20', transform: 'rotate(45 10,10)' }
}) })
svgroot.append(elem) svgroot.append(elem)
let bbox = getBBoxWithTransform(elem, mockaddSVGElemensFromJson, mockPathActions) let bbox = getBBoxWithTransform(elem, mockaddSVGElementsFromJson, mockPathActions)
assert.close(bbox.x, 10, EPSILON) assert.close(bbox.x, 10, EPSILON)
assert.close(bbox.y, 10, EPSILON) assert.close(bbox.y, 10, EPSILON)
assert.close(bbox.width, 0, EPSILON) assert.close(bbox.width, 0, EPSILON)
@@ -174,12 +174,12 @@ describe('utilities bbox', function () {
attr: { id: 'rect', x: '10', y: '10', width: '10', height: '20', transform: 'rotate(90 15,20)' } attr: { id: 'rect', x: '10', y: '10', width: '10', height: '20', transform: 'rotate(90 15,20)' }
}) })
svgroot.append(elem) svgroot.append(elem)
bbox = getBBoxWithTransform(elem, mockaddSVGElemensFromJson, mockPathActions) bbox = getBBoxWithTransform(elem, mockaddSVGElementsFromJson, mockPathActions)
assert.close(bbox.x, 5, EPSILON) assert.close(bbox.x, 5, EPSILON)
assert.close(bbox.y, 15, EPSILON) assert.close(bbox.y, 15, EPSILON)
assert.close(bbox.width, 20, EPSILON) assert.close(bbox.width, 20, EPSILON)
assert.close(bbox.height, 10, EPSILON) assert.close(bbox.height, 10, EPSILON)
assert.equal(mockaddSVGElemensFromJsonCallCount, 1) assert.equal(mockaddSVGElementsFromJsonCallCount, 1)
elem.remove() elem.remove()
const rect = { x: 10, y: 10, width: 10, height: 20 } const rect = { x: 10, y: 10, width: 10, height: 20 }
@@ -190,14 +190,14 @@ describe('utilities bbox', function () {
attr: { id: 'rect2', x: rect.x, y: rect.y, width: rect.width, height: rect.height, transform: 'rotate(' + angle + ' ' + origin.x + ',' + origin.y + ')' } attr: { id: 'rect2', x: rect.x, y: rect.y, width: rect.width, height: rect.height, transform: 'rotate(' + angle + ' ' + origin.x + ',' + origin.y + ')' }
}) })
svgroot.append(elem) svgroot.append(elem)
mockaddSVGElemensFromJsonCallCount = 0 mockaddSVGElementsFromJsonCallCount = 0
bbox = getBBoxWithTransform(elem, mockaddSVGElemensFromJson, mockPathActions) bbox = getBBoxWithTransform(elem, mockaddSVGElementsFromJson, mockPathActions)
const r2 = rotateRect(rect, angle, origin) const r2 = rotateRect(rect, angle, origin)
assert.close(bbox.x, r2.x, EPSILON, 'rect2 x is ' + r2.x) assert.close(bbox.x, r2.x, EPSILON, 'rect2 x is ' + r2.x)
assert.close(bbox.y, r2.y, EPSILON, 'rect2 y is ' + r2.y) assert.close(bbox.y, r2.y, EPSILON, 'rect2 y is ' + r2.y)
assert.close(bbox.width, r2.width, EPSILON, 'rect2 width is' + r2.width) assert.close(bbox.width, r2.width, EPSILON, 'rect2 width is' + r2.width)
assert.close(bbox.height, r2.height, EPSILON, 'rect2 height is ' + r2.height) assert.close(bbox.height, r2.height, EPSILON, 'rect2 height is ' + r2.height)
assert.equal(mockaddSVGElemensFromJsonCallCount, 0) assert.equal(mockaddSVGElementsFromJsonCallCount, 0)
elem.remove() elem.remove()
// Same as previous but wrapped with g and the transform is with the g. // Same as previous but wrapped with g and the transform is with the g.
@@ -211,13 +211,13 @@ describe('utilities bbox', function () {
}) })
g.append(elem) g.append(elem)
svgroot.append(g) svgroot.append(g)
mockaddSVGElemensFromJsonCallCount = 0 mockaddSVGElementsFromJsonCallCount = 0
bbox = getBBoxWithTransform(g, mockaddSVGElemensFromJson, mockPathActions) bbox = getBBoxWithTransform(g, mockaddSVGElementsFromJson, mockPathActions)
assert.close(bbox.x, r2.x, EPSILON, 'rect2 x is ' + r2.x) assert.close(bbox.x, r2.x, EPSILON, 'rect2 x is ' + r2.x)
assert.close(bbox.y, r2.y, EPSILON, 'rect2 y is ' + r2.y) assert.close(bbox.y, r2.y, EPSILON, 'rect2 y is ' + r2.y)
assert.close(bbox.width, r2.width, EPSILON, 'rect2 width is' + r2.width) assert.close(bbox.width, r2.width, EPSILON, 'rect2 width is' + r2.width)
assert.close(bbox.height, r2.height, EPSILON, 'rect2 height is ' + r2.height) assert.close(bbox.height, r2.height, EPSILON, 'rect2 height is ' + r2.height)
assert.equal(mockaddSVGElemensFromJsonCallCount, 0) assert.equal(mockaddSVGElementsFromJsonCallCount, 0)
g.remove() g.remove()
elem = mockCreateSVGElement({ elem = mockCreateSVGElement({
@@ -225,14 +225,14 @@ describe('utilities bbox', function () {
attr: { id: 'ellipse1', cx: '100', cy: '100', rx: '50', ry: '50', transform: 'rotate(45 100,100)' } attr: { id: 'ellipse1', cx: '100', cy: '100', rx: '50', ry: '50', transform: 'rotate(45 100,100)' }
}) })
svgroot.append(elem) svgroot.append(elem)
mockaddSVGElemensFromJsonCallCount = 0 mockaddSVGElementsFromJsonCallCount = 0
bbox = getBBoxWithTransform(elem, mockaddSVGElemensFromJson, mockPathActions) bbox = getBBoxWithTransform(elem, mockaddSVGElementsFromJson, mockPathActions)
/** @todo: Review these test the BBox algorithm is using the bezier control points to calculate the bounding box. Should be 50, 50, 100, 100. */ /** @todo: Review these test the BBox algorithm is using the bezier control points to calculate the bounding box. Should be 50, 50, 100, 100. */
// assert.ok(bbox.x > 45 && bbox.x <= 50); // assert.ok(bbox.x > 45 && bbox.x <= 50);
assert.ok(bbox.y > 45 && bbox.y <= 50) assert.ok(bbox.y > 45 && bbox.y <= 50)
// assert.ok(bbox.width >= 100 && bbox.width < 110); // assert.ok(bbox.width >= 100 && bbox.width < 110);
// assert.ok(bbox.height >= 100 && bbox.height < 110); // assert.ok(bbox.height >= 100 && bbox.height < 110);
assert.equal(mockaddSVGElemensFromJsonCallCount, 1) assert.equal(mockaddSVGElementsFromJsonCallCount, 1)
elem.remove() elem.remove()
}) })
@@ -249,7 +249,7 @@ describe('utilities bbox', function () {
attr: { id: 'path', d: 'M10,10 L20,20', transform: 'rotate(45 10,10) ' + matrix } attr: { id: 'path', d: 'M10,10 L20,20', transform: 'rotate(45 10,10) ' + matrix }
}) })
svgroot.append(elem) svgroot.append(elem)
let bbox = getBBoxWithTransform(elem, mockaddSVGElemensFromJson, mockPathActions) let bbox = getBBoxWithTransform(elem, mockaddSVGElementsFromJson, mockPathActions)
assert.close(bbox.x, 10 + tx, EPSILON) assert.close(bbox.x, 10 + tx, EPSILON)
assert.close(bbox.y, 10 + ty, EPSILON) assert.close(bbox.y, 10 + ty, EPSILON)
assert.close(bbox.width, 0, EPSILON) assert.close(bbox.width, 0, EPSILON)
@@ -264,7 +264,7 @@ describe('utilities bbox', function () {
attr: { id: 'rect', x: '10', y: '10', width: '10', height: '20', transform: 'rotate(90 15,20) ' + matrix } attr: { id: 'rect', x: '10', y: '10', width: '10', height: '20', transform: 'rotate(90 15,20) ' + matrix }
}) })
svgroot.append(elem) svgroot.append(elem)
bbox = getBBoxWithTransform(elem, mockaddSVGElemensFromJson, mockPathActions) bbox = getBBoxWithTransform(elem, mockaddSVGElementsFromJson, mockPathActions)
assert.close(bbox.x, 5 + tx, EPSILON) assert.close(bbox.x, 5 + tx, EPSILON)
assert.close(bbox.y, 15 + ty, EPSILON) assert.close(bbox.y, 15 + ty, EPSILON)
assert.close(bbox.width, 20, EPSILON) assert.close(bbox.width, 20, EPSILON)
@@ -284,7 +284,7 @@ describe('utilities bbox', function () {
attr: { id: 'rect2', x: rect.x, y: rect.y, width: rect.width, height: rect.height, transform: 'rotate(' + angle + ' ' + origin.x + ',' + origin.y + ') ' + matrix } attr: { id: 'rect2', x: rect.x, y: rect.y, width: rect.width, height: rect.height, transform: 'rotate(' + angle + ' ' + origin.x + ',' + origin.y + ') ' + matrix }
}) })
svgroot.append(elem) svgroot.append(elem)
bbox = getBBoxWithTransform(elem, mockaddSVGElemensFromJson, mockPathActions) bbox = getBBoxWithTransform(elem, mockaddSVGElementsFromJson, mockPathActions)
const r2 = rotateRect(rect, angle, origin) const r2 = rotateRect(rect, angle, origin)
assert.close(bbox.x, r2.x + tx, EPSILON, 'rect2 x is ' + r2.x) assert.close(bbox.x, r2.x + tx, EPSILON, 'rect2 x is ' + r2.x)
assert.close(bbox.y, r2.y + ty, EPSILON, 'rect2 y is ' + r2.y) assert.close(bbox.y, r2.y + ty, EPSILON, 'rect2 y is ' + r2.y)
@@ -303,7 +303,7 @@ describe('utilities bbox', function () {
}) })
g.append(elem) g.append(elem)
svgroot.append(g) svgroot.append(g)
bbox = getBBoxWithTransform(g, mockaddSVGElemensFromJson, mockPathActions) bbox = getBBoxWithTransform(g, mockaddSVGElementsFromJson, mockPathActions)
assert.close(bbox.x, r2.x + tx, EPSILON, 'rect2 x is ' + r2.x) assert.close(bbox.x, r2.x + tx, EPSILON, 'rect2 x is ' + r2.x)
assert.close(bbox.y, r2.y + ty, EPSILON, 'rect2 y is ' + r2.y) assert.close(bbox.y, r2.y + ty, EPSILON, 'rect2 y is ' + r2.y)
assert.close(bbox.width, r2.width, EPSILON, 'rect2 width is' + r2.width) assert.close(bbox.width, r2.width, EPSILON, 'rect2 width is' + r2.width)
@@ -315,7 +315,7 @@ describe('utilities bbox', function () {
attr: { id: 'ellipse1', cx: '100', cy: '100', rx: '50', ry: '50', transform: 'rotate(45 100,100) ' + matrix } attr: { id: 'ellipse1', cx: '100', cy: '100', rx: '50', ry: '50', transform: 'rotate(45 100,100) ' + matrix }
}) })
svgroot.append(elem) svgroot.append(elem)
bbox = getBBoxWithTransform(elem, mockaddSVGElemensFromJson, mockPathActions) bbox = getBBoxWithTransform(elem, mockaddSVGElementsFromJson, mockPathActions)
/** @todo: the BBox algorithm is using the bezier control points to calculate the bounding box. Should be 50, 50, 100, 100. */ /** @todo: the BBox algorithm is using the bezier control points to calculate the bounding box. Should be 50, 50, 100, 100. */
// assert.ok(bbox.x > 45 + tx && bbox.x <= 50 + tx); // assert.ok(bbox.x > 45 + tx && bbox.x <= 50 + tx);
assert.ok(bbox.y > 45 + ty && bbox.y <= 50 + ty) assert.ok(bbox.y > 45 + ty && bbox.y <= 50 + ty)
@@ -333,7 +333,7 @@ describe('utilities bbox', function () {
attr: { id: 'path', d: 'M0,1 L2,3', 'stroke-width': strokeWidth } attr: { id: 'path', d: 'M0,1 L2,3', 'stroke-width': strokeWidth }
}) })
svgroot.append(elem) svgroot.append(elem)
let bbox = getStrokedBBox([elem], mockaddSVGElemensFromJson, mockPathActions) let bbox = getStrokedBBox([elem], mockaddSVGElementsFromJson, mockPathActions)
assert.deepEqual(bbox, { x: 0 - strokeWidth / 2, y: 1 - strokeWidth / 2, width: 2 + strokeWidth, height: 2 + strokeWidth }) assert.deepEqual(bbox, { x: 0 - strokeWidth / 2, y: 1 - strokeWidth / 2, width: 2 + strokeWidth, height: 2 + strokeWidth })
elem.remove() elem.remove()
@@ -342,7 +342,7 @@ describe('utilities bbox', function () {
attr: { id: 'rect', x: '0', y: '1', width: '5', height: '10', 'stroke-width': strokeWidth } attr: { id: 'rect', x: '0', y: '1', width: '5', height: '10', 'stroke-width': strokeWidth }
}) })
svgroot.append(elem) svgroot.append(elem)
bbox = getStrokedBBox([elem], mockaddSVGElemensFromJson, mockPathActions) bbox = getStrokedBBox([elem], mockaddSVGElementsFromJson, mockPathActions)
assert.deepEqual(bbox, { x: 0 - strokeWidth / 2, y: 1 - strokeWidth / 2, width: 5 + strokeWidth, height: 10 + strokeWidth }) assert.deepEqual(bbox, { x: 0 - strokeWidth / 2, y: 1 - strokeWidth / 2, width: 5 + strokeWidth, height: 10 + strokeWidth })
elem.remove() elem.remove()
@@ -351,7 +351,7 @@ describe('utilities bbox', function () {
attr: { id: 'line', x1: '0', y1: '1', x2: '5', y2: '6', 'stroke-width': strokeWidth } attr: { id: 'line', x1: '0', y1: '1', x2: '5', y2: '6', 'stroke-width': strokeWidth }
}) })
svgroot.append(elem) svgroot.append(elem)
bbox = getStrokedBBox([elem], mockaddSVGElemensFromJson, mockPathActions) bbox = getStrokedBBox([elem], mockaddSVGElementsFromJson, mockPathActions)
assert.deepEqual(bbox, { x: 0 - strokeWidth / 2, y: 1 - strokeWidth / 2, width: 5 + strokeWidth, height: 5 + strokeWidth }) assert.deepEqual(bbox, { x: 0 - strokeWidth / 2, y: 1 - strokeWidth / 2, width: 5 + strokeWidth, height: 5 + strokeWidth })
elem.remove() elem.remove()
@@ -365,7 +365,7 @@ describe('utilities bbox', function () {
}) })
g.append(elem) g.append(elem)
svgroot.append(g) svgroot.append(g)
bbox = getStrokedBBox([elem], mockaddSVGElemensFromJson, mockPathActions) bbox = getStrokedBBox([elem], mockaddSVGElementsFromJson, mockPathActions)
assert.deepEqual(bbox, { x: 0 - strokeWidth / 2, y: 1 - strokeWidth / 2, width: 5 + strokeWidth, height: 10 + strokeWidth }) assert.deepEqual(bbox, { x: 0 - strokeWidth / 2, y: 1 - strokeWidth / 2, width: 5 + strokeWidth, height: 10 + strokeWidth })
g.remove() g.remove()
}) })
@@ -378,7 +378,7 @@ describe('utilities bbox', function () {
attr: { id: 'path', d: 'M0,1 L2,3', 'stroke-width': 'none' } attr: { id: 'path', d: 'M0,1 L2,3', 'stroke-width': 'none' }
}) })
svgroot.append(elem) svgroot.append(elem)
let bbox = getStrokedBBox([elem], mockaddSVGElemensFromJson, mockPathActions) let bbox = getStrokedBBox([elem], mockaddSVGElementsFromJson, mockPathActions)
assert.deepEqual(bbox, { x: 0, y: 1, width: 2, height: 2 }) assert.deepEqual(bbox, { x: 0, y: 1, width: 2, height: 2 })
elem.remove() elem.remove()
@@ -387,7 +387,7 @@ describe('utilities bbox', function () {
attr: { id: 'rect', x: '0', y: '1', width: '5', height: '10', 'stroke-width': 'none' } attr: { id: 'rect', x: '0', y: '1', width: '5', height: '10', 'stroke-width': 'none' }
}) })
svgroot.append(elem) svgroot.append(elem)
bbox = getStrokedBBox([elem], mockaddSVGElemensFromJson, mockPathActions) bbox = getStrokedBBox([elem], mockaddSVGElementsFromJson, mockPathActions)
assert.deepEqual(bbox, { x: 0, y: 1, width: 5, height: 10 }) assert.deepEqual(bbox, { x: 0, y: 1, width: 5, height: 10 })
elem.remove() elem.remove()
@@ -396,7 +396,7 @@ describe('utilities bbox', function () {
attr: { id: 'line', x1: '0', y1: '1', x2: '5', y2: '6', 'stroke-width': 'none' } attr: { id: 'line', x1: '0', y1: '1', x2: '5', y2: '6', 'stroke-width': 'none' }
}) })
svgroot.append(elem) svgroot.append(elem)
bbox = getStrokedBBox([elem], mockaddSVGElemensFromJson, mockPathActions) bbox = getStrokedBBox([elem], mockaddSVGElementsFromJson, mockPathActions)
assert.deepEqual(bbox, { x: 0, y: 1, width: 5, height: 5 }) assert.deepEqual(bbox, { x: 0, y: 1, width: 5, height: 5 })
elem.remove() elem.remove()
@@ -410,7 +410,7 @@ describe('utilities bbox', function () {
}) })
g.append(elem) g.append(elem)
svgroot.append(g) svgroot.append(g)
bbox = getStrokedBBox([elem], mockaddSVGElemensFromJson, mockPathActions) bbox = getStrokedBBox([elem], mockaddSVGElementsFromJson, mockPathActions)
assert.deepEqual(bbox, { x: 0, y: 1, width: 5, height: 10 }) assert.deepEqual(bbox, { x: 0, y: 1, width: 5, height: 10 })
g.remove() g.remove()
}) })
@@ -423,7 +423,7 @@ describe('utilities bbox', function () {
attr: { id: 'path', d: 'M0,1 L2,3' } attr: { id: 'path', d: 'M0,1 L2,3' }
}) })
svgroot.append(elem) svgroot.append(elem)
let bbox = getStrokedBBox([elem], mockaddSVGElemensFromJson, mockPathActions) let bbox = getStrokedBBox([elem], mockaddSVGElementsFromJson, mockPathActions)
assert.deepEqual(bbox, { x: 0, y: 1, width: 2, height: 2 }) assert.deepEqual(bbox, { x: 0, y: 1, width: 2, height: 2 })
elem.remove() elem.remove()
@@ -432,7 +432,7 @@ describe('utilities bbox', function () {
attr: { id: 'rect', x: '0', y: '1', width: '5', height: '10' } attr: { id: 'rect', x: '0', y: '1', width: '5', height: '10' }
}) })
svgroot.append(elem) svgroot.append(elem)
bbox = getStrokedBBox([elem], mockaddSVGElemensFromJson, mockPathActions) bbox = getStrokedBBox([elem], mockaddSVGElementsFromJson, mockPathActions)
assert.deepEqual(bbox, { x: 0, y: 1, width: 5, height: 10 }) assert.deepEqual(bbox, { x: 0, y: 1, width: 5, height: 10 })
elem.remove() elem.remove()
@@ -441,7 +441,7 @@ describe('utilities bbox', function () {
attr: { id: 'line', x1: '0', y1: '1', x2: '5', y2: '6' } attr: { id: 'line', x1: '0', y1: '1', x2: '5', y2: '6' }
}) })
svgroot.append(elem) svgroot.append(elem)
bbox = getStrokedBBox([elem], mockaddSVGElemensFromJson, mockPathActions) bbox = getStrokedBBox([elem], mockaddSVGElementsFromJson, mockPathActions)
assert.deepEqual(bbox, { x: 0, y: 1, width: 5, height: 5 }) assert.deepEqual(bbox, { x: 0, y: 1, width: 5, height: 5 })
elem.remove() elem.remove()
@@ -455,7 +455,7 @@ describe('utilities bbox', function () {
}) })
g.append(elem) g.append(elem)
svgroot.append(g) svgroot.append(g)
bbox = getStrokedBBox([elem], mockaddSVGElemensFromJson, mockPathActions) bbox = getStrokedBBox([elem], mockaddSVGElementsFromJson, mockPathActions)
assert.deepEqual(bbox, { x: 0, y: 1, width: 5, height: 10 }) assert.deepEqual(bbox, { x: 0, y: 1, width: 5, height: 10 })
g.remove() g.remove()
}) })

8
cypress/integration/unit/utilities-performance.js
View File

@@ -87,11 +87,11 @@ describe('utilities performance', function () {
} }
/** /**
* Mock of {@link module:utilities.EditorContext#addSVGElemensFromJson}. * Mock of {@link module:utilities.EditorContext#addSVGElementsFromJson}.
* @param {module:utilities.SVGElementJSON} json * @param {module:utilities.SVGElementJSON} json
* @returns {SVGElement} * @returns {SVGElement}
*/ */
function mockaddSVGElemensFromJson (json) { function mockaddSVGElementsFromJson (json) {
const elem = mockCreateSVGElement(json) const elem = mockCreateSVGElement(json)
currentLayer.append(elem) currentLayer.append(elem)
return elem return elem
@@ -197,7 +197,7 @@ describe('utilities performance', function () {
// Skip the first child which is the title. // Skip the first child which is the title.
for (let index = 1; index < count; index++) { for (let index = 1; index < count; index++) {
const child = children[index] const child = children[index]
/* const obj = */ getStrokedBBox([child], mockaddSVGElemensFromJson, mockPathActions) /* const obj = */ getStrokedBBox([child], mockaddSVGElementsFromJson, mockPathActions)
now = Date.now(); const delta = now - lastTime; lastTime = now now = Date.now(); const delta = now - lastTime; lastTime = now
total += delta total += delta
min = Math.min(min, delta) min = Math.min(min, delta)
@@ -217,7 +217,7 @@ describe('utilities performance', function () {
// Skip the first child which is the title. // Skip the first child which is the title.
for (let index = 1; index < ct; index++) { for (let index = 1; index < ct; index++) {
const child = children[index] const child = children[index]
/* const obj = */ getStrokedBBox([child], mockaddSVGElemensFromJson, mockPathActions) /* const obj = */ getStrokedBBox([child], mockaddSVGElementsFromJson, mockPathActions)
now = Date.now(); const delta = now - lastTime; lastTime = now now = Date.now(); const delta = now - lastTime; lastTime = now
total += delta total += delta
min = Math.min(min, delta) min = Math.min(min, delta)

25
cypress/integration/unit/utilities.js
View File

@@ -19,7 +19,7 @@ describe('utilities', function () {
* @param {module:utilities.SVGElementJSON} json * @param {module:utilities.SVGElementJSON} json
* @returns {SVGElement} * @returns {SVGElement}
*/ */
function mockaddSVGElemensFromJson (json) { function mockaddSVGElementsFromJson (json) {
const elem = mockCreateSVGElement(json) const elem = mockCreateSVGElement(json)
svgroot.append(elem) svgroot.append(elem)
return elem return elem
@@ -74,6 +74,15 @@ describe('utilities', function () {
mockCount.addCommandToHistory++ mockCount.addCommandToHistory++
} }
const mockSvgCanvas = {
addSVGElementsFromJson: mockaddSVGElementsFromJson,
pathActions: mockPathActions,
clearSelection: mockClearSelection,
addToSelection: mockAddToSelection,
history: mockHistory,
addCommandToHistory: mockAddCommandToHistory
}
let svg; let svgroot let svg; let svgroot
beforeEach(() => { beforeEach(() => {
document.body.textContent = '' document.body.textContent = ''
@@ -245,8 +254,8 @@ describe('utilities', function () {
* Wrap `utilities.getBBoxOfElementAsPath` to convert bbox to object for testing. * Wrap `utilities.getBBoxOfElementAsPath` to convert bbox to object for testing.
* @type {module:utilities.getBBoxOfElementAsPath} * @type {module:utilities.getBBoxOfElementAsPath}
*/ */
function getBBoxOfElementAsPath (elem, addSVGElemensFromJson, pathActions) { function getBBoxOfElementAsPath (elem, addSVGElementsFromJson, pathActions) {
const bbox = utilities.getBBoxOfElementAsPath(elem, addSVGElemensFromJson, pathActions) const bbox = utilities.getBBoxOfElementAsPath(elem, addSVGElementsFromJson, pathActions)
return utilities.bboxToObj(bbox) // need this for assert.equal() to work. return utilities.bboxToObj(bbox) // need this for assert.equal() to work.
} }
@@ -255,7 +264,7 @@ describe('utilities', function () {
attr: { id: 'path', d: 'M0,1 Z' } attr: { id: 'path', d: 'M0,1 Z' }
}) })
svgroot.append(elem) svgroot.append(elem)
let bbox = getBBoxOfElementAsPath(elem, mockaddSVGElemensFromJson, mockPathActions) let bbox = getBBoxOfElementAsPath(elem, mockaddSVGElementsFromJson, mockPathActions)
assert.deepEqual(bbox, { x: 0, y: 1, width: 0, height: 0 }) assert.deepEqual(bbox, { x: 0, y: 1, width: 0, height: 0 })
elem.remove() elem.remove()
@@ -264,7 +273,7 @@ describe('utilities', function () {
attr: { id: 'rect', x: '0', y: '1', width: '5', height: '10' } attr: { id: 'rect', x: '0', y: '1', width: '5', height: '10' }
}) })
svgroot.append(elem) svgroot.append(elem)
bbox = getBBoxOfElementAsPath(elem, mockaddSVGElemensFromJson, mockPathActions) bbox = getBBoxOfElementAsPath(elem, mockaddSVGElementsFromJson, mockPathActions)
assert.deepEqual(bbox, { x: 0, y: 1, width: 5, height: 10 }) assert.deepEqual(bbox, { x: 0, y: 1, width: 5, height: 10 })
elem.remove() elem.remove()
@@ -273,7 +282,7 @@ describe('utilities', function () {
attr: { id: 'line', x1: '0', y1: '1', x2: '5', y2: '6' } attr: { id: 'line', x1: '0', y1: '1', x2: '5', y2: '6' }
}) })
svgroot.append(elem) svgroot.append(elem)
bbox = getBBoxOfElementAsPath(elem, mockaddSVGElemensFromJson, mockPathActions) bbox = getBBoxOfElementAsPath(elem, mockaddSVGElementsFromJson, mockPathActions)
assert.deepEqual(bbox, { x: 0, y: 1, width: 5, height: 5 }) assert.deepEqual(bbox, { x: 0, y: 1, width: 5, height: 5 })
elem.remove() elem.remove()
@@ -294,7 +303,7 @@ describe('utilities', function () {
attr: { id: 'rect', x: '0', y: '1', width: '5', height: '10' } attr: { id: 'rect', x: '0', y: '1', width: '5', height: '10' }
}) })
svgroot.append(elem) svgroot.append(elem)
const path = convertToPath(elem, attrs, mockaddSVGElemensFromJson, mockPathActions, mockClearSelection, mockAddToSelection, mockHistory, mockAddCommandToHistory) const path = convertToPath(elem, attrs, mockSvgCanvas)
assert.equal(path.getAttribute('d'), 'M0,1 L5,1 L5,11 L0,11 L0,1 Z') assert.equal(path.getAttribute('d'), 'M0,1 L5,1 L5,11 L0,11 L0,1 Z')
assert.equal(path.getAttribute('visibilituy'), null) assert.equal(path.getAttribute('visibilituy'), null)
assert.equal(path.id, 'rect') assert.equal(path.id, 'rect')
@@ -322,7 +331,7 @@ describe('utilities', function () {
getAttribute () { return '' }, getAttribute () { return '' },
parentNode: svgroot parentNode: svgroot
} }
const path = convertToPath(elem, attrs, mockaddSVGElemensFromJson, mockPathActions, mockClearSelection, mockAddToSelection, mockHistory, mockAddCommandToHistory) const path = convertToPath(elem, attrs, mockSvgCanvas)
assert.equal(path, null) assert.equal(path, null)
assert.equal(elem.parentNode, svgroot) assert.equal(elem.parentNode, svgroot)
assert.equal(mockHistorySubCommands.length, 0) assert.equal(mockHistorySubCommands.length, 0)

5
cypress/support/ui-test-helper.js
View File

@@ -24,7 +24,8 @@ export const selectEnglish = () => {
export const testSnapshot = () => { export const testSnapshot = () => {
cy.window().then((win) => { // access to the remote Window so we can get the svgEditor variable cy.window().then((win) => { // access to the remote Window so we can get the svgEditor variable
const svgContent = win.svgEditor.svgCanvas.getSvgString() const svgString = win.svgEditor.svgCanvas.getSvgString()
cy.wrap(unescape(svgContent)).toMatchSnapshot() const svgDom = new DOMParser().parseFromString(svgString, 'text/html').querySelector('body')
cy.wrap(svgDom).toMatchSnapshot()
}) })
} }

2
src/editor/extensions/ext-eyedropper/ext-eyedropper.js
View File

@@ -30,7 +30,7 @@ export default {
await loadExtensionTranslation(svgEditor) await loadExtensionTranslation(svgEditor)
const { ChangeElementCommand } = svgCanvas.history const { ChangeElementCommand } = svgCanvas.history
// svgdoc = S.svgroot.parentNode.ownerDocument, // svgdoc = S.svgroot.parentNode.ownerDocument,
const addToHistory = function (cmd) { svgCanvas.undoMgr.addCommandToHistory(cmd) } const addToHistory = (cmd) => { svgCanvas.undoMgr.addCommandToHistory(cmd) }
const currentStyle = { const currentStyle = {
fillPaint: 'red', fillPaint: 'red',
fillOpacity: 1.0, fillOpacity: 1.0,

2
src/editor/extensions/ext-imagelib/ext-imagelib.js
View File

@@ -69,7 +69,7 @@ export default {
* @returns {void} * @returns {void}
*/ */
const importImage = (url) => { const importImage = (url) => {
const newImage = svgCanvas.addSVGElemensFromJson({ const newImage = svgCanvas.addSVGElementsFromJson({
element: 'image', element: 'image',
attr: { attr: {
x: 0, x: 0,

2
src/editor/extensions/ext-markers/ext-markers.js
View File

@@ -33,7 +33,7 @@ export default {
const svgEditor = this const svgEditor = this
const { svgCanvas } = svgEditor const { svgCanvas } = svgEditor
const { BatchCommand, RemoveElementCommand, InsertElementCommand } = svgCanvas.history const { BatchCommand, RemoveElementCommand, InsertElementCommand } = svgCanvas.history
const { $id, addSVGElemensFromJson: addElem } = svgCanvas const { $id, addSVGElementsFromJson: addElem } = svgCanvas
const mtypes = ['start', 'mid', 'end'] const mtypes = ['start', 'mid', 'end']
const markerElems = ['line', 'path', 'polyline', 'polygon'] const markerElems = ['line', 'path', 'polyline', 'polygon']

2
src/editor/extensions/ext-opensave/ext-opensave.js
View File

@@ -82,7 +82,7 @@ export default {
* @returns {void} * @returns {void}
*/ */
const insertNewImage = (imageWidth, imageHeight) => { const insertNewImage = (imageWidth, imageHeight) => {
const newImage = this.svgCanvas.addSVGElemensFromJson({ const newImage = this.svgCanvas.addSVGElementsFromJson({
element: 'image', element: 'image',
attr: { attr: {
x: 0, x: 0,

6
src/editor/extensions/ext-polystar/ext-polystar.js
View File

@@ -28,7 +28,7 @@ export default {
const svgEditor = this const svgEditor = this
const { svgCanvas } = svgEditor const { svgCanvas } = svgEditor
const { ChangeElementCommand } = svgCanvas.history const { ChangeElementCommand } = svgCanvas.history
const addToHistory = function (cmd) { svgCanvas.undoMgr.addCommandToHistory(cmd) } const addToHistory = (cmd) => { svgCanvas.undoMgr.addCommandToHistory(cmd) }
const { $id } = svgCanvas const { $id } = svgCanvas
let selElems let selElems
let started let started
@@ -244,7 +244,7 @@ export default {
const sRgb = svgCanvas.getColor('stroke') const sRgb = svgCanvas.getColor('stroke')
const sWidth = svgCanvas.getStrokeWidth() const sWidth = svgCanvas.getStrokeWidth()
started = true started = true
newFO = svgCanvas.addSVGElemensFromJson({ newFO = svgCanvas.addSVGElementsFromJson({
element: 'polygon', element: 'polygon',
attr: { attr: {
cx: opts.start_x, cx: opts.start_x,
@@ -273,7 +273,7 @@ export default {
// ccSRgbEl = sRgb.substring(1, rgb.length); // ccSRgbEl = sRgb.substring(1, rgb.length);
const sWidth = svgCanvas.getStrokeWidth() const sWidth = svgCanvas.getStrokeWidth()
started = true started = true
newFO = svgCanvas.addSVGElemensFromJson({ newFO = svgCanvas.addSVGElementsFromJson({
element: 'polygon', element: 'polygon',
attr: { attr: {
cx: opts.start_x, cx: opts.start_x,

2
src/editor/extensions/ext-shapes/ext-shapes.js
View File

@@ -66,7 +66,7 @@ export default {
startClientPos.x = opts.event.clientX startClientPos.x = opts.event.clientX
startClientPos.y = opts.event.clientY startClientPos.y = opts.event.clientY
curShape = canv.addSVGElemensFromJson({ curShape = canv.addSVGElementsFromJson({
element: 'path', element: 'path',
curStyles: true, curStyles: true,
attr: { attr: {

4
src/svgcanvas/blur-event.js
View File

@@ -115,7 +115,7 @@ export const setBlur = function (val, complete) {
} }
} else { } else {
// Not found, so create // Not found, so create
const newblur = svgCanvas.addSVGElemensFromJson({ const newblur = svgCanvas.addSVGElementsFromJson({
element: 'feGaussianBlur', element: 'feGaussianBlur',
attr: { attr: {
in: 'SourceGraphic', in: 'SourceGraphic',
@@ -123,7 +123,7 @@ export const setBlur = function (val, complete) {
} }
}) })
svgCanvas.setFilter(svgCanvas.addSVGElemensFromJson({ svgCanvas.setFilter(svgCanvas.addSVGElementsFromJson({
element: 'filter', element: 'filter',
attr: { attr: {
id: elemId + '_blur' id: elemId + '_blur'

18
src/svgcanvas/event.js
View File

@@ -697,7 +697,7 @@ export const mouseUpEvent = (evt) => {
case 'fhellipse': case 'fhellipse':
if ((svgCanvas.getFreehand('maxx') - svgCanvas.getFreehand('minx')) > 0 && if ((svgCanvas.getFreehand('maxx') - svgCanvas.getFreehand('minx')) > 0 &&
(svgCanvas.getFreehand('maxy') - svgCanvas.getFreehand('miny')) > 0) { (svgCanvas.getFreehand('maxy') - svgCanvas.getFreehand('miny')) > 0) {
element = svgCanvas.addSVGElemensFromJson({ element = svgCanvas.addSVGElementsFromJson({
element: 'ellipse', element: 'ellipse',
curStyles: true, curStyles: true,
attr: { attr: {
@@ -715,7 +715,7 @@ export const mouseUpEvent = (evt) => {
case 'fhrect': case 'fhrect':
if ((svgCanvas.getFreehand('maxx') - svgCanvas.getFreehand('minx')) > 0 && if ((svgCanvas.getFreehand('maxx') - svgCanvas.getFreehand('minx')) > 0 &&
(svgCanvas.getFreehand('maxy') - svgCanvas.getFreehand('miny')) > 0) { (svgCanvas.getFreehand('maxy') - svgCanvas.getFreehand('miny')) > 0) {
element = svgCanvas.addSVGElemensFromJson({ element = svgCanvas.addSVGElementsFromJson({
element: 'rect', element: 'rect',
curStyles: true, curStyles: true,
attr: { attr: {
@@ -1102,7 +1102,7 @@ export const mouseDownEvent = (evt) => {
svgCanvas.setDAttr(realX + ',' + realY + ' ') svgCanvas.setDAttr(realX + ',' + realY + ' ')
// Commented out as doing nothing now: // Commented out as doing nothing now:
// strokeW = parseFloat(curShape.stroke_width) === 0 ? 1 : curShape.stroke_width; // strokeW = parseFloat(curShape.stroke_width) === 0 ? 1 : curShape.stroke_width;
svgCanvas.addSVGElemensFromJson({ svgCanvas.addSVGElementsFromJson({
element: 'polyline', element: 'polyline',
curStyles: true, curStyles: true,
attr: { attr: {
@@ -1121,7 +1121,7 @@ export const mouseDownEvent = (evt) => {
break break
case 'image': { case 'image': {
svgCanvas.setStarted(true) svgCanvas.setStarted(true)
const newImage = svgCanvas.addSVGElemensFromJson({ const newImage = svgCanvas.addSVGElementsFromJson({
element: 'image', element: 'image',
attr: { attr: {
x, x,
@@ -1144,7 +1144,7 @@ export const mouseDownEvent = (evt) => {
svgCanvas.setStarted(true) svgCanvas.setStarted(true)
svgCanvas.setStartX(x) svgCanvas.setStartX(x)
svgCanvas.setStartY(y) svgCanvas.setStartY(y)
svgCanvas.addSVGElemensFromJson({ svgCanvas.addSVGElementsFromJson({
element: 'rect', element: 'rect',
curStyles: true, curStyles: true,
attr: { attr: {
@@ -1160,7 +1160,7 @@ export const mouseDownEvent = (evt) => {
case 'line': { case 'line': {
svgCanvas.setStarted(true) svgCanvas.setStarted(true)
const strokeW = Number(curShape.stroke_width) === 0 ? 1 : curShape.stroke_width const strokeW = Number(curShape.stroke_width) === 0 ? 1 : curShape.stroke_width
svgCanvas.addSVGElemensFromJson({ svgCanvas.addSVGElementsFromJson({
element: 'line', element: 'line',
curStyles: true, curStyles: true,
attr: { attr: {
@@ -1183,7 +1183,7 @@ export const mouseDownEvent = (evt) => {
break break
} case 'circle': } case 'circle':
svgCanvas.setStarted(true) svgCanvas.setStarted(true)
svgCanvas.addSVGElemensFromJson({ svgCanvas.addSVGElementsFromJson({
element: 'circle', element: 'circle',
curStyles: true, curStyles: true,
attr: { attr: {
@@ -1197,7 +1197,7 @@ export const mouseDownEvent = (evt) => {
break break
case 'ellipse': case 'ellipse':
svgCanvas.setStarted(true) svgCanvas.setStarted(true)
svgCanvas.addSVGElemensFromJson({ svgCanvas.addSVGElementsFromJson({
element: 'ellipse', element: 'ellipse',
curStyles: true, curStyles: true,
attr: { attr: {
@@ -1212,7 +1212,7 @@ export const mouseDownEvent = (evt) => {
break break
case 'text': case 'text':
svgCanvas.setStarted(true) svgCanvas.setStarted(true)
/* const newText = */ svgCanvas.addSVGElemensFromJson({ /* const newText = */ svgCanvas.addSVGElementsFromJson({
element: 'text', element: 'text',
curStyles: true, curStyles: true,
attr: { attr: {

2
src/svgcanvas/json.js
View File

@@ -61,7 +61,7 @@ export const getJsonFromSvgElements = (data) => {
/** /**
* This should really be an intersection implementing all rather than a union. * This should really be an intersection implementing all rather than a union.
* @name module:json.addSVGElementsFromJson * @name module:json.addSVGElementsFromJson
* @type {module:utilities.EditorContext#addSVGElementsFromJson|module:path.EditorContext#addSVGElemensFromJson} * @type {module:utilities.EditorContext#addSVGElementsFromJson|module:path.EditorContext#addSVGElementsFromJson}
*/ */
export const addSVGElementsFromJson = function (data) { export const addSVGElementsFromJson = function (data) {

2
src/svgcanvas/paste-elem.js
View File

@@ -87,7 +87,7 @@ export const pasteElementsMethod = function (type, x, y) {
const elem = clipb[len] const elem = clipb[len]
if (!elem) { continue } if (!elem) { continue }
const copy = svgCanvas.addSVGElemensFromJson(elem) const copy = svgCanvas.addSVGElementsFromJson(elem)
pasted.push(copy) pasted.push(copy)
batchCmd.addSubCommand(new InsertElementCommand(copy)) batchCmd.addSubCommand(new InsertElementCommand(copy))

4
src/svgcanvas/path-actions.js
View File

@@ -307,7 +307,7 @@ export const pathActionsMethod = (function () {
} }
d = d.join(' ') d = d.join(' ')
element = svgCanvas.addSVGElemensFromJson({ element = svgCanvas.addSVGElementsFromJson({
element: 'path', element: 'path',
curStyles: true, curStyles: true,
attr: { attr: {
@@ -366,7 +366,7 @@ export const pathActionsMethod = (function () {
const drawnPath = svgCanvas.getDrawnPath() const drawnPath = svgCanvas.getDrawnPath()
if (!drawnPath) { if (!drawnPath) {
const dAttr = 'M' + x + ',' + y + ' ' // Was this meant to work with the other `dAttr`? (was defined globally so adding `var` to at least avoid a global) const dAttr = 'M' + x + ',' + y + ' ' // Was this meant to work with the other `dAttr`? (was defined globally so adding `var` to at least avoid a global)
/* drawnPath = */ svgCanvas.setDrawnPath(svgCanvas.addSVGElemensFromJson({ /* drawnPath = */ svgCanvas.setDrawnPath(svgCanvas.addSVGElementsFromJson({
element: 'path', element: 'path',
curStyles: true, curStyles: true,
attr: { attr: {

4
src/svgcanvas/path.js
View File

@@ -85,7 +85,7 @@ export let path = null
* @typedef {PlainObject} module:path.SVGElementJSON * @typedef {PlainObject} module:path.SVGElementJSON
* @property {string} element - Tag name of the SVG element to create * @property {string} element - Tag name of the SVG element to create
* @property {PlainObject<string, string>} attr - Has key-value attributes to assign to the new element. * @property {PlainObject<string, string>} attr - Has key-value attributes to assign to the new element.
* An `id` should be set so that {@link module:utilities.EditorContext#addSVGElemensFromJson} can later re-identify the element for modification or replacement. * An `id` should be set so that {@link module:utilities.EditorContext#addSVGElementsFromJson} can later re-identify the element for modification or replacement.
* @property {boolean} [curStyles=false] - Indicates whether current style attributes should be applied first * @property {boolean} [curStyles=false] - Indicates whether current style attributes should be applied first
* @property {module:path.SVGElementJSON[]} [children] - Data objects to be added recursively as children * @property {module:path.SVGElementJSON[]} [children] - Data objects to be added recursively as children
* @property {string} [namespace="http://www.w3.org/2000/svg"] - Indicate a (non-SVG) namespace * @property {string} [namespace="http://www.w3.org/2000/svg"] - Indicate a (non-SVG) namespace
@@ -132,7 +132,7 @@ export let path = null
* @returns {void} * @returns {void}
*/ */
/** /**
* @function module:path.EditorContext#addSVGElemensFromJson * @function module:path.EditorContext#addSVGElementsFromJson
* @param {module:path.SVGElementJSON} data * @param {module:path.SVGElementJSON} data
* @returns {Element} The new element * @returns {Element} The new element
*/ */

2
src/svgcanvas/select.js
View File

@@ -495,7 +495,7 @@ export class SelectorManager {
*/ */
/** /**
* @function module:select.SVGFactory#createSVGElement * @function module:select.SVGFactory#createSVGElement
* @param {module:utilities.EditorContext#addSVGElemensFromJson} jsonMap * @param {module:utilities.EditorContext#addSVGElementsFromJson} jsonMap
* @returns {SVGElement} * @returns {SVGElement}
*/ */
/** /**

2
src/svgcanvas/selected-elem.js
View File

@@ -452,7 +452,7 @@ export const groupSelectedElements = function (type, urlArg) {
const batchCmd = new BatchCommand(cmdStr) const batchCmd = new BatchCommand(cmdStr)
// create and insert the group element // create and insert the group element
const g = svgCanvas.addSVGElemensFromJson({ const g = svgCanvas.addSVGElementsFromJson({
element: type, element: type,
attr: { attr: {
id: svgCanvas.getNextId() id: svgCanvas.getNextId()

2
src/svgcanvas/svg-exec.js
View File

@@ -50,7 +50,7 @@ export const init = function (canvas) {
* @function module:svgcanvas.SvgCanvas#svgCanvasToString * @function module:svgcanvas.SvgCanvas#svgCanvasToString
* @returns {string} The SVG image for output * @returns {string} The SVG image for output
*/ */
export const svgCanvasToString = function () { export const svgCanvasToString = () => {
// keep calling it until there are none to remove // keep calling it until there are none to remove
while (svgCanvas.removeUnusedDefElems() > 0) { } // eslint-disable-line no-empty while (svgCanvas.removeUnusedDefElems() > 0) { } // eslint-disable-line no-empty

14
src/svgcanvas/svgcanvas.js
View File

@@ -319,7 +319,7 @@ class SvgCanvas {
setStartTransform (transform) { this.startTransform = transform } setStartTransform (transform) { this.startTransform = transform }
getZoom () { return this.zoom } getZoom () { return this.zoom }
round (val) { return Number.parseInt(val * this.zoom) / this.zoom } round (val) { return Number.parseInt(val * this.zoom) / this.zoom }
createSVGElement (jsonMap) { return this.addSVGElemensFromJson(jsonMap) } createSVGElement (jsonMap) { return this.addSVGElementsFromJson(jsonMap) }
getContainer () { return this.container } getContainer () { return this.container }
setStarted (s) { this.started = s } setStarted (s) { this.started = s }
getRubberBox () { return this.rubberBox } getRubberBox () { return this.rubberBox }
@@ -805,7 +805,8 @@ class SvgCanvas {
* Otherwise the resulting path element is returned. * Otherwise the resulting path element is returned.
*/ */
convertToPath (elem, getBBox) { convertToPath (elem, getBBox) {
if (isNullish(elem)) { // if elems not given, recursively call convertPath for all selected elements.
if (!elem) {
const elems = this.selectedElements const elems = this.selectedElements
elems.forEach((el) => { elems.forEach((el) => {
if (el) { this.convertToPath(el) } if (el) { this.convertToPath(el) }
@@ -813,7 +814,7 @@ class SvgCanvas {
return undefined return undefined
} }
if (getBBox) { if (getBBox) {
return getBBoxOfElementAsPath(elem, this.addSVGElemensFromJson, this.pathActions) return getBBoxOfElementAsPath(elem, this.addSVGElementsFromJson, this.pathActions)
} }
// TODO: Why is this applying attributes from this.curShape, then inside utilities.convertToPath it's pulling addition attributes from elem? // TODO: Why is this applying attributes from this.curShape, then inside utilities.convertToPath it's pulling addition attributes from elem?
// TODO: If convertToPath is called with one elem, this.curShape and elem are probably the same; but calling with multiple is a bug or cool feature. // TODO: If convertToPath is called with one elem, this.curShape and elem are probably the same; but calling with multiple is a bug or cool feature.
@@ -829,10 +830,7 @@ class SvgCanvas {
opacity: this.curShape.opacity, opacity: this.curShape.opacity,
visibility: 'hidden' visibility: 'hidden'
} }
return convertToPath( return convertToPath(elem, attrs, this) // call convertToPath from utilities.js
elem, attrs, this.addSVGElemensFromJson, this.pathActions,
this.clearSelection, this.addToSelection, history, this.addCommandToHistory
)
} }
/** /**
@@ -848,7 +846,7 @@ class SvgCanvas {
initializeSvgCanvasMethods () { initializeSvgCanvasMethods () {
this.getJsonFromSvgElements = getJsonFromSvgElements this.getJsonFromSvgElements = getJsonFromSvgElements
this.addSVGElemensFromJson = addSVGElementsFromJson this.addSVGElementsFromJson = addSVGElementsFromJson
this.clearSvgContentElement = clearSvgContentElementInit this.clearSvgContentElement = clearSvgContentElementInit
this.textActions = textActionsMethod this.textActions = textActionsMethod
this.getIntersectionList = getIntersectionListMethod this.getIntersectionList = getIntersectionListMethod

51
src/svgcanvas/utilities.js
View File

@@ -26,7 +26,7 @@ let svgroot_ = null
* @typedef {PlainObject} module:utilities.SVGElementJSON * @typedef {PlainObject} module:utilities.SVGElementJSON
* @property {string} element - Tag name of the SVG element to create * @property {string} element - Tag name of the SVG element to create
* @property {PlainObject<string, string>} attr - Has key-value attributes to assign to the new element. * @property {PlainObject<string, string>} attr - Has key-value attributes to assign to the new element.
* An `id` should be set so that {@link module:utilities.EditorContext#addSVGElemensFromJson} can later re-identify the element for modification or replacement. * An `id` should be set so that {@link module:utilities.EditorContext#addSVGElementsFromJson} can later re-identify the element for modification or replacement.
* @property {boolean} [curStyles=false] - Indicates whether current style attributes should be applied first * @property {boolean} [curStyles=false] - Indicates whether current style attributes should be applied first
* @property {module:utilities.SVGElementJSON[]} [children] - Data objects to be added recursively as children * @property {module:utilities.SVGElementJSON[]} [children] - Data objects to be added recursively as children
* @property {string} [namespace="http://www.w3.org/2000/svg"] - Indicate a (non-SVG) namespace * @property {string} [namespace="http://www.w3.org/2000/svg"] - Indicate a (non-SVG) namespace
@@ -46,7 +46,7 @@ let svgroot_ = null
* Create a new SVG element based on the given object keys/values and add it * Create a new SVG element based on the given object keys/values and add it
* to the current layer. * to the current layer.
* The element will be run through `cleanupElement` before being returned. * The element will be run through `cleanupElement` before being returned.
* @function module:utilities.EditorContext#addSVGElemensFromJson * @function module:utilities.EditorContext#addSVGElementsFromJson
* @param {module:utilities.SVGElementJSON} data * @param {module:utilities.SVGElementJSON} data
* @returns {Element} The new element * @returns {Element} The new element
*/ */
@@ -667,12 +667,12 @@ export const getExtraAttributesForConvertToPath = function (elem) {
* Get the BBox of an element-as-path. * Get the BBox of an element-as-path.
* @function module:utilities.getBBoxOfElementAsPath * @function module:utilities.getBBoxOfElementAsPath
* @param {Element} elem - The DOM element to be probed * @param {Element} elem - The DOM element to be probed
* @param {module:utilities.EditorContext#addSVGElemensFromJson} addSVGElemensFromJson - Function to add the path element to the current layer. See canvas.addSVGElemensFromJson * @param {module:utilities.EditorContext#addSVGElementsFromJson} addSVGElementsFromJson - Function to add the path element to the current layer. See canvas.addSVGElementsFromJson
* @param {module:path.pathActions} pathActions - If a transform exists, `pathActions.resetOrientation()` is used. See: canvas.pathActions. * @param {module:path.pathActions} pathActions - If a transform exists, `pathActions.resetOrientation()` is used. See: canvas.pathActions.
* @returns {DOMRect|false} The resulting path's bounding box object. * @returns {DOMRect|false} The resulting path's bounding box object.
*/ */
export const getBBoxOfElementAsPath = function (elem, addSVGElemensFromJson, pathActions) { export const getBBoxOfElementAsPath = function (elem, addSVGElementsFromJson, pathActions) {
const path = addSVGElemensFromJson({ const path = addSVGElementsFromJson({
element: 'path', element: 'path',
attr: getExtraAttributesForConvertToPath(elem) attr: getExtraAttributesForConvertToPath(elem)
}) })
@@ -713,7 +713,7 @@ export const getBBoxOfElementAsPath = function (elem, addSVGElemensFromJson, pat
* @function module:utilities.convertToPath * @function module:utilities.convertToPath
* @param {Element} elem - The DOM element to be converted * @param {Element} elem - The DOM element to be converted
* @param {module:utilities.SVGElementJSON} attrs - Apply attributes to new path. see canvas.convertToPath * @param {module:utilities.SVGElementJSON} attrs - Apply attributes to new path. see canvas.convertToPath
* @param {module:utilities.EditorContext#addSVGElemensFromJson} addSVGElemensFromJson - Function to add the path element to the current layer. See canvas.addSVGElemensFromJson * @param {module:utilities.EditorContext#addSVGElementsFromJson} addSVGElementsFromJson - Function to add the path element to the current layer. See canvas.addSVGElementsFromJson
* @param {module:path.pathActions} pathActions - If a transform exists, pathActions.resetOrientation() is used. See: canvas.pathActions. * @param {module:path.pathActions} pathActions - If a transform exists, pathActions.resetOrientation() is used. See: canvas.pathActions.
* @param {module:draw.DrawCanvasInit#clearSelection|module:path.EditorContext#clearSelection} clearSelection - see [canvas.clearSelection]{@link module:svgcanvas.SvgCanvas#clearSelection} * @param {module:draw.DrawCanvasInit#clearSelection|module:path.EditorContext#clearSelection} clearSelection - see [canvas.clearSelection]{@link module:svgcanvas.SvgCanvas#clearSelection}
* @param {module:path.EditorContext#addToSelection} addToSelection - see [canvas.addToSelection]{@link module:svgcanvas.SvgCanvas#addToSelection} * @param {module:path.EditorContext#addToSelection} addToSelection - see [canvas.addToSelection]{@link module:svgcanvas.SvgCanvas#addToSelection}
@@ -721,16 +721,13 @@ export const getBBoxOfElementAsPath = function (elem, addSVGElemensFromJson, pat
* @param {module:path.EditorContext#addCommandToHistory|module:draw.DrawCanvasInit#addCommandToHistory} addCommandToHistory - see [canvas.addCommandToHistory]{@link module:svgcanvas~addCommandToHistory} * @param {module:path.EditorContext#addCommandToHistory|module:draw.DrawCanvasInit#addCommandToHistory} addCommandToHistory - see [canvas.addCommandToHistory]{@link module:svgcanvas~addCommandToHistory}
* @returns {SVGPathElement|null} The converted path element or null if the DOM element was not recognized. * @returns {SVGPathElement|null} The converted path element or null if the DOM element was not recognized.
*/ */
export const convertToPath = ( export const convertToPath = (elem, attrs, svgCanvas) => {
elem, attrs, addSVGElemensFromJson, pathActions, const batchCmd = new svgCanvas.history.BatchCommand('Convert element to Path')
clearSelection, addToSelection, hstry, addCommandToHistory
) => {
const batchCmd = new hstry.BatchCommand('Convert element to Path')
// Any attribute on the element not covered by the passed-in attributes // Any attribute on the element not covered by the passed-in attributes
attrs = mergeDeep(attrs, getExtraAttributesForConvertToPath(elem)) attrs = mergeDeep(attrs, getExtraAttributesForConvertToPath(elem))
const path = addSVGElemensFromJson({ const path = svgCanvas.addSVGElementsFromJson({
element: 'path', element: 'path',
attr: attrs attr: attrs
}) })
@@ -758,21 +755,21 @@ export const convertToPath = (
if (eltrans) { if (eltrans) {
const tlist = path.transform.baseVal const tlist = path.transform.baseVal
if (hasMatrixTransform(tlist)) { if (hasMatrixTransform(tlist)) {
pathActions.resetOrientation(path) svgCanvas.pathActions.resetOrientation(path)
} }
} }
const { nextSibling } = elem const { nextSibling } = elem
batchCmd.addSubCommand(new hstry.RemoveElementCommand(elem, nextSibling, parent)) batchCmd.addSubCommand(new svgCanvas.history.RemoveElementCommand(elem, nextSibling, parent))
batchCmd.addSubCommand(new hstry.InsertElementCommand(path)) batchCmd.addSubCommand(new svgCanvas.history.InsertElementCommand(path))
clearSelection() svgCanvas.clearSelection()
elem.remove() elem.remove()
path.setAttribute('id', id) path.setAttribute('id', id)
path.removeAttribute('visibility') path.removeAttribute('visibility')
addToSelection([path], true) svgCanvas.addToSelection([path], true)
addCommandToHistory(batchCmd) svgCanvas.addCommandToHistory(batchCmd)
return path return path
} }
@@ -812,11 +809,11 @@ function bBoxCanBeOptimizedOverNativeGetBBox (angle, hasAMatrixTransform) {
* Get bounding box that includes any transforms. * Get bounding box that includes any transforms.
* @function module:utilities.getBBoxWithTransform * @function module:utilities.getBBoxWithTransform
* @param {Element} elem - The DOM element to be converted * @param {Element} elem - The DOM element to be converted
* @param {module:utilities.EditorContext#addSVGElemensFromJson} addSVGElemensFromJson - Function to add the path element to the current layer. See canvas.addSVGElemensFromJson * @param {module:utilities.EditorContext#addSVGElementsFromJson} addSVGElementsFromJson - Function to add the path element to the current layer. See canvas.addSVGElementsFromJson
* @param {module:path.pathActions} pathActions - If a transform exists, pathActions.resetOrientation() is used. See: canvas.pathActions. * @param {module:path.pathActions} pathActions - If a transform exists, pathActions.resetOrientation() is used. See: canvas.pathActions.
* @returns {module:utilities.BBoxObject|module:math.TransformedBox|DOMRect} A single bounding box object * @returns {module:utilities.BBoxObject|module:math.TransformedBox|DOMRect} A single bounding box object
*/ */
export const getBBoxWithTransform = function (elem, addSVGElemensFromJson, pathActions) { export const getBBoxWithTransform = function (elem, addSVGElementsFromJson, pathActions) {
// TODO: Fix issue with rotated groups. Currently they work // TODO: Fix issue with rotated groups. Currently they work
// fine in FF, but not in other browsers (same problem mentioned // fine in FF, but not in other browsers (same problem mentioned
// in Issue 339 comment #2). // in Issue 339 comment #2).
@@ -838,14 +835,14 @@ export const getBBoxWithTransform = function (elem, addSVGElemensFromJson, pathA
// TODO: why ellipse and not circle // TODO: why ellipse and not circle
const elemNames = ['ellipse', 'path', 'line', 'polyline', 'polygon'] const elemNames = ['ellipse', 'path', 'line', 'polyline', 'polygon']
if (elemNames.includes(elem.tagName)) { if (elemNames.includes(elem.tagName)) {
goodBb = getBBoxOfElementAsPath(elem, addSVGElemensFromJson, pathActions) goodBb = getBBoxOfElementAsPath(elem, addSVGElementsFromJson, pathActions)
bb = goodBb bb = goodBb
} else if (elem.tagName === 'rect') { } else if (elem.tagName === 'rect') {
// Look for radius // Look for radius
const rx = Number(elem.getAttribute('rx')) const rx = Number(elem.getAttribute('rx'))
const ry = Number(elem.getAttribute('ry')) const ry = Number(elem.getAttribute('ry'))
if (rx || ry) { if (rx || ry) {
goodBb = getBBoxOfElementAsPath(elem, addSVGElemensFromJson, pathActions) goodBb = getBBoxOfElementAsPath(elem, addSVGElementsFromJson, pathActions)
bb = goodBb bb = goodBb
} }
} }
@@ -882,18 +879,18 @@ function getStrokeOffsetForBBox (elem) {
* Get the bounding box for one or more stroked and/or transformed elements. * Get the bounding box for one or more stroked and/or transformed elements.
* @function module:utilities.getStrokedBBox * @function module:utilities.getStrokedBBox
* @param {Element[]} elems - Array with DOM elements to check * @param {Element[]} elems - Array with DOM elements to check
* @param {module:utilities.EditorContext#addSVGElemensFromJson} addSVGElemensFromJson - Function to add the path element to the current layer. See canvas.addSVGElemensFromJson * @param {module:utilities.EditorContext#addSVGElementsFromJson} addSVGElementsFromJson - Function to add the path element to the current layer. See canvas.addSVGElementsFromJson
* @param {module:path.pathActions} pathActions - If a transform exists, pathActions.resetOrientation() is used. See: canvas.pathActions. * @param {module:path.pathActions} pathActions - If a transform exists, pathActions.resetOrientation() is used. See: canvas.pathActions.
* @returns {module:utilities.BBoxObject|module:math.TransformedBox|DOMRect} A single bounding box object * @returns {module:utilities.BBoxObject|module:math.TransformedBox|DOMRect} A single bounding box object
*/ */
export const getStrokedBBox = function (elems, addSVGElemensFromJson, pathActions) { export const getStrokedBBox = function (elems, addSVGElementsFromJson, pathActions) {
if (!elems || !elems.length) { return false } if (!elems || !elems.length) { return false }
let fullBb let fullBb
elems.forEach(function (elem) { elems.forEach(function (elem) {
if (fullBb) { return } if (fullBb) { return }
if (!elem.parentNode) { return } if (!elem.parentNode) { return }
fullBb = getBBoxWithTransform(elem, addSVGElemensFromJson, pathActions) fullBb = getBBoxWithTransform(elem, addSVGElementsFromJson, pathActions)
}) })
// This shouldn't ever happen... // This shouldn't ever happen...
@@ -916,7 +913,7 @@ export const getStrokedBBox = function (elems, addSVGElemensFromJson, pathAction
maxY += offset maxY += offset
} else { } else {
elems.forEach(function (elem) { elems.forEach(function (elem) {
const curBb = getBBoxWithTransform(elem, addSVGElemensFromJson, pathActions) const curBb = getBBoxWithTransform(elem, addSVGElementsFromJson, pathActions)
if (curBb) { if (curBb) {
const offset = getStrokeOffsetForBBox(elem) const offset = getStrokeOffsetForBBox(elem)
minX = Math.min(minX, curBb.x - offset) minX = Math.min(minX, curBb.x - offset)
@@ -972,7 +969,7 @@ export const getStrokedBBoxDefaultVisible = function (elems) {
if (!elems) { elems = getVisibleElements() } if (!elems) { elems = getVisibleElements() }
return getStrokedBBox( return getStrokedBBox(
elems, elems,
svgCanvas.addSVGElemensFromJson, svgCanvas.addSVGElementsFromJson,
svgCanvas.pathActions svgCanvas.pathActions
) )
} }