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

Merge pull request #627 from SVG-Edit/issues/623_2 

#623 cypress test cases
master
JFH 2021-08-30 10:42:55 +02:00 committed by GitHub
parent 66a4866656 7b6aab13b4
commit 4a32bedd86
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
11 changed files with 2473 additions and 570 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -10,19 +10,7 @@ exports[`use various parts of svg-edit > check tool_source #0`] = `
y="480" y="480"
viewBox="0 0 640 480" viewBox="0 0 640 480"
> >
<g class="layer"> <g class="layer"><title>Layer 1</title></g>
<title>Layer 1</title>
<rect
id="rect"
fill="#FF0000"
height="70"
stroke="#000000"
stroke-width="5"
width="94"
x="69.5"
y="51.5"
></rect>
</g>
</svg> </svg>
`; `;
@ -37,22 +25,11 @@ exports[`use various parts of svg-edit > check tool_fhpath #0`] = `
x="640" x="640"
y="480" y="480"
viewBox="0 0 640 480" viewBox="0 0 640 480"
fill-opacity="1"
stroke-opacity="1"
> >
<g class="layer" style="pointer-events:all"> <g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title> <title style="pointer-events:inherit">Layer 1</title>
<rect
id="rect"
fill="#FF0000"
height="70"
stroke="#000000"
stroke-width="5"
width="94"
x="69.5"
y="51.5"
style="pointer-events:inherit"
fill-opacity="1"
stroke-opacity="1"
></rect>
</g> </g>
</svg> </svg>
`; `;
@ -68,27 +45,17 @@ exports[`use various parts of svg-edit > check tool_text #0`] = `
x="640" x="640"
y="480" y="480"
viewBox="0 0 640 480" viewBox="0 0 640 480"
fill-opacity="1"
stroke-opacity="1"
> >
<g class="layer"> <g class="layer">
<title>Layer 1</title> <title>Layer 1</title>
<rect
id="rect"
fill="#FF0000"
height="70"
stroke="#000000"
stroke-width="5"
width="94"
x="69.5"
y="51.5"
fill-opacity="1"
stroke-opacity="1"
></rect>
<text <text
fill="#000000" fill="#000000"
stroke="#000000" stroke="#000000"
stroke-width="0" stroke-width="0"
x="116" x="46"
y="87" y="35"
id="svg_1" id="svg_1"
font-size="24" font-size="24"
font-family="Serif" font-family="Serif"
@ -114,27 +81,17 @@ exports[`use various parts of svg-edit > check tool_clone #0`] = `
x="640" x="640"
y="480" y="480"
viewBox="0 0 640 480" viewBox="0 0 640 480"
fill-opacity="1"
stroke-opacity="1"
> >
<g class="layer"> <g class="layer">
<title>Layer 1</title> <title>Layer 1</title>
<rect
id="rect"
fill="#FF0000"
height="70"
stroke="#000000"
stroke-width="5"
width="94"
x="69.5"
y="51.5"
fill-opacity="1"
stroke-opacity="1"
></rect>
<text <text
fill="#000000" fill="#000000"
stroke="#000000" stroke="#000000"
stroke-width="0" stroke-width="0"
x="116" x="46"
y="87" y="35"
id="svg_1" id="svg_1"
font-size="24" font-size="24"
font-family="Serif" font-family="Serif"
@ -149,8 +106,8 @@ exports[`use various parts of svg-edit > check tool_clone #0`] = `
fill="#000000" fill="#000000"
stroke="#000000" stroke="#000000"
stroke-width="0" stroke-width="0"
x="136" x="66"
y="107" y="55"
font-size="24" font-size="24"
font-family="Serif" font-family="Serif"
text-anchor="middle" text-anchor="middle"
@ -176,27 +133,17 @@ exports[`use various parts of svg-edit > check tool_italic #0`] = `
x="640" x="640"
y="480" y="480"
viewBox="0 0 640 480" viewBox="0 0 640 480"
fill-opacity="1"
stroke-opacity="1"
> >
<g class="layer"> <g class="layer">
<title>Layer 1</title> <title>Layer 1</title>
<rect
id="rect"
fill="#FF0000"
height="70"
stroke="#000000"
stroke-width="5"
width="94"
x="69.5"
y="51.5"
fill-opacity="1"
stroke-opacity="1"
></rect>
<text <text
fill="#000000" fill="#000000"
stroke="#000000" stroke="#000000"
stroke-width="0" stroke-width="0"
x="116" x="46"
y="87" y="35"
id="svg_1" id="svg_1"
font-size="24" font-size="24"
font-family="Serif" font-family="Serif"
@ -212,8 +159,8 @@ exports[`use various parts of svg-edit > check tool_italic #0`] = `
fill="#000000" fill="#000000"
stroke="#000000" stroke="#000000"
stroke-width="0" stroke-width="0"
x="136" x="66"
y="107" y="55"
font-size="24" font-size="24"
font-family="Serif" font-family="Serif"
text-anchor="middle" text-anchor="middle"
@ -239,27 +186,17 @@ exports[`use various parts of svg-edit > check tool_bold #0`] = `
x="640" x="640"
y="480" y="480"
viewBox="0 0 640 480" viewBox="0 0 640 480"
fill-opacity="1"
stroke-opacity="1"
> >
<g class="layer"> <g class="layer">
<title>Layer 1</title> <title>Layer 1</title>
<rect
id="rect"
fill="#FF0000"
height="70"
stroke="#000000"
stroke-width="5"
width="94"
x="69.5"
y="51.5"
fill-opacity="1"
stroke-opacity="1"
></rect>
<text <text
fill="#000000" fill="#000000"
stroke="#000000" stroke="#000000"
stroke-width="0" stroke-width="0"
x="116" x="46"
y="87" y="35"
id="svg_1" id="svg_1"
font-size="24" font-size="24"
font-family="Serif" font-family="Serif"
@ -276,8 +213,8 @@ exports[`use various parts of svg-edit > check tool_bold #0`] = `
fill="#000000" fill="#000000"
stroke="#000000" stroke="#000000"
stroke-width="0" stroke-width="0"
x="136" x="66"
y="107" y="55"
font-size="24" font-size="24"
font-family="Serif" font-family="Serif"
text-anchor="middle" text-anchor="middle"
@ -292,7 +229,7 @@ exports[`use various parts of svg-edit > check tool_bold #0`] = `
</svg> </svg>
`; `;
exports[`use various parts of svg-edit > check change color #0`] = ` exports[`use various parts of svg-edit > check tool_text_change_x_y_coordinate #0`] = `
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"
@ -303,27 +240,17 @@ exports[`use various parts of svg-edit > check change color #0`] = `
x="640" x="640"
y="480" y="480"
viewBox="0 0 640 480" viewBox="0 0 640 480"
fill-opacity="1"
stroke-opacity="1"
> >
<g class="layer"> <g class="layer" style="pointer-events:all">
<title>Layer 1</title> <title style="pointer-events:inherit">Layer 1</title>
<rect
id="rect"
fill="#FF0000"
height="70"
stroke="#000000"
stroke-width="5"
width="94"
x="69.5"
y="51.5"
fill-opacity="1"
stroke-opacity="1"
></rect>
<text <text
fill="#ffff00" fill="#000000"
stroke="#000000" stroke="#000000"
stroke-width="0" stroke-width="0"
x="116" x="46"
y="87" y="35"
id="svg_1" id="svg_1"
font-size="24" font-size="24"
font-family="Serif" font-family="Serif"
@ -331,7 +258,7 @@ exports[`use various parts of svg-edit > check change color #0`] = `
xml:space="preserve" xml:space="preserve"
fill-opacity="1" fill-opacity="1"
stroke-opacity="1" stroke-opacity="1"
font-="" font-style="italic"
font-weight="bold" font-weight="bold"
> >
AB AB
@ -340,8 +267,170 @@ exports[`use various parts of svg-edit > check change color #0`] = `
fill="#000000" fill="#000000"
stroke="#000000" stroke="#000000"
stroke-width="0" stroke-width="0"
x="136" x="91"
y="107" y="80"
font-size="24"
font-family="Serif"
text-anchor="middle"
xml:space="preserve"
fill-opacity="1"
stroke-opacity="1"
id="svg_2"
>
AB
</text>
</g>
</svg>
`;
exports[`use various parts of svg-edit > check tool_text_change_font_size #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
fill-opacity="1"
stroke-opacity="1"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<text
fill="#000000"
stroke="#000000"
stroke-width="0"
x="46"
y="35"
id="svg_1"
font-size="34"
font-family="Serif"
text-anchor="middle"
xml:space="preserve"
fill-opacity="1"
stroke-opacity="1"
font-style="italic"
font-weight="bold"
>
AB
</text>
<text
fill="#000000"
stroke="#000000"
stroke-width="0"
x="91"
y="80"
font-size="24"
font-family="Serif"
text-anchor="middle"
xml:space="preserve"
fill-opacity="1"
stroke-opacity="1"
id="svg_2"
>
AB
</text>
</g>
</svg>
`;
exports[`use various parts of svg-edit > check tool_text_change_stroke_width #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
fill-opacity="1"
stroke-opacity="1"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<text
fill="#000000"
stroke="#000000"
stroke-width="1"
x="46"
y="35"
id="svg_1"
font-size="34"
font-family="Serif"
text-anchor="middle"
xml:space="preserve"
fill-opacity="1"
stroke-opacity="1"
font-style="italic"
font-weight="bold"
>
AB
</text>
<text
fill="#000000"
stroke="#000000"
stroke-width="0"
x="91"
y="80"
font-size="24"
font-family="Serif"
text-anchor="middle"
xml:space="preserve"
fill-opacity="1"
stroke-opacity="1"
id="svg_2"
>
AB
</text>
</g>
</svg>
`;
exports[`use various parts of svg-edit > check tool_text_change_stoke_fill_color #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
fill-opacity="1"
stroke-opacity="1"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<text
fill="#bf0000"
stroke="#0000bf"
stroke-width="1"
x="46"
y="35"
id="svg_1"
font-size="34"
font-family="Serif"
text-anchor="middle"
xml:space="preserve"
fill-opacity="1"
stroke-opacity="1"
font-style="italic"
font-weight="bold"
>
AB
</text>
<text
fill="#000000"
stroke="#000000"
stroke-width="0"
x="91"
y="80"
font-size="24" font-size="24"
font-family="Serif" font-family="Serif"
text-anchor="middle" text-anchor="middle"
@ -367,29 +456,19 @@ exports[`use various parts of svg-edit > check tool_text_anchor_start #0`] = `
x="640" x="640"
y="480" y="480"
viewBox="0 0 640 480" viewBox="0 0 640 480"
fill-opacity="1"
stroke-opacity="1"
> >
<g class="layer"> <g class="layer">
<title>Layer 1</title> <title>Layer 1</title>
<rect
id="rect"
fill="#FF0000"
height="70"
stroke="#000000"
stroke-width="5"
width="94"
x="69.5"
y="51.5"
fill-opacity="1"
stroke-opacity="1"
></rect>
<text <text
fill="#ffff00" fill="#bf0000"
stroke="#000000" stroke="#0000bf"
stroke-width="0" stroke-width="1"
x="116" x="46"
y="87" y="35"
id="svg_1" id="svg_1"
font-size="24" font-size="34"
font-family="Serif" font-family="Serif"
text-anchor="start" text-anchor="start"
xml:space="preserve" xml:space="preserve"
@ -404,8 +483,8 @@ exports[`use various parts of svg-edit > check tool_text_anchor_start #0`] = `
fill="#000000" fill="#000000"
stroke="#000000" stroke="#000000"
stroke-width="0" stroke-width="0"
x="136" x="91"
y="107" y="80"
font-size="24" font-size="24"
font-family="Serif" font-family="Serif"
text-anchor="middle" text-anchor="middle"
@ -431,29 +510,19 @@ exports[`use various parts of svg-edit > check tool_text_anchor_middle #0`] = `
x="640" x="640"
y="480" y="480"
viewBox="0 0 640 480" viewBox="0 0 640 480"
fill-opacity="1"
stroke-opacity="1"
> >
<g class="layer"> <g class="layer">
<title>Layer 1</title> <title>Layer 1</title>
<rect
id="rect"
fill="#FF0000"
height="70"
stroke="#000000"
stroke-width="5"
width="94"
x="69.5"
y="51.5"
fill-opacity="1"
stroke-opacity="1"
></rect>
<text <text
fill="#ffff00" fill="#bf0000"
stroke="#000000" stroke="#0000bf"
stroke-width="0" stroke-width="1"
x="116" x="46"
y="87" y="35"
id="svg_1" id="svg_1"
font-size="24" font-size="34"
font-family="Serif" font-family="Serif"
text-anchor="middle" text-anchor="middle"
xml:space="preserve" xml:space="preserve"
@ -468,8 +537,8 @@ exports[`use various parts of svg-edit > check tool_text_anchor_middle #0`] = `
fill="#000000" fill="#000000"
stroke="#000000" stroke="#000000"
stroke-width="0" stroke-width="0"
x="136" x="91"
y="107" y="80"
font-size="24" font-size="24"
font-family="Serif" font-family="Serif"
text-anchor="middle" text-anchor="middle"
@ -495,29 +564,19 @@ exports[`use various parts of svg-edit > check tool_text_anchor_end #0`] = `
x="640" x="640"
y="480" y="480"
viewBox="0 0 640 480" viewBox="0 0 640 480"
fill-opacity="1"
stroke-opacity="1"
> >
<g class="layer"> <g class="layer">
<title>Layer 1</title> <title>Layer 1</title>
<rect
id="rect"
fill="#FF0000"
height="70"
stroke="#000000"
stroke-width="5"
width="94"
x="69.5"
y="51.5"
fill-opacity="1"
stroke-opacity="1"
></rect>
<text <text
fill="#ffff00" fill="#bf0000"
stroke="#000000" stroke="#0000bf"
stroke-width="0" stroke-width="1"
x="116" x="46"
y="87" y="35"
id="svg_1" id="svg_1"
font-size="24" font-size="34"
font-family="Serif" font-family="Serif"
text-anchor="end" text-anchor="end"
xml:space="preserve" xml:space="preserve"
@ -532,8 +591,8 @@ exports[`use various parts of svg-edit > check tool_text_anchor_end #0`] = `
fill="#000000" fill="#000000"
stroke="#000000" stroke="#000000"
stroke-width="0" stroke-width="0"
x="136" x="91"
y="107" y="80"
font-size="24" font-size="24"
font-family="Serif" font-family="Serif"
text-anchor="middle" text-anchor="middle"
@ -548,7 +607,7 @@ exports[`use various parts of svg-edit > check tool_text_anchor_end #0`] = `
</svg> </svg>
`; `;
exports[`use various parts of svg-edit > check tool_star #0`] = ` exports[`use various parts of svg-edit > check tool_text_change_rotation #0`] = `
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"
@ -559,35 +618,25 @@ exports[`use various parts of svg-edit > check tool_star #0`] = `
x="640" x="640"
y="480" y="480"
viewBox="0 0 640 480" viewBox="0 0 640 480"
fill-opacity="1"
stroke-opacity="1"
> >
<g class="layer"> <g class="layer" style="pointer-events:all">
<title>Layer 1</title> <title style="pointer-events:inherit">Layer 1</title>
<rect
id="rect"
fill="#FF0000"
height="70"
stroke="#000000"
stroke-width="5"
width="94"
x="69.5"
y="51.5"
fill-opacity="1"
stroke-opacity="1"
></rect>
<text <text
fill="#ffff00" fill="#bf0000"
stroke="#000000" stroke="#0000bf"
stroke-width="0" stroke-width="1"
x="116" x="46"
y="87" y="35"
id="svg_1" id="svg_1"
font-size="24" font-size="34"
font-family="Serif" font-family="Serif"
text-anchor="end" text-anchor="end"
xml:space="preserve" xml:space="preserve"
fill-opacity="1" fill-opacity="1"
stroke-opacity="1" stroke-opacity="1"
font-="" font-style="italic"
font-weight="bold" font-weight="bold"
> >
AB AB
@ -596,8 +645,8 @@ exports[`use various parts of svg-edit > check tool_star #0`] = `
fill="#000000" fill="#000000"
stroke="#000000" stroke="#000000"
stroke-width="0" stroke-width="0"
x="136" x="91"
y="107" y="80"
font-size="24" font-size="24"
font-family="Serif" font-family="Serif"
text-anchor="middle" text-anchor="middle"
@ -605,40 +654,15 @@ exports[`use various parts of svg-edit > check tool_star #0`] = `
fill-opacity="1" fill-opacity="1"
stroke-opacity="1" stroke-opacity="1"
id="svg_2" id="svg_2"
transform="rotate(25 91 72)"
> >
AB AB
</text> </text>
<polygon
cx="370"
cy="202"
id="svg_3"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#ffff00"
strokecolor="#000000"
strokewidth="0"
starradiusmultiplier="3"
points="370,135.33333333333331 383.0618944953883,184.02184456944562 433.40376775301024,181.39886704167017 391.13458925100343,208.86704431944327 409.18568348616486,255.93446629166317 370,224.22222222222223 330.81431651383514,255.93446629166317 348.86541074899657,208.86704431944327 306.59623224698976,181.39886704167017 356.9381055046117,184.02184456944562 370,135.33333333333331 383.0618944953883,184.02184456944562 "
stroke="#000000"
stroke-width="0"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="1"
></animate>
</polygon>
</g> </g>
</svg> </svg>
`; `;
exports[`use various parts of svg-edit > check tool_polygon #0`] = ` exports[`use various parts of svg-edit > check tool_text_change_blur #0`] = `
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"
@ -649,35 +673,25 @@ exports[`use various parts of svg-edit > check tool_polygon #0`] = `
x="640" x="640"
y="480" y="480"
viewBox="0 0 640 480" viewBox="0 0 640 480"
fill-opacity="1"
stroke-opacity="1"
> >
<g class="layer"> <g class="layer" style="pointer-events:all">
<title>Layer 1</title> <title style="pointer-events:inherit">Layer 1</title>
<rect
id="rect"
fill="#FF0000"
height="70"
stroke="#000000"
stroke-width="5"
width="94"
x="69.5"
y="51.5"
fill-opacity="1"
stroke-opacity="1"
></rect>
<text <text
fill="#ffff00" fill="#bf0000"
stroke="#000000" stroke="#0000bf"
stroke-width="0" stroke-width="1"
x="116" x="46"
y="87" y="35"
id="svg_1" id="svg_1"
font-size="24" font-size="34"
font-family="Serif" font-family="Serif"
text-anchor="end" text-anchor="end"
xml:space="preserve" xml:space="preserve"
fill-opacity="1" fill-opacity="1"
stroke-opacity="1" stroke-opacity="1"
font-="" font-style="italic"
font-weight="bold" font-weight="bold"
> >
AB AB
@ -686,8 +700,8 @@ exports[`use various parts of svg-edit > check tool_polygon #0`] = `
fill="#000000" fill="#000000"
stroke="#000000" stroke="#000000"
stroke-width="0" stroke-width="0"
x="136" x="91"
y="107" y="80"
font-size="24" font-size="24"
font-family="Serif" font-family="Serif"
text-anchor="middle" text-anchor="middle"
@ -695,52 +709,226 @@ exports[`use various parts of svg-edit > check tool_polygon #0`] = `
fill-opacity="1" fill-opacity="1"
stroke-opacity="1" stroke-opacity="1"
id="svg_2" id="svg_2"
transform="rotate(25 91 72)"
filter="url(#svg_2_blur)"
> >
AB AB
</text> </text>
<polygon
cx="370"
cy="202"
id="svg_3"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#ffff00"
strokecolor="#000000"
strokewidth="0"
starradiusmultiplier="3"
points="370,135.33333333333331 383.0618944953883,184.02184456944562 433.40376775301024,181.39886704167017 391.13458925100343,208.86704431944327 409.18568348616486,255.93446629166317 370,224.22222222222223 330.81431651383514,255.93446629166317 348.86541074899657,208.86704431944327 306.59623224698976,181.39886704167017 356.9381055046117,184.02184456944562 370,135.33333333333331 383.0618944953883,184.02184456944562 "
stroke="#000000"
stroke-width="0"
fill-opacity="1"
stroke-opacity="1"
></polygon>
<polygon
cx="420"
cy="302"
id="svg_4"
shape="regularPoly"
sides="5"
orient="x"
edge="80"
fill="#ffff00"
strokecolor="#000000"
strokewidth="5"
points="488.0520646681632,302 441.02924448476534,366.7213595499958 364.94472318115305,342 364.94472318115305,262 441.02924448476534,237.27864045000422 488.0520646681632,302 "
stroke="#000000"
stroke-width="5"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="1"
></animate>
</polygon>
</g> </g>
<defs>
<filter id="svg_2_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
`;
exports[`use various parts of svg-edit > check tool_text_change_opacity #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
fill-opacity="1"
stroke-opacity="1"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<text
fill="#bf0000"
stroke="#0000bf"
stroke-width="1"
x="46"
y="35"
id="svg_1"
font-size="34"
font-family="Serif"
text-anchor="end"
xml:space="preserve"
fill-opacity="1"
stroke-opacity="1"
font-style="italic"
font-weight="bold"
>
AB
</text>
<text
fill="#000000"
stroke="#000000"
stroke-width="0"
x="91"
y="80"
font-size="24"
font-family="Serif"
text-anchor="middle"
xml:space="preserve"
fill-opacity="1"
stroke-opacity="1"
id="svg_2"
filter="url(#svg_2_blur)"
opacity="0.5"
transform="rotate(25 91 72)"
>
AB
</text>
</g>
<defs>
<filter id="svg_2_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
`;
exports[`use various parts of svg-edit > check tool_text_align_to_page #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
fill-opacity="1"
stroke-opacity="1"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<text
fill="#bf0000"
stroke="#0000bf"
stroke-width="1"
x="46"
y="35"
id="svg_1"
font-size="34"
font-family="Serif"
text-anchor="end"
xml:space="preserve"
fill-opacity="1"
stroke-opacity="1"
font-style="italic"
font-weight="bold"
>
AB
</text>
<text
fill="#000000"
stroke="#000000"
stroke-width="0"
x="91"
y="80"
font-size="24"
font-family="Serif"
text-anchor="middle"
xml:space="preserve"
fill-opacity="1"
stroke-opacity="1"
id="svg_2"
filter="url(#svg_2_blur)"
opacity="0.5"
transform="rotate(25 91 72)"
>
AB
</text>
</g>
<defs>
<filter id="svg_2_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
`;
exports[`use various parts of svg-edit > check tool_text_delete #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
fill-opacity="1"
stroke-opacity="1"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<text
fill="#bf0000"
stroke="#0000bf"
stroke-width="1"
x="46"
y="35"
id="svg_1"
font-size="34"
font-family="Serif"
text-anchor="end"
xml:space="preserve"
fill-opacity="1"
stroke-opacity="1"
font-style="italic"
font-weight="bold"
>
AB
</text>
</g>
<defs>
<filter id="svg_2_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
`;
exports[`use various parts of svg-edit > check tool_text_change_font_family #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
fill-opacity="1"
stroke-opacity="1"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<text
fill="#bf0000"
stroke="#0000bf"
stroke-width="1"
x="46"
y="35"
id="svg_1"
font-size="34"
font-family="Serif"
text-anchor="end"
xml:space="preserve"
fill-opacity="1"
stroke-opacity="1"
font-style="italic"
font-weight="bold"
>
AB
</text>
</g>
<defs>
<filter id="svg_2_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg> </svg>
`; `;

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

@ -14,44 +14,6 @@ exports[`use all parts of svg-edit > check tool_source_set #0`] = `
</svg> </svg>
`; `;
exports[`use all parts of svg-edit > check tool_line #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<line
fill="none"
stroke="#000000"
stroke-width="5"
opacity="0.5"
style="pointer-events:none"
x1="200"
y1="200"
x2="220"
y2="220"
id="svg_1"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="1"
></animate>
</line>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_shape #0`] = ` exports[`use all parts of svg-edit > check tool_shape #0`] = `
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
@ -66,139 +28,17 @@ exports[`use all parts of svg-edit > check tool_shape #0`] = `
> >
<g class="layer" style="pointer-events:all"> <g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title> <title style="pointer-events:inherit">Layer 1</title>
<line
fill="none"
stroke="#000000"
stroke-width="5"
style="pointer-events:inherit"
x1="200"
y1="200"
x2="220"
y2="220"
id="svg_1"
fill-opacity="1"
stroke-opacity="1"
transform="rotate(43.2643 210 210)"
></line>
<path
fill="#FF0000"
stroke="#000000"
stroke-width="5"
opacity="0.5"
style="pointer-events:none"
d="m309.60653833763354,262.7975086895094 c37.05917105721012,-106.31729401658639 182.2582183141481,0 0,136.6936637356111 c-182.2582183141481,-136.6936637356111 -37.05917105721012,-243.0109577521975 0,-136.6936637356111 z"
id="svg_2"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="1"
></animate>
</path>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_rect_square #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<line
fill="none"
stroke="#000000"
stroke-width="5"
style="pointer-events:inherit"
x1="200"
y1="200"
x2="220"
y2="220"
id="svg_1"
fill-opacity="1"
stroke-opacity="1"
transform="rotate(43.2643 210 210)"
></line>
<path <path
fill="#FF0000" fill="#FF0000"
stroke="#000000" stroke="#000000"
stroke-width="5" stroke-width="5"
style="pointer-events:inherit" style="pointer-events:inherit"
d="m309.60653833763354,262.7975086895094 c37.05917105721012,-106.31729401658639 182.2582183141481,0 0,136.6936637356111 c-182.2582183141481,-136.6936637356111 -37.05917105721012,-243.0109577521975 0,-136.6936637356111 z" d="m208.99746606586632,203.82033218045854 c4.117685576066451,-11.81303239035457 20.250912669179264,0 0,15.18818450188445 c-20.250912669179264,-15.18818450188445 -4.117685576066451,-27.00121689223902 0,-15.18818450188445 z"
id="svg_2" id="svg_1"
fill-opacity="1" fill-opacity="1"
stroke-opacity="1" stroke-opacity="1"
transform="rotate(43.2545 208.997 209.008)"
></path> ></path>
<rect
fill="#FF0000"
stroke="#000000"
stroke-width="5"
opacity="0.5"
style="pointer-events:inherit"
x="296"
y="136"
width="150"
height="120"
id="svg_3"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="1"
></animate>
</rect>
<rect
fill="#FF0000"
stroke="#000000"
stroke-width="5"
opacity="0.5"
style="pointer-events:inherit"
x="446"
y="76"
width="180"
height="180"
id="svg_4"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="1"
></animate>
</rect>
<rect
fill="#FF0000"
stroke="#000000"
stroke-width="5"
opacity="0.5"
style="pointer-events:inherit"
x="216"
y="156"
width="100"
height="100"
id="svg_5"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="1"
></animate>
</rect>
</g> </g>
</svg> </svg>
`; `;
@ -217,75 +57,23 @@ exports[`use all parts of svg-edit > check tool_image #0`] = `
> >
<g class="layer" style="pointer-events:all"> <g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title> <title style="pointer-events:inherit">Layer 1</title>
<line
fill="none"
stroke="#000000"
stroke-width="5"
style="pointer-events:inherit"
x1="200"
y1="200"
x2="220"
y2="220"
id="svg_1"
fill-opacity="1"
stroke-opacity="1"
transform="rotate(43.2643 210 210)"
></line>
<path <path
fill="#FF0000" fill="#FF0000"
stroke="#000000" stroke="#000000"
stroke-width="5" stroke-width="5"
style="pointer-events:inherit" style="pointer-events:inherit"
d="m309.60653833763354,262.7975086895094 c37.05917105721012,-106.31729401658639 182.2582183141481,0 0,136.6936637356111 c-182.2582183141481,-136.6936637356111 -37.05917105721012,-243.0109577521975 0,-136.6936637356111 z" d="m208.99746606586632,203.82033218045854 c4.117685576066451,-11.81303239035457 20.250912669179264,0 0,15.18818450188445 c-20.250912669179264,-15.18818450188445 -4.117685576066451,-27.00121689223902 0,-15.18818450188445 z"
id="svg_2" id="svg_1"
fill-opacity="1" fill-opacity="1"
stroke-opacity="1" stroke-opacity="1"
transform="rotate(43.2545 208.997 209.008)"
></path> ></path>
<rect
fill="#FF0000"
stroke="#000000"
stroke-width="5"
style="pointer-events:inherit"
x="296"
y="136"
width="150"
height="120"
id="svg_3"
fill-opacity="1"
stroke-opacity="1"
></rect>
<rect
fill="#FF0000"
stroke="#000000"
stroke-width="5"
style="pointer-events:inherit"
x="446"
y="76"
width="180"
height="180"
id="svg_4"
fill-opacity="1"
stroke-opacity="1"
></rect>
<rect
fill="#FF0000"
stroke="#000000"
stroke-width="5"
style="pointer-events:inherit"
x="216"
y="156"
width="100"
height="100"
id="svg_5"
fill-opacity="1"
stroke-opacity="1"
></rect>
<image <image
x="296" x="295"
y="176" y="295"
width="20" width="20"
height="20" height="20"
id="svg_6" id="svg_2"
opacity="0.5" opacity="0.5"
style="pointer-events:inherit" style="pointer-events:inherit"
xlink:href="./images/logo.svg" xlink:href="./images/logo.svg"

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

@ -252,7 +252,7 @@ exports[`use all parts of svg-edit > check tool_line_clone #0`] = `
</svg> </svg>
`; `;
exports[`use all parts of svg-edit > check tool_fhrect_change_x_y_coordinate #0`] = ` exports[`use all parts of svg-edit > check tool_line_bring_to_back #0`] = `
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"
@ -271,10 +271,10 @@ exports[`use all parts of svg-edit > check tool_fhrect_change_x_y_coordinate #0`
stroke="#000000" stroke="#000000"
stroke-width="5" stroke-width="5"
opacity="0.5" opacity="0.5"
x1="225" x1="200"
y1="200" y1="200"
x2="475" x2="450"
y2="425" y2="450"
id="svg_2" id="svg_2"
fill-opacity="1" fill-opacity="1"
stroke-opacity="1" stroke-opacity="1"
@ -310,3 +310,296 @@ exports[`use all parts of svg-edit > check tool_fhrect_change_x_y_coordinate #0`
</defs> </defs>
</svg> </svg>
`; `;
exports[`use all parts of svg-edit > check tool_line_bring_to_front #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<line
fill="none"
stroke="#000000"
stroke-width="5"
opacity="0.25"
style="pointer-events:none"
x1="220"
y1="220"
x2="470"
y2="470"
fill-opacity="1"
stroke-opacity="1"
id="svg_3"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="0.5"
id="svg_4"
></animate>
</line>
<line
fill="none"
stroke="#000000"
stroke-width="5"
opacity="0.5"
x1="200"
y1="200"
x2="450"
y2="450"
id="svg_2"
fill-opacity="1"
stroke-opacity="1"
></line>
</g>
<defs>
<filter id="svg_1_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
`;
exports[`use all parts of svg-edit > check tool_line_change_x_y_coordinate #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<line
fill="none"
stroke="#000000"
stroke-width="5"
opacity="0.25"
style="pointer-events:none"
x1="220"
y1="220"
x2="470"
y2="470"
fill-opacity="1"
stroke-opacity="1"
id="svg_3"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="0.5"
id="svg_4"
></animate>
</line>
<line
fill="none"
stroke="#000000"
stroke-width="5"
opacity="0.5"
x1="225"
y1="200"
x2="475"
y2="425"
id="svg_2"
fill-opacity="1"
stroke-opacity="1"
></line>
</g>
<defs>
<filter id="svg_1_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
`;
exports[`use all parts of svg-edit > check tool_line_change_stroke_width #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<line
fill="none"
stroke="#000000"
stroke-width="5"
opacity="0.25"
style="pointer-events:none"
x1="220"
y1="220"
x2="470"
y2="470"
fill-opacity="1"
stroke-opacity="1"
id="svg_3"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="0.5"
id="svg_4"
></animate>
</line>
<line
fill="none"
stroke="#000000"
stroke-width="15"
opacity="0.5"
x1="225"
y1="200"
x2="475"
y2="425"
id="svg_2"
fill-opacity="1"
stroke-opacity="1"
></line>
</g>
<defs>
<filter id="svg_1_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
`;
exports[`use all parts of svg-edit > check tool_line_change_stoke_color #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<line
fill="none"
stroke="#bf5f00"
stroke-width="5"
opacity="0.25"
x1="220"
y1="220"
x2="470"
y2="470"
fill-opacity="1"
stroke-opacity="1"
id="svg_3"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="0.5"
id="svg_4"
></animate>
</line>
<line
fill="none"
stroke="#000000"
stroke-width="15"
opacity="0.5"
x1="225"
y1="200"
x2="475"
y2="425"
id="svg_2"
fill-opacity="1"
stroke-opacity="1"
></line>
</g>
<defs>
<filter id="svg_1_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
`;
exports[`use all parts of svg-edit > check tool_line_align_to_page #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<line
fill="none"
stroke="#bf5f00"
stroke-width="5"
opacity="0.25"
x1="220"
y1="220"
x2="470"
y2="470"
fill-opacity="1"
stroke-opacity="1"
id="svg_3"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="0.5"
id="svg_4"
></animate>
</line>
<line
fill="none"
stroke="#000000"
stroke-width="15"
opacity="0.5"
x1="225"
y1="200"
x2="475"
y2="425"
id="svg_2"
fill-opacity="1"
stroke-opacity="1"
></line>
</g>
<defs>
<filter id="svg_1_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
`;

605
cypress/integration/ui/__snapshots__/scenario6.js.snap Normal file
View File

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

659
cypress/integration/ui/__snapshots__/scenario7.js.snap Normal file
View File

@ -0,0 +1,659 @@
exports[`use all parts of svg-edit > check tool_source_set #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer"><title>Layer 1</title></g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_star #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer">
<title>Layer 1</title>
<polygon
cx="300"
cy="150"
id="svg_1"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#FF0000"
strokecolor="#000000"
strokewidth="5"
starradiusmultiplier="3"
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 "
stroke="#000000"
stroke-width="5"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="1"
></animate>
</polygon>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_star_clone #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<polygon
cx="300"
cy="150"
id="svg_1"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
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 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
></polygon>
<polygon
cx="300"
cy="150"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
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 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
id="svg_2"
></polygon>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_star_change_rotation #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<polygon
cx="300"
cy="150"
id="svg_1"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
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 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
></polygon>
<polygon
cx="300"
cy="150"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
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 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
id="svg_2_id"
class="svg_2_class"
transform="rotate(25 320 163.634)"
></polygon>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_star_change_blur #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<polygon
cx="300"
cy="150"
id="svg_1"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
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 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
></polygon>
<polygon
cx="300"
cy="150"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
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 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
id="svg_2_id"
class="svg_2_class"
transform="rotate(25 320 163.634)"
filter="url(#svg_2_id_blur)"
></polygon>
</g>
<defs>
<filter id="svg_2_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
`;
exports[`use all parts of svg-edit > check tool_star_change_opacity #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<polygon
cx="300"
cy="150"
id="svg_1"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
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 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
></polygon>
<polygon
cx="300"
cy="150"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
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 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
id="svg_2_id"
class="svg_2_class"
filter="url(#svg_2_id_blur)"
opacity="0.5"
transform="rotate(25 320 163.634)"
></polygon>
</g>
<defs>
<filter id="svg_2_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
`;
exports[`use all parts of svg-edit > check tool_star_bring_to_back #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<polygon
cx="300"
cy="150"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
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 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
id="svg_2_id"
class="svg_2_class"
filter="url(#svg_2_id_blur)"
opacity="0.5"
transform="rotate(25 320 163.634)"
></polygon>
<polygon
cx="300"
cy="150"
id="svg_1"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
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 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
></polygon>
</g>
<defs>
<filter id="svg_2_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
`;
exports[`use all parts of svg-edit > check tool_star_bring_to_front #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<polygon
cx="300"
cy="150"
id="svg_1"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
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 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
></polygon>
<polygon
cx="300"
cy="150"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
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 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
id="svg_2_id"
class="svg_2_class"
filter="url(#svg_2_id_blur)"
opacity="0.5"
transform="rotate(25 320 163.634)"
></polygon>
</g>
<defs>
<filter id="svg_2_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
`;
exports[`use all parts of svg-edit > check tool_star_delete #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<polygon
cx="300"
cy="150"
id="svg_1"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
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 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
></polygon>
</g>
<defs>
<filter id="svg_2_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
`;
exports[`use all parts of svg-edit > check tool_star_align_to_page #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<polygon
cx="300"
cy="150"
id="svg_1"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
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 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
></polygon>
</g>
<defs>
<filter id="svg_2_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
`;
exports[`use all parts of svg-edit > check tool_star_change_stroke_width #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<polygon
cx="300"
cy="150"
id="svg_1"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
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 "
stroke="#000000"
stroke-width="15"
fill-opacity="1"
stroke-opacity="1"
></polygon>
</g>
<defs>
<filter id="svg_2_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
`;
exports[`use all parts of svg-edit > check tool_star_change_stoke_fill_color #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<polygon
cx="300"
cy="150"
id="svg_1"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#bf0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
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 "
stroke="#0000bf"
stroke-width="15"
fill-opacity="1"
stroke-opacity="1"
></polygon>
</g>
<defs>
<filter id="svg_2_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
`;
exports[`use all parts of svg-edit > check tool_star_change_sides #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<polygon
cx="300"
cy="150"
id="svg_1"
shape="star"
point="6"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#bf0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
points="301.08849207560223,76.2796007792155 312.1996031867133,123.70125847289464 358.8235189945648,109.61293411254883 323.31071429782446,142.94626744588217 358.82351899456484,176.27960077921549 312.1996031867134,162.1912764188697 301.08849207560223,209.61293411254883 289.97738096449115,162.1912764188697 243.35346515663966,176.2796007792155 278.86626985338,142.94626744588217 243.35346515663966,109.61293411254883 289.97738096449115,123.70125847289464 301.08849207560223,76.2796007792155 312.1996031867134,123.70125847289464 "
stroke="#0000bf"
stroke-width="15"
fill-opacity="1"
stroke-opacity="1"
></polygon>
</g>
<defs>
<filter id="svg_2_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
`;

124
cypress/integration/ui/scenario.js
View File

@ -18,7 +18,6 @@ describe('use various parts of svg-edit', function () {
.type(`<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> .type(`<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer"> <g class="layer">
<title>Layer 1</title> <title>Layer 1</title>
<rect id="rect" fill="#FF0000" height="70" stroke="#000000" stroke-width="5" width="94" x="69.5" y="51.5"/>
</g> </g>
</svg>`, { force: true, parseSpecialCharSequences: false }); </svg>`, { force: true, parseSpecialCharSequences: false });
cy.get('#tool_source_save').click({ force: true }); cy.get('#tool_source_save').click({ force: true });
@ -27,7 +26,7 @@ describe('use various parts of svg-edit', function () {
it('check tool_fhpath', function () { it('check tool_fhpath', function () {
cy.get('#tool_fhpath') cy.get('#tool_fhpath')
.click({ force: true }); .click({ force: true });
cy.get('#rect') cy.get('#svgcontent')
.trigger('mousemove', 200, 200, { force: true }) .trigger('mousemove', 200, 200, { force: true })
.trigger('mousedown', 200, 200, { force: true }) .trigger('mousedown', 200, 200, { force: true })
.trigger('mousemove', 20, 20, { force: true }) .trigger('mousemove', 20, 20, { force: true })
@ -37,7 +36,7 @@ describe('use various parts of svg-edit', function () {
it('check tool_text', function () { it('check tool_text', function () {
cy.get('#tool_text') cy.get('#tool_text')
.click({ force: true }); .click({ force: true });
cy.get('#rect') cy.get('#svgcontent')
.trigger('mousedown', 46, 35, { force: true }) .trigger('mousedown', 46, 35, { force: true })
.trigger('mouseup', { force: true }); .trigger('mouseup', { force: true });
// svgedit use the #text text field to capture the text // svgedit use the #text text field to capture the text
@ -63,11 +62,49 @@ describe('use various parts of svg-edit', function () {
.click({ force: true }); .click({ force: true });
testSnapshot(); testSnapshot();
}); });
it('check change color', function () { it('check tool_text_change_x_y_coordinate', function () {
cy.get('#svg_2').click({ force: true });
for(let n = 0; n < 25; n ++){
cy.get('#selected_x').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0)
.click({ force: true });
}
for(let n = 0; n < 25; n ++){
cy.get('#selected_y').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0)
.click({ force: true });
}
cy.get('#svgcontent').toMatchSnapshot();
});
it('check tool_text_change_font_size', function () {
cy.get('#svg_1').click({ force: true }); cy.get('#svg_1').click({ force: true });
cy.get('[data-rgb="#ffff00"]') for(let n = 0; n < 10; n ++){
cy.get('#font_size').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0)
.click({ force: true });
}
cy.get('#svgcontent').toMatchSnapshot();
});
it('check tool_text_change_stroke_width', function () {
cy.get('#svg_1').click({ force: true });
cy.get('#stroke_width').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0)
.click({ force: true }); .click({ force: true });
testSnapshot(); cy.get('#svgcontent').toMatchSnapshot();
});
it('check tool_text_change_stoke_fill_color', function () {
cy.get('#svg_1').click({ force: true });
cy.get('#stroke_color').shadow().find('#picker').eq(0).click({ force: true });
cy.get('#stroke_color').shadow().find('#color_picker').eq(0)
.find('#jGraduate_colPick').eq(0).find('#jPicker-table').eq(0)
.find('.QuickColor').eq(51).click({ force: true });
cy.get('#stroke_color').shadow().find('#color_picker').eq(0)
.find('#jGraduate_colPick').eq(0).find('#jPicker-table').eq(0)
.find('#Ok').eq(0).click({ force: true });
cy.get('#fill_color').shadow().find('#picker').eq(0).click({ force: true });
cy.get('#fill_color').shadow().find('#color_picker').eq(0)
.find('#jGraduate_colPick').eq(0).find('#jPicker-table').eq(0)
.find('.QuickColor').eq(3).click({ force: true });
cy.get('#fill_color').shadow().find('#color_picker').eq(0)
.find('#jGraduate_colPick').eq(0).find('#jPicker-table').eq(0)
.find('#Ok').eq(0).click({ force: true });
cy.get('#svgcontent').toMatchSnapshot();
}); });
it('check tool_text_anchor_start', function () { it('check tool_text_anchor_start', function () {
cy.get('#svg_1').click({ force: true }); cy.get('#svg_1').click({ force: true });
@ -87,22 +124,67 @@ describe('use various parts of svg-edit', function () {
.click({ force: true }); .click({ force: true });
testSnapshot(); testSnapshot();
}); });
it('check tool_star', function () { it('check tool_text_change_rotation', function () {
cy.get('#tool_star') cy.get('#svg_2').click({ force: true });
.click({ force: true }); for(let n = 0; n < 5; n ++){
cy.get('#svgcontent') cy.get('#angle').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0)
.trigger('mousedown', 300, 150, { force: true }) .click({ force: true });
.trigger('mousemove', 300, 250, { force: true }) }
.trigger('mouseup', { force: true }); cy.get('#svgcontent').toMatchSnapshot();
testSnapshot();
}); });
it('check tool_polygon', function () { it('check tool_text_change_blur', function () {
cy.get('#tool_polygon') cy.get('#svg_2').click({ force: true });
for(let n = 0; n < 10; n ++){
cy.get('#blur').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0)
.click({ force: true });
}
cy.get('#svgcontent').toMatchSnapshot();
});
it('check tool_text_change_opacity', function () {
cy.get('#svg_2').click({ force: true });
for(let n = 0; n < 10; n ++){
cy.get('#opacity').shadow().find('elix-number-spin-box').eq(0).shadow().find('#downButton').eq(0)
.click({ force: true });
}
cy.get('#svgcontent').toMatchSnapshot();
});
it('check tool_text_align_to_page', function () {
cy.get('#svg_2').click({ force: true });
cy.get('#tool_position').shadow().find('elix-dropdown-list').eq(0).invoke('attr', 'opened', 'opened');
cy.get('#tool_position').find('se-list-item').eq(2).shadow().find('elix-option').eq(0)
.click({ force: true }); .click({ force: true });
cy.get('#svgcontent') cy.get('#svgcontent').toMatchSnapshot();
.trigger('mousedown', 350, 250, { force: true }) });
.trigger('mousemove', 350, 370, { force: true }) it('check tool_text_change_class', function () {
.trigger('mouseup', { force: true }); cy.get('#svg_2').click({ force: true });
testSnapshot(); cy.get('#elem_class').shadow().find('elix-input').eq(0).shadow().find('#inner').eq(0)
.type('svg_2_class{enter}', { force: true });
cy.get('#svg_2')
.should('satisfy', ($el) => {
const classList = Array.from($el[0].classList);
return classList.includes('svg_2_class');
});
});
it('check tool_text_change_id', function () {
cy.get('#svg_2').click({ force: true }).click({ force: true });
cy.get('#elem_id').shadow().find('elix-input').eq(0).shadow().find('#inner').eq(0)
.type('_id{enter}', { force: true });
cy.get('#svg_2_id')
.should('satisfy', ($el) => {
const classList = Array.from($el[0].classList);
return classList.includes('svg_2_class');
});
});
it('check tool_text_delete', function () {
cy.get('#svg_2_id').click({ force: true });
cy.get('#tool_delete').click({ force: true });
cy.get('#svgcontent').toMatchSnapshot();
});
it('check tool_text_change_font_family', function () {
cy.get('#svg_1').click({ force: true });
cy.get('#tool_font_family').shadow().find('elix-dropdown-list').eq(0).invoke('attr', 'opened', 'opened');
cy.get('#tool_font_family').find('se-list-item').eq(6).shadow().find('elix-option').eq(0)
.click({ force: true });
cy.get('#svgcontent').toMatchSnapshot();
}); });
}); });

36
cypress/integration/ui/scenario1.js
View File

@ -23,18 +23,6 @@ describe('use all parts of svg-edit', function () {
cy.get('#tool_source_save').click({ force: true }); cy.get('#tool_source_save').click({ force: true });
testSnapshot(); testSnapshot();
}); });
it('check tool_line', function () {
cy.get('#tool_line')
.click({ force: true });
cy.get('#svgcontent')
.trigger('mousemove', 200, 200, { force: true })
.trigger('mousedown', 200, 200, { force: true })
.trigger('mousemove', 20, 20, { force: true })
.trigger('mouseup', { force: true });
// cy.get('#angle').click({ force: true }).invoke('attr', 'value', '45');
//.shadow().get('elix-number-spin-box').shadow().find('plain-repeat-button-0').click({ force: true });
cy.get('#svgcontent').toMatchSnapshot();
});
it('check tool_shape', function () { it('check tool_shape', function () {
cy.get('#tool_shapelib').shadow().find('.overall').eq(0).click({ force: true }); cy.get('#tool_shapelib').shadow().find('.overall').eq(0).click({ force: true });
cy.get('[data-shape="heart"]').click({ force: true }); cy.get('[data-shape="heart"]').click({ force: true });
@ -49,30 +37,7 @@ describe('use all parts of svg-edit', function () {
.trigger('mouseup', { force: true }); .trigger('mouseup', { force: true });
cy.get('#svgcontent').toMatchSnapshot(); cy.get('#svgcontent').toMatchSnapshot();
}); });
it('check tool_rect_square', function () {
cy.get('#tool_rect').click({ force: true });
cy.get('#svgcontent')
.trigger('mousedown', 100, -60, { force: true })
.trigger('mousemove', 250, 60, { force: true })
.trigger('mouseup', { force: true });
cy.get('#tool_square').click({ force: true });
cy.get('#svgcontent')
.trigger('mousedown', 250, -60, { force: true })
.trigger('mousemove', 430, 120, { force: true })
.trigger('mouseup', { force: true });
cy.get('#tool_fhrect')
.click({ force: true });
cy.get('#svgcontent')
.trigger('mousedown', 20, 80, { force: true })
.trigger('mousemove', 120, 80, { force: true })
.trigger('mousemove', 120, 180, { force: true })
.trigger('mousemove', 20, 180, { force: true })
.trigger('mousemove', 20, 80, { force: true })
.trigger('mouseup', 20, 80, { force: true });
cy.get('#svgcontent').toMatchSnapshot();
});
it('check tool_image', function () { it('check tool_image', function () {
cy.get('#tool_image').click({ force: true }); cy.get('#tool_image').click({ force: true });
cy.get('#svgcontent') cy.get('#svgcontent')
.trigger('mousedown', 100, 100, { force: true }) .trigger('mousedown', 100, 100, { force: true })
@ -87,5 +52,4 @@ describe('use all parts of svg-edit', function () {
}); });
cy.get('#svgcontent').toMatchSnapshot(); cy.get('#svgcontent').toMatchSnapshot();
}); });
}); });

38
cypress/integration/ui/scenario5.js
View File

@ -94,7 +94,17 @@ describe('use all parts of svg-edit', function () {
cy.get('#tool_clone').click({ force: true }); cy.get('#tool_clone').click({ force: true });
cy.get('#svgcontent').toMatchSnapshot(); cy.get('#svgcontent').toMatchSnapshot();
}); });
it('check tool_fhrect_change_x_y_coordinate', function () { it('check tool_line_bring_to_back', function () {
cy.get('#svg_2').click({ force: true });
cy.get('#tool_move_bottom').click({ force: true });
cy.get('#svgcontent').toMatchSnapshot();
});
it('check tool_line_bring_to_front', function () {
cy.get('#svg_2').click({ force: true });
cy.get('#tool_move_top').click({ force: true });
cy.get('#svgcontent').toMatchSnapshot();
});
it('check tool_line_change_x_y_coordinate', function () {
cy.get('#svg_2').click({ force: true }); cy.get('#svg_2').click({ force: true });
for(let n = 0; n < 25; n ++){ for(let n = 0; n < 25; n ++){
cy.get('#line_x1').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0) cy.get('#line_x1').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0)
@ -114,4 +124,30 @@ describe('use all parts of svg-edit', function () {
} }
cy.get('#svgcontent').toMatchSnapshot(); cy.get('#svgcontent').toMatchSnapshot();
}); });
it('check tool_line_change_stroke_width', function () {
cy.get('#svg_2').click({ force: true });
for(let n = 0; n < 10; n ++){
cy.get('#stroke_width').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0)
.click({ force: true });
}
cy.get('#svgcontent').toMatchSnapshot();
});
it('check tool_line_change_stoke_color', function () {
cy.get('#svg_3').click({ force: true });
cy.get('#stroke_color').shadow().find('#picker').eq(0).click({ force: true });
cy.get('#stroke_color').shadow().find('#color_picker').eq(0)
.find('#jGraduate_colPick').eq(0).find('#jPicker-table').eq(0)
.find('.QuickColor').eq(9).click({ force: true });
cy.get('#stroke_color').shadow().find('#color_picker').eq(0)
.find('#jGraduate_colPick').eq(0).find('#jPicker-table').eq(0)
.find('#Ok').eq(0).click({ force: true });
cy.get('#svgcontent').toMatchSnapshot();
});
it('check tool_line_align_to_page', function () {
cy.get('#svg_3').click({ force: true });
cy.get('#tool_position').shadow().find('elix-dropdown-list').eq(0).invoke('attr', 'opened', 'opened');
cy.get('#tool_position').find('se-list-item').eq(2).shadow().find('elix-option').eq(0)
.click({ force: true });
cy.get('#svgcontent').toMatchSnapshot();
});
}); });

150
cypress/integration/ui/scenario6.js Normal file
View File

@ -0,0 +1,150 @@
import {
visitAndApproveStorage
} from '../../support/ui-test-helper.js';
const testSnapshot = () => {
cy.get('#svgcontent').cleanSnapshot();
};
describe('use all parts of svg-edit', function () {
before(() => {
visitAndApproveStorage();
});
it('check tool_source_set', function () {
cy.get('#tool_source').click({ force: true });
cy.get('#svg_source_textarea')
.type('{selectall}', { force: true })
.type(`<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>`, { force: true, parseSpecialCharSequences: false });
cy.get('#tool_source_save').click({ force: true });
testSnapshot();
});
it('check tool_polygon', function () {
cy.get('#tool_polygon')
.click({ force: true });
cy.get('#svgcontent')
.trigger('mousedown', 325, 250, { force: true })
.trigger('mousemove', 325, 345, { force: true })
.trigger('mouseup', { force: true });
testSnapshot();
});
it('check tool_polygon_clone', function () {
cy.get('#svg_1').click({ force: true });
cy.get('#tool_clone').click({ force: true });
cy.get('#svgcontent').toMatchSnapshot();
});
it('check tool_polygon_change_class', function () {
cy.get('#svg_2').click({ force: true });
cy.get('#elem_class').shadow().find('elix-input').eq(0).shadow().find('#inner').eq(0)
.type('svg_2_class{enter}', { force: true });
cy.get('#svg_2')
.should('satisfy', ($el) => {
const classList = Array.from($el[0].classList);
return classList.includes('svg_2_class');
});
});
it('check tool_polygon_change_id', function () {
cy.get('#svg_2').click({ force: true }).click({ force: true });
cy.get('#elem_id').shadow().find('elix-input').eq(0).shadow().find('#inner').eq(0)
.type('_id{enter}', { force: true });
cy.get('#svg_2_id')
.should('satisfy', ($el) => {
const classList = Array.from($el[0].classList);
return classList.includes('svg_2_class');
});
});
it('check tool_polygon_change_rotation', function () {
cy.get('#svg_2_id').click({ force: true });
for(let n = 0; n < 5; n ++){
cy.get('#angle').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0)
.click({ force: true });
}
cy.get('#svgcontent').toMatchSnapshot();
});
it('check tool_polygon_change_blur', function () {
cy.get('#svg_2_id').click({ force: true });
for(let n = 0; n < 10; n ++){
cy.get('#blur').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0)
.click({ force: true });
}
cy.get('#svgcontent').toMatchSnapshot();
});
it('check tool_polygon_change_opacity', function () {
cy.get('#svg_2_id').click({ force: true });
for(let n = 0; n < 10; n ++){
cy.get('#opacity').shadow().find('elix-number-spin-box').eq(0).shadow().find('#downButton').eq(0)
.click({ force: true });
}
cy.get('#svgcontent').toMatchSnapshot();
});
it('check tool_polygon_bring_to_back', function () {
cy.get('#svg_2_id').click({ force: true });
cy.get('#tool_move_bottom').click({ force: true });
cy.get('#svgcontent').toMatchSnapshot();
});
it('check tool_polygon_bring_to_front', function () {
cy.get('#svg_2_id').click({ force: true });
cy.get('#tool_move_top').click({ force: true });
cy.get('#svgcontent').toMatchSnapshot();
});
it('check tool_polygon_delete', function () {
cy.get('#svg_2_id').click({ force: true });
cy.get('#tool_delete').click({ force: true });
cy.get('#svgcontent').toMatchSnapshot();
});
it('check tool_polygon_align_to_page', function () {
cy.get('#svg_1').click({ force: true });
cy.get('#tool_position').shadow().find('elix-dropdown-list').eq(0).invoke('attr', 'opened', 'opened');
cy.get('#tool_position').find('se-list-item').eq(0).shadow().find('elix-option').eq(0)
.click({ force: true });
cy.get('#svgcontent').toMatchSnapshot();
});
/* it('check tool_polygon_change_x_y_coordinate', function () {
cy.get('#svg_1').click({ force: true });
for(let n = 0; n < 25; n ++){
cy.get('#selected_x').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0)
.click({ force: true });
}
for(let n = 0; n < 25; n ++){
cy.get('#selected_y').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0)
.click({ force: true });
}
cy.get('#svgcontent').toMatchSnapshot();
}); */
it('check tool_polygon_change_stroke_width', function () {
cy.get('#svg_1').click({ force: true });
for(let n = 0; n < 10; n ++){
cy.get('#stroke_width').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0)
.click({ force: true });
}
cy.get('#svgcontent').toMatchSnapshot();
});
it('check tool_polygon_change_stoke_fill_color', function () {
cy.get('#svg_1').click({ force: true });
cy.get('#stroke_color').shadow().find('#picker').eq(0).click({ force: true });
cy.get('#stroke_color').shadow().find('#color_picker').eq(0)
.find('#jGraduate_colPick').eq(0).find('#jPicker-table').eq(0)
.find('.QuickColor').eq(51).click({ force: true });
cy.get('#stroke_color').shadow().find('#color_picker').eq(0)
.find('#jGraduate_colPick').eq(0).find('#jPicker-table').eq(0)
.find('#Ok').eq(0).click({ force: true });
cy.get('#fill_color').shadow().find('#picker').eq(0).click({ force: true });
cy.get('#fill_color').shadow().find('#color_picker').eq(0)
.find('#jGraduate_colPick').eq(0).find('#jPicker-table').eq(0)
.find('.QuickColor').eq(3).click({ force: true });
cy.get('#fill_color').shadow().find('#color_picker').eq(0)
.find('#jGraduate_colPick').eq(0).find('#jPicker-table').eq(0)
.find('#Ok').eq(0).click({ force: true });
cy.get('#svgcontent').toMatchSnapshot();
});
it('check tool_polygon_change_sides', function () {
cy.get('#svg_1').click({ force: true });
cy.get('#polySides').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0)
.click({ force: true });
cy.get('#svgcontent').toMatchSnapshot();
});
});

138
cypress/integration/ui/scenario7.js Normal file
View File

@ -0,0 +1,138 @@
import {
visitAndApproveStorage
} from '../../support/ui-test-helper.js';
const testSnapshot = () => {
cy.get('#svgcontent').cleanSnapshot();
};
describe('use all parts of svg-edit', function () {
before(() => {
visitAndApproveStorage();
});
it('check tool_source_set', function () {
cy.get('#tool_source').click({ force: true });
cy.get('#svg_source_textarea')
.type('{selectall}', { force: true })
.type(`<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>`, { force: true, parseSpecialCharSequences: false });
cy.get('#tool_source_save').click({ force: true });
testSnapshot();
});
it('check tool_star', function () {
cy.get('#tool_star')
.click({ force: true });
cy.get('#svgcontent')
.trigger('mousedown', 300, 150, { force: true })
.trigger('mousemove', 300, 250, { force: true })
.trigger('mouseup', { force: true });
testSnapshot();
});
it('check tool_star_clone', function () {
cy.get('#svg_1').click({ force: true });
cy.get('#tool_clone').click({ force: true });
cy.get('#svgcontent').toMatchSnapshot();
});
it('check tool_star_change_class', function () {
cy.get('#svg_2').click({ force: true });
cy.get('#elem_class').shadow().find('elix-input').eq(0).shadow().find('#inner').eq(0)
.type('svg_2_class{enter}', { force: true });
cy.get('#svg_2')
.should('satisfy', ($el) => {
const classList = Array.from($el[0].classList);
return classList.includes('svg_2_class');
});
});
it('check tool_star_change_id', function () {
cy.get('#svg_2').click({ force: true }).click({ force: true });
cy.get('#elem_id').shadow().find('elix-input').eq(0).shadow().find('#inner').eq(0)
.type('_id{enter}', { force: true });
cy.get('#svg_2_id')
.should('satisfy', ($el) => {
const classList = Array.from($el[0].classList);
return classList.includes('svg_2_class');
});
});
it('check tool_star_change_rotation', function () {
cy.get('#svg_2_id').click({ force: true });
for(let n = 0; n < 5; n ++){
cy.get('#angle').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0)
.click({ force: true });
}
cy.get('#svgcontent').toMatchSnapshot();
});
it('check tool_star_change_blur', function () {
cy.get('#svg_2_id').click({ force: true });
for(let n = 0; n < 10; n ++){
cy.get('#blur').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0)
.click({ force: true });
}
cy.get('#svgcontent').toMatchSnapshot();
});
it('check tool_star_change_opacity', function () {
cy.get('#svg_2_id').click({ force: true });
for(let n = 0; n < 10; n ++){
cy.get('#opacity').shadow().find('elix-number-spin-box').eq(0).shadow().find('#downButton').eq(0)
.click({ force: true });
}
cy.get('#svgcontent').toMatchSnapshot();
});
it('check tool_star_bring_to_back', function () {
cy.get('#svg_2_id').click({ force: true });
cy.get('#tool_move_bottom').click({ force: true });
cy.get('#svgcontent').toMatchSnapshot();
});
it('check tool_star_bring_to_front', function () {
cy.get('#svg_2_id').click({ force: true });
cy.get('#tool_move_top').click({ force: true });
cy.get('#svgcontent').toMatchSnapshot();
});
it('check tool_star_delete', function () {
cy.get('#svg_2_id').click({ force: true });
cy.get('#tool_delete').click({ force: true });
cy.get('#svgcontent').toMatchSnapshot();
});
it('check tool_star_align_to_page', function () {
cy.get('#svg_1').click({ force: true });
cy.get('#tool_position').shadow().find('elix-dropdown-list').eq(0).invoke('attr', 'opened', 'opened');
cy.get('#tool_position').find('se-list-item').eq(0).shadow().find('elix-option').eq(0)
.click({ force: true });
cy.get('#svgcontent').toMatchSnapshot();
});
it('check tool_star_change_stroke_width', function () {
cy.get('#svg_1').click({ force: true });
for(let n = 0; n < 10; n ++){
cy.get('#stroke_width').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0)
.click({ force: true });
}
cy.get('#svgcontent').toMatchSnapshot();
});
it('check tool_star_change_stoke_fill_color', function () {
cy.get('#svg_1').click({ force: true });
cy.get('#stroke_color').shadow().find('#picker').eq(0).click({ force: true });
cy.get('#stroke_color').shadow().find('#color_picker').eq(0)
.find('#jGraduate_colPick').eq(0).find('#jPicker-table').eq(0)
.find('.QuickColor').eq(51).click({ force: true });
cy.get('#stroke_color').shadow().find('#color_picker').eq(0)
.find('#jGraduate_colPick').eq(0).find('#jPicker-table').eq(0)
.find('#Ok').eq(0).click({ force: true });
cy.get('#fill_color').shadow().find('#picker').eq(0).click({ force: true });
cy.get('#fill_color').shadow().find('#color_picker').eq(0)
.find('#jGraduate_colPick').eq(0).find('#jPicker-table').eq(0)
.find('.QuickColor').eq(3).click({ force: true });
cy.get('#fill_color').shadow().find('#color_picker').eq(0)
.find('#jGraduate_colPick').eq(0).find('#jPicker-table').eq(0)
.find('#Ok').eq(0).click({ force: true });
cy.get('#svgcontent').toMatchSnapshot();
});
it('check tool_star_change_sides', function () {
cy.get('#svg_1').click({ force: true });
cy.get('#starNumPoints').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0)
.click({ force: true });
cy.get('#svgcontent').toMatchSnapshot();
});
});

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

@ -442,7 +442,7 @@ export const pathActionsMethod = (function () {
const newD = newpath.getAttribute('d'); const newD = newpath.getAttribute('d');
const origD = path.elem.getAttribute('d'); const origD = path.elem.getAttribute('d');
path.elem.setAttribute('d', origD + newD); path.elem.setAttribute('d', origD + newD);
newpath.parentNode.removeChild(); newpath.parentNode.removeChild(newpath);
if (path.matrix) { if (path.matrix) {
pathActionsContext_.recalcRotatedPath(); pathActionsContext_.recalcRotatedPath();
} }