github/svgedit
1
0
Fork 0
Code Issues Pull Requests Actions 1 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`] = `
<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>
</g>
</svg>
<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>
</g>
</svg>
</body>
`;
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">
<g class="layer">
<title>Layer 1</title>
</g>
</svg>
<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>
</g>
</svg>
</body>
`;
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">
<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>
<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>
<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`] = `
<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>
<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>
<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>
<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`] = `
<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>
<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>
<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>
<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`] = `
<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>
<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>
<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>
<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`] = `
<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>
<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>
<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>
<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`] = `
<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>
<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>
<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>
<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`] = `
<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>
<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>
<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>
<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`] = `
<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>
<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>
<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>
<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`] = `
<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>
<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>
<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>
<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`] = `
<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>
<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>
<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>
<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`] = `
<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>
<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>
<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>
<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`] = `
<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>
<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>
<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>
<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`] = `
<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>
<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" 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"/>
</filter>
</defs>
</svg>
<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>
<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"
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`] = `
<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>
<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" 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"/>
</filter>
</defs>
</svg>
<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>
<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"
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`] = `
<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>
<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" 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"/>
</filter>
</defs>
</svg>
<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>
<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"
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`] = `
<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>
<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>
<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>
<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`] = `
<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>
<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>
<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>
<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`] = `
<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>
</g>
</svg>
<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>
</g>
</svg>
</body>
`;
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">
<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)"/>
</g>
</svg>
<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="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`] = `
<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">
<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)"/>
<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"/>
</image>
</g>
</svg>
<body>
<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"
>
<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`] = `
<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>
</g>
</svg>
<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>
</g>
</svg>
</body>
`;
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">
<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"/>
</circle>
</g>
</svg>
<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>
<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`] = `
<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>
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8034" stroke="#000000" stroke-width="5"/>
<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"/>
</ellipse>
</g>
</svg>
<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>
<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`] = `
<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>
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8034" stroke="#000000" stroke-width="5"/>
<ellipse cx="299" cy="169" fill="#FF0000" id="svg_2" rx="60" ry="50" stroke="#000000" stroke-width="5"/>
<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"/>
</ellipse>
</g>
</svg>
<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>
<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`] = `
<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>
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8034" stroke="#000000" stroke-width="5"/>
<ellipse cx="299" cy="169" fill="#ffff00" id="svg_2" rx="60" ry="50" stroke="#000000" stroke-width="5"/>
<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)"/>
</g>
</svg>
<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>
<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`] = `
<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>
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8034" stroke="#000000" stroke-width="5"/>
<ellipse cx="299" cy="169" fill="#ffff00" id="svg_2" opacity="0.5" rx="60" ry="50" stroke="#000000" stroke-width="5"/>
<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)"/>
</g>
</svg>
<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>
<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`] = `
<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>
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8034" stroke="#000000" stroke-width="5"/>
<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 cx="114" cy="189" fill="#FF0000" id="svg_3" rx="55" ry="25" stroke="#000000" stroke-width="5" transform="rotate(25 114 189)"/>
</g>
</svg>
<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>
<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`] = `
<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>
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8034" stroke="#000000" stroke-width="5"/>
<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 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)"/>
</g>
<defs>
<filter height="200%" id="svg_3_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
<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>
<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"
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`] = `
<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>
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8034" stroke="#000000" stroke-width="5"/>
<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 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)"/>
</g>
<defs>
<filter height="200%" id="svg_3_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
<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>
<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="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`] = `
<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>
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8034" stroke="#000000" stroke-width="5"/>
<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 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)"/>
</g>
<defs>
<filter height="200%" id="svg_3_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
<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>
<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="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`] = `
<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>
<ellipse cx="299" cy="169" fill="#ffff00" id="svg_2" opacity="0.5" rx="60" ry="50" stroke="#000000" stroke-width="5"/>
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8034" stroke="#000000" stroke-width="5"/>
<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)"/>
</g>
<defs>
<filter height="200%" id="svg_3_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
<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>
<ellipse
cx="299"
cy="169"
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`] = `
<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>
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8034" stroke="#000000" stroke-width="5"/>
<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 cx="299" cy="169" fill="#ffff00" id="svg_2" opacity="0.5" rx="60" ry="50" stroke="#000000" stroke-width="5"/>
</g>
<defs>
<filter height="200%" id="svg_3_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
<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>
<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>
<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`] = `
<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>
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8034" stroke="#000000" stroke-width="5"/>
<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 cx="299" cy="169" fill="#ffff00" id="svg_2" opacity="0.5" rx="60" ry="50" stroke="#000000" stroke-width="5"/>
<ellipse cx="319" cy="189" fill="#ffff00" id="svg_4" opacity="0.5" rx="60" ry="50" stroke="#000000" stroke-width="5"/>
</g>
<defs>
<filter height="200%" id="svg_3_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
<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>
<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>
<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`] = `
<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>
</g>
</svg>
<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>
</g>
</svg>
</body>
`;
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">
<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"/>
</path>
</g>
</svg>
<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="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`] = `
<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,100l-50,-125z" fill="#FF0000" id="svg_1" stroke="#000000" stroke-width="5"/>
</g>
</svg>
<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,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`] = `
<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,100l-50,-125z" fill="#FF0000" id="svg_1" stroke="#000000" stroke-width="5"/>
</g>
</svg>
<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>
`;
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`] = `
<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>
</g>
</svg>
<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>
</g>
</svg>
</body>
`;
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">
<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"/>
</rect>
</g>
</svg>
<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="#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`] = `
<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="#FF0000" height="50" id="svg_1" stroke="#000000" stroke-width="5" width="100" x="150" y="150"/>
<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"/>
</rect>
</g>
</svg>
<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="#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`] = `
<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="#FF0000" height="50" id="svg_1" stroke="#000000" stroke-width="5" width="100" x="150" y="150"/>
<rect fill="#FF0000" height="100" id="svg_2" stroke="#000000" stroke-width="5" width="120" x="350" y="230"/>
<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"/>
</rect>
</g>
</svg>
<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="#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`] = `
<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" height="50" id="svg_1" stroke="#000000" stroke-width="5" width="100" x="150" y="150"/>
<rect fill="#FF0000" height="100" id="svg_2" stroke="#000000" stroke-width="5" width="120" x="350" y="230"/>
<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>
</svg>
<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"
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`] = `
<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" height="50" id="svg_1" stroke="#000000" stroke-width="5" transform="rotate(25 200 175)" width="100" x="150" y="150"/>
<rect fill="#FF0000" height="100" id="svg_2" stroke="#000000" stroke-width="5" width="120" x="350" y="230"/>
<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>
</svg>
<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"
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`] = `
<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" stroke="#000000" stroke-width="5" transform="rotate(25 200 175)" width="100" x="150" y="150"/>
<rect fill="#FF0000" height="100" id="svg_2" stroke="#000000" stroke-width="5" width="120" x="350" y="230"/>
<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>
<defs>
<filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
<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"
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`] = `
<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="rotate(25 200 175)" width="100" x="150" y="150"/>
<rect fill="#FF0000" height="100" id="svg_2" stroke="#000000" stroke-width="5" width="120" x="350" y="230"/>
<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>
<defs>
<filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
<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="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`] = `
<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 fill="#FF0000" height="100" id="svg_2" stroke="#000000" stroke-width="5" width="120" x="375" y="255"/>
<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>
<defs>
<filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
<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>
<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`] = `
<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 fill="#FF0000" height="125" id="svg_2" stroke="#000000" stroke-width="5" width="145" x="375" y="255"/>
<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>
<defs>
<filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
<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>
<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`] = `
<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 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 fill="#FF0000" height="50" id="svg_3" stroke="#000000" stroke-width="5" width="50" x="225" y="300"/>
<rect fill="#FF0000" height="50" id="svg_4" stroke="#000000" stroke-width="5" width="50" x="245" y="320"/>
</g>
<defs>
<filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
<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>
<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`] = `
<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="#FF0000" height="50" id="svg_3" stroke="#000000" stroke-width="5" width="50" x="225" y="300"/>
<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 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 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>
<defs>
<filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
<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="#FF0000"
height="50"
id="svg_3"
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`] = `
<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 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 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 fill="#FF0000" height="50" id="svg_3" stroke="#000000" stroke-width="5" width="50" x="225" y="300"/>
</g>
<defs>
<filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
<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>
<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`] = `
<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 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 fill="#FF0000" height="50" id="svg_4" rx="25" ry="25" stroke="#000000" stroke-width="5" width="50" x="245" y="320"/>
<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>
<defs>
<filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
<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>
<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`] = `
<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>
</g>
</svg>
<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>
</g>
</svg>
</body>
`;
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">
<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"/>
</line>
</g>
</svg>
<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>
<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`] = `
<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>
<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"/>
</g>
</svg>
<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>
<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`] = `
<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>
<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"/>
</g>
<defs>
<filter height="200%" id="svg_1_id_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
<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>
<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"
></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`] = `
<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>
<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"/>
</g>
<defs>
<filter height="200%" id="svg_1_id_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
<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>
<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"
></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`] = `
<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>
</g>
</svg>
<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>
</g>
</svg>
</body>
`;
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">
<g class="layer">
<title>Layer 1</title>
<line fill="none" 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"/>
</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"/>
</line>
</g>
</svg>
<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>
<line
fill="none"
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`] = `
<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>
<line fill="none" id="svg_2" opacity="0.5" stroke="#000000" stroke-width="5" x1="200" x2="450" y1="200" y2="450"/>
<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"/>
</line>
</g>
</svg>
<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>
<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`] = `
<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>
<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"/>
</line>
<line fill="none" id="svg_2" opacity="0.5" stroke="#000000" stroke-width="5" x1="200" x2="450" y1="200" y2="450"/>
</g>
</svg>
<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>
<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`] = `
<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>
<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"/>
</line>
<line fill="none" id="svg_2" opacity="0.5" stroke="#000000" stroke-width="5" x1="225" x2="475" y1="175" y2="425"/>
</g>
</svg>
<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>
<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`] = `
<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>
<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"/>
</line>
<line fill="none" id="svg_2" opacity="0.5" stroke="#000000" stroke-width="15" x1="225" x2="475" y1="175" y2="425"/>
</g>
</svg>
<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>
<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`] = `
<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>
<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"/>
</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"/>
</g>
</svg>
<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>
<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`] = `
<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>
<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"/>
</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"/>
</g>
</svg>
<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>
<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`] = `
<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>
</g>
</svg>
<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>
</g>
</svg>
</body>
`;
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">
<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"/>
</polygon>
</g>
</svg>
<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>
<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`] = `
<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>
<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 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"/>
</g>
</svg>
<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>
<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`] = `
<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>
<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 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)"/>
</g>
</svg>
<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>
<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`] = `
<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>
<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 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)"/>
</g>
<defs>
<filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
<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>
<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"
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`] = `
<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>
<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 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)"/>
</g>
<defs>
<filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
<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>
<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"
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`] = `
<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>
<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 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"/>
</g>
<defs>
<filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
<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>
<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>
<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`] = `
<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>
<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 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)"/>
</g>
<defs>
<filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
<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>
<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"
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`] = `
<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>
<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"/>
</g>
</svg>
<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>
<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`] = `
<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>
<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"/>
</g>
</svg>
<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>
<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`] = `
<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>
<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"/>
</g>
</svg>
<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>
<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`] = `
<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>
<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"/>
</g>
</svg>
<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>
<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`] = `
<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>
<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"/>
</g>
</svg>
<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>
<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`] = `
<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>
</g>
</svg>
<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>
</g>
</svg>
</body>
`;
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">
<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"/>
</polygon>
</g>
</svg>
<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>
<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`] = `
<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>
<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 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"/>
</g>
</svg>
<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>
<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`] = `
<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>
<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 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)"/>
</g>
</svg>
<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>
<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`] = `
<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>
<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 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)"/>
</g>
<defs>
<filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
<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>
<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"
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`] = `
<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>
<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 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)"/>
</g>
<defs>
<filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
<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>
<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"
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`] = `
<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>
<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 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"/>
</g>
<defs>
<filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
<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>
<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>
<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`] = `
<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>
<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 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)"/>
</g>
<defs>
<filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
<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>
<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"
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`] = `
<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>
<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"/>
</g>
</svg>
<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>
<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`] = `
<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>
<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"/>
</g>
</svg>
<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>
<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`] = `
<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>
<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"/>
</g>
</svg>
<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>
<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`] = `
<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>
<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"/>
</g>
</svg>
<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>
<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`] = `
<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>
<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"/>
</g>
</svg>
<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>
<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()
})
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('#seg_type').shadow().find('select').select('6', { force: true }).should('have.value', '6')
cy.get('#ctrlpointgrip_3c1')
@@ -60,7 +60,7 @@ describe('use all parts of svg-edit', function () {
testSnapshot()
})
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('#tool_node_clone').click({ force: true })
cy.get('#pathpointgrip_4')