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

cypress 10 migration (#777)

Browse Source 
* cypress 10 migration

* fix lint
This commit is contained in:
JFH
2022-06-18 10:32:27 +02:00
committed by GitHub
parent 29103ddf86
commit 9e3a4a9091
56 changed files with 3955 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

802
cypress/e2e/ui/__snapshots__/scenario.cy.js.snap Normal file
View File

@@ -0,0 +1,802 @@
exports[`use various parts of svg-edit > check tool_source #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > force svg #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#000000"
font-family="Serif"
font-size="24"
id="svg_1"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_clone #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#000000"
font-family="Serif"
font-size="24"
id="svg_1"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
<text
fill="#000000"
font-family="Serif"
font-size="24"
id="svg_2"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
x="120"
xml:space="preserve"
y="120"
>
AB
</text>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_italic #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#000000"
font-family="Serif"
font-size="24"
font-style="italic"
id="svg_1"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
<text
fill="#000000"
font-family="Serif"
font-size="24"
id="svg_2"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
transform="matrix(1 0 0 1 0 0)"
x="120"
xml:space="preserve"
y="120"
>
AB
</text>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_bold #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#000000"
font-family="Serif"
font-size="24"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
<text
fill="#000000"
font-family="Serif"
font-size="24"
id="svg_2"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
transform="matrix(1 0 0 1 0 0)"
x="120"
xml:space="preserve"
y="120"
>
AB
</text>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_text_change_x_y_coordinate #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#000000"
font-family="Serif"
font-size="24"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
transform="matrix(1 0 0 1 0 0)"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
<text
fill="#000000"
font-family="Serif"
font-size="24"
id="svg_2"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
x="145"
xml:space="preserve"
y="145"
>
AB
</text>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_text_change_font_size #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#000000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
<text
fill="#000000"
font-family="Serif"
font-size="24"
id="svg_2"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
transform="matrix(1 0 0 1 0 0)"
x="145"
xml:space="preserve"
y="145"
>
AB
</text>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_text_change_stroke_width #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#000000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#000000"
text-anchor="middle"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
<text
fill="#000000"
font-family="Serif"
font-size="24"
id="svg_2"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
transform="matrix(1 0 0 1 0 0)"
x="145"
xml:space="preserve"
y="145"
>
AB
</text>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_text_change_stoke_fill_color #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#bf0000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#0000bf"
text-anchor="middle"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
<text
fill="#000000"
font-family="Serif"
font-size="24"
id="svg_2"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
transform="matrix(1 0 0 1 0 0)"
x="145"
xml:space="preserve"
y="145"
>
AB
</text>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_text_change_blur #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#bf0000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#0000bf"
text-anchor="middle"
transform="matrix(1 0 0 1 0 0)"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
<text
fill="#000000"
filter="url(#svg_2_blur)"
font-family="Serif"
font-size="24"
id="svg_2"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
x="145"
xml:space="preserve"
y="145"
>
AB
</text>
</g>
<defs>
<filter height="200%" id="svg_2_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_text_change_opacity #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#bf0000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#0000bf"
text-anchor="middle"
transform="matrix(1 0 0 1 0 0)"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
<text
fill="#000000"
filter="url(#svg_2_blur)"
font-family="Serif"
font-size="24"
id="svg_2"
opacity="0.5"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
x="145"
xml:space="preserve"
y="145"
>
AB
</text>
</g>
<defs>
<filter height="200%" id="svg_2_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_text_align_to_page #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#bf0000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#0000bf"
text-anchor="middle"
transform="matrix(1 0 0 1 0 0)"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
<text
fill="#000000"
filter="url(#svg_2_blur)"
font-family="Serif"
font-size="24"
id="svg_2"
opacity="0.5"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
x="145"
xml:space="preserve"
y="145"
>
AB
</text>
</g>
<defs>
<filter height="200%" id="svg_2_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_text_delete #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#bf0000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#0000bf"
text-anchor="middle"
transform="matrix(1 0 0 1 0 0)"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_text_change_font_family #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#bf0000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#0000bf"
text-anchor="middle"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_text_decoration_underline #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#bf0000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#0000bf"
text-anchor="middle"
text-decoration="underline"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_text_decoration_linethrough #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#bf0000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#0000bf"
text-anchor="middle"
text-decoration="underline line-through"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_text_decoration_overline #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#bf0000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#0000bf"
text-anchor="middle"
text-decoration="underline line-through overline"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_letter_spacing #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#bf0000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
letter-spacing="10"
stroke="#0000bf"
text-anchor="middle"
text-decoration="underline line-through overline"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_word_spacing #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#bf0000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
letter-spacing="10"
stroke="#0000bf"
text-anchor="middle"
text-decoration="underline line-through overline"
word-spacing="15"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_text_length #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#bf0000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
letter-spacing="10"
stroke="#0000bf"
text-anchor="middle"
text-decoration="underline line-through overline"
textLength="20"
word-spacing="15"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_length_adjust #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#bf0000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
lengthAdjust="spacingAndGlyphs"
letter-spacing="10"
stroke="#0000bf"
text-anchor="middle"
text-decoration="underline line-through overline"
textLength="20"
word-spacing="15"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
</g>
</svg>
</body>
`;

802
cypress/e2e/ui/__snapshots__/scenario.js.snap Normal file
View File

@@ -0,0 +1,802 @@
exports[`use various parts of svg-edit > check tool_source #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > force svg #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#000000"
font-family="Serif"
font-size="24"
id="svg_1"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_clone #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#000000"
font-family="Serif"
font-size="24"
id="svg_1"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
<text
fill="#000000"
font-family="Serif"
font-size="24"
id="svg_2"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
x="120"
xml:space="preserve"
y="120"
>
AB
</text>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_italic #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#000000"
font-family="Serif"
font-size="24"
font-style="italic"
id="svg_1"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
<text
fill="#000000"
font-family="Serif"
font-size="24"
id="svg_2"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
transform="matrix(1 0 0 1 0 0)"
x="120"
xml:space="preserve"
y="120"
>
AB
</text>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_bold #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#000000"
font-family="Serif"
font-size="24"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
<text
fill="#000000"
font-family="Serif"
font-size="24"
id="svg_2"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
transform="matrix(1 0 0 1 0 0)"
x="120"
xml:space="preserve"
y="120"
>
AB
</text>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_text_change_x_y_coordinate #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#000000"
font-family="Serif"
font-size="24"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
transform="matrix(1 0 0 1 0 0)"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
<text
fill="#000000"
font-family="Serif"
font-size="24"
id="svg_2"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
x="145"
xml:space="preserve"
y="145"
>
AB
</text>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_text_change_font_size #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#000000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
<text
fill="#000000"
font-family="Serif"
font-size="24"
id="svg_2"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
transform="matrix(1 0 0 1 0 0)"
x="145"
xml:space="preserve"
y="145"
>
AB
</text>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_text_change_stroke_width #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#000000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#000000"
text-anchor="middle"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
<text
fill="#000000"
font-family="Serif"
font-size="24"
id="svg_2"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
transform="matrix(1 0 0 1 0 0)"
x="145"
xml:space="preserve"
y="145"
>
AB
</text>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_text_change_stoke_fill_color #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#bf0000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#0000bf"
text-anchor="middle"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
<text
fill="#000000"
font-family="Serif"
font-size="24"
id="svg_2"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
transform="matrix(1 0 0 1 0 0)"
x="145"
xml:space="preserve"
y="145"
>
AB
</text>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_text_change_blur #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#bf0000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#0000bf"
text-anchor="middle"
transform="matrix(1 0 0 1 0 0)"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
<text
fill="#000000"
filter="url(#svg_2_blur)"
font-family="Serif"
font-size="24"
id="svg_2"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
x="145"
xml:space="preserve"
y="145"
>
AB
</text>
</g>
<defs>
<filter height="200%" id="svg_2_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_text_change_opacity #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#bf0000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#0000bf"
text-anchor="middle"
transform="matrix(1 0 0 1 0 0)"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
<text
fill="#000000"
filter="url(#svg_2_blur)"
font-family="Serif"
font-size="24"
id="svg_2"
opacity="0.5"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
x="145"
xml:space="preserve"
y="145"
>
AB
</text>
</g>
<defs>
<filter height="200%" id="svg_2_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_text_align_to_page #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#bf0000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#0000bf"
text-anchor="middle"
transform="matrix(1 0 0 1 0 0)"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
<text
fill="#000000"
filter="url(#svg_2_blur)"
font-family="Serif"
font-size="24"
id="svg_2"
opacity="0.5"
stroke="#000000"
stroke-width="0"
text-anchor="middle"
x="145"
xml:space="preserve"
y="145"
>
AB
</text>
</g>
<defs>
<filter height="200%" id="svg_2_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_text_delete #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#bf0000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#0000bf"
text-anchor="middle"
transform="matrix(1 0 0 1 0 0)"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_text_change_font_family #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#bf0000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#0000bf"
text-anchor="middle"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_text_decoration_underline #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#bf0000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#0000bf"
text-anchor="middle"
text-decoration="underline"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_text_decoration_linethrough #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#bf0000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#0000bf"
text-anchor="middle"
text-decoration="underline line-through"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_text_decoration_overline #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#bf0000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
stroke="#0000bf"
text-anchor="middle"
text-decoration="underline line-through overline"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_letter_spacing #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#bf0000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
letter-spacing="10"
stroke="#0000bf"
text-anchor="middle"
text-decoration="underline line-through overline"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_word_spacing #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#bf0000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
letter-spacing="10"
stroke="#0000bf"
text-anchor="middle"
text-decoration="underline line-through overline"
word-spacing="15"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_text_length #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#bf0000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
letter-spacing="10"
stroke="#0000bf"
text-anchor="middle"
text-decoration="underline line-through overline"
textLength="20"
word-spacing="15"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
</g>
</svg>
</body>
`;
exports[`use various parts of svg-edit > check tool_length_adjust #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<text
fill="#bf0000"
font-family="Serif"
font-size="34"
font-style="italic"
font-weight="bold"
id="svg_1"
lengthAdjust="spacingAndGlyphs"
letter-spacing="10"
stroke="#0000bf"
text-anchor="middle"
text-decoration="underline line-through overline"
textLength="20"
word-spacing="15"
x="100"
xml:space="preserve"
y="100"
>
AB
</text>
</g>
</svg>
</body>
`;

76
cypress/e2e/ui/__snapshots__/scenario1.cy.js.snap Normal file
View File

@@ -0,0 +1,76 @@
exports[`use all parts of svg-edit > check tool_source_set #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
</g>
</svg>
</body>
`;
exports[`use all parts of svg-edit > check tool_shape #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<path
d="m209,203.82c4.12,-11.81 20.25,0 0,15.19c-20.25,-15.19 -4.12,-27 0,-15.19z"
fill="#FF0000"
id="svg_1"
stroke="#000000"
transform="rotate(48.8014 208.997 209.008)"
></path>
</g>
</svg>
</body>
`;
exports[`use all parts of svg-edit > check tool_image #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<g class="layer">
<title>Layer 1</title>
<path
d="m209,203.82c4.12,-11.81 20.25,0 0,15.19c-20.25,-15.19 -4.12,-27 0,-15.19z"
fill="#FF0000"
id="svg_1"
stroke="#000000"
transform="rotate(48.8014 208.997 209.008)"
></path>
<image
height="20"
id="svg_2"
opacity="0.5"
width="20"
x="295"
xlink:href="./images/logo.svg"
y="295"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="1"
></animate>
</image>
</g>
</svg>
</body>
`;

76
cypress/e2e/ui/__snapshots__/scenario1.js.snap Normal file
View File

@@ -0,0 +1,76 @@
exports[`use all parts of svg-edit > check tool_source_set #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
</g>
</svg>
</body>
`;
exports[`use all parts of svg-edit > check tool_shape #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<path
d="m209,203.82c4.12,-11.81 20.25,0 0,15.19c-20.25,-15.19 -4.12,-27 0,-15.19z"
fill="#FF0000"
id="svg_1"
stroke="#000000"
transform="rotate(48.8014 208.997 209.008)"
></path>
</g>
</svg>
</body>
`;
exports[`use all parts of svg-edit > check tool_image #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<g class="layer">
<title>Layer 1</title>
<path
d="m209,203.82c4.12,-11.81 20.25,0 0,15.19c-20.25,-15.19 -4.12,-27 0,-15.19z"
fill="#FF0000"
id="svg_1"
stroke="#000000"
transform="rotate(48.8014 208.997 209.008)"
></path>
<image
height="20"
id="svg_2"
opacity="0.5"
width="20"
x="295"
xlink:href="./images/logo.svg"
y="295"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="1"
></animate>
</image>
</g>
</svg>
</body>
`;

573
cypress/e2e/ui/__snapshots__/scenario2.cy.js.snap Normal file
View File

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

573
cypress/e2e/ui/__snapshots__/scenario2.js.snap Normal file
View File

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

128
cypress/e2e/ui/__snapshots__/scenario3.cy.js.snap Normal file
View File

@@ -0,0 +1,128 @@
exports[`use all parts of svg-edit > check tool_source_set #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
</g>
</svg>
</body>
`;
exports[`use all parts of svg-edit > check tool_path #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<path
d="m50,50l100,50l-25,100l-75,-150z"
fill="#FF0000"
id="svg_1"
opacity="0.5"
stroke="#000000"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="1"
></animate>
</path>
</g>
</svg>
</body>
`;
exports[`use all parts of svg-edit > check tool_path_change_node_xy #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<path
d="m75,75l75,25l-25,100l-50,-125z"
fill="#FF0000"
id="svg_1"
stroke="#000000"
></path>
</g>
</svg>
</body>
`;
exports[`use all parts of svg-edit > check tool_path_change_seg_type #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<path
d="m75,75l75,25l-25,100c110.33,130.33 -33.33,-83.33 -50,-125z"
fill="#FF0000"
id="svg_1"
stroke="#000000"
></path>
</g>
</svg>
</body>
`;
exports[`use all parts of svg-edit > check tool_path_change_clone_node #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<path
d="m201,246l-51,-146l-25,100c55.17,65.17 172.83,215.33 148.63,173c-24.21,-42.33 -64.29,-106.17 -72.63,-127z"
fill="#FF0000"
id="svg_1"
stroke="#000000"
></path>
</g>
</svg>
</body>
`;
exports[`use all parts of svg-edit > check tool_path_openclose #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<path
d="m201,246l-51,-146l-25,100c55.17,65.17 172.83,215.33 148.63,173c-24.21,-42.33 -64.29,-106.17 -72.63,-127z"
fill="#FF0000"
id="svg_1"
stroke="#000000"
></path>
</g>
</svg>
</body>
`;

128
cypress/e2e/ui/__snapshots__/scenario3.js.snap Normal file
View File

@@ -0,0 +1,128 @@
exports[`use all parts of svg-edit > check tool_source_set #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
</g>
</svg>
</body>
`;
exports[`use all parts of svg-edit > check tool_path #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<path
d="m50,50l100,50l-25,100l-75,-150z"
fill="#FF0000"
id="svg_1"
opacity="0.5"
stroke="#000000"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="1"
></animate>
</path>
</g>
</svg>
</body>
`;
exports[`use all parts of svg-edit > check tool_path_change_node_xy #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<path
d="m75,75l75,25l-25,100l-50,-125z"
fill="#FF0000"
id="svg_1"
stroke="#000000"
></path>
</g>
</svg>
</body>
`;
exports[`use all parts of svg-edit > check tool_path_change_seg_type #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<path
d="m75,75l75,25l-25,100c110.33,130.33 -33.33,-83.33 -50,-125z"
fill="#FF0000"
id="svg_1"
stroke="#000000"
></path>
</g>
</svg>
</body>
`;
exports[`use all parts of svg-edit > check tool_path_change_clone_node #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<path
d="m201,246l-51,-146l-25,100c55.17,65.17 172.83,215.33 148.63,173c-24.21,-42.33 -64.29,-106.17 -72.63,-127z"
fill="#FF0000"
id="svg_1"
stroke="#000000"
></path>
</g>
</svg>
</body>
`;
exports[`use all parts of svg-edit > check tool_path_openclose #0`] = `
<body>
<svg
width="640"
height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
>
<g class="layer">
<title>Layer 1</title>
<path
d="m201,246l-51,-146l-25,100c55.17,65.17 172.83,215.33 148.63,173c-24.21,-42.33 -64.29,-106.17 -72.63,-127z"
fill="#FF0000"
id="svg_1"
stroke="#000000"
></path>
</g>
</svg>
</body>
`;

771
cypress/e2e/ui/__snapshots__/scenario4.cy.js.snap Normal file
View File

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

771
cypress/e2e/ui/__snapshots__/scenario4.js.snap Normal file
View File

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

489
cypress/e2e/ui/__snapshots__/scenario5.cy.js.snap Normal file
View File

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

489
cypress/e2e/ui/__snapshots__/scenario5.js.snap Normal file
View File

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

473
cypress/e2e/ui/__snapshots__/scenario6.cy.js.snap Normal file
View File

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

473
cypress/e2e/ui/__snapshots__/scenario6.js.snap Normal file
View File

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

527
cypress/e2e/ui/__snapshots__/scenario7.cy.js.snap Normal file
View File

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

527
cypress/e2e/ui/__snapshots__/scenario7.js.snap Normal file
View File

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

63
cypress/e2e/ui/clipboard.cy.js Normal file
View File

@@ -0,0 +1,63 @@
import {
visitAndApproveStorage
} from '../../support/ui-test-helper.js'
describe('UI - Clipboard', function () {
beforeEach(() => {
visitAndApproveStorage()
})
it('Editor - Copy and paste', () => {
cy.get('#tool_source').click()
cy.get('#svg_source_textarea')
.type('{selectall}', { force: true })
.type(`<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<circle cx="100" cy="100" r="50" fill="#FF0000" id="testCircle" stroke="#000000" stroke-width="5"/>
</g>
</svg>`, { force: true, parseSpecialCharSequences: false })
cy.get('#tool_source_save').click()
cy.get('#testCircle').should('exist')
cy.get('#svg_1').should('not.exist')
cy.get('#svg_2').should('not.exist')
// Copy.
cy.get('#testCircle').click().rightclick()
cy.get('#cmenu_canvas a[href="#copy"]').click({ force: true })
// Paste.
// Scrollbars fail to recenter in Cypress test. Works fine in reality.
// Thus forcing click is needed since workspace is mostly offscreen.
cy.get('#svgroot').rightclick({ force: true })
cy.get('#cmenu_canvas a[href="#paste"]').click({ force: true })
cy.get('#testCircle').should('exist')
cy.get('#svg_1').should('exist')
cy.get('#svg_2').should('not.exist')
// Cut.
cy.get('#testCircle').click().rightclick()
cy.get('#cmenu_canvas a[href="#cut"]').click({ force: true })
cy.get('#testCircle').should('not.exist')
cy.get('#svg_1').should('exist')
cy.get('#svg_2').should('not.exist')
// Paste.
// Scrollbars fail to recenter in Cypress test. Works fine in reality.
// Thus forcing click is needed since workspace is mostly offscreen.
cy.get('#svgroot').rightclick({ force: true })
cy.get('#cmenu_canvas a[href="#paste"]').click({ force: true })
cy.get('#testCircle').should('not.exist')
cy.get('#svg_1').should('exist')
cy.get('#svg_2').should('exist')
// Delete.
cy.get('#svg_2').click({ force: true }).rightclick()
cy.get('#cmenu_canvas a[href="#delete"]').click({ force: true })
cy.get('#svg_1').click().rightclick({ force: true })
cy.get('#cmenu_canvas a[href="#delete"]').click({ force: true })
cy.get('#svg_1').should('not.exist')
cy.get('#svg_2').should('not.exist')
})
})

34
cypress/e2e/ui/control-points.cy.js Normal file
View File

@@ -0,0 +1,34 @@
import {
visitAndApproveStorage
} from '../../support/ui-test-helper.js'
describe('UI - Control Points', function () {
beforeEach(() => {
visitAndApproveStorage()
})
it('Editor - No parameters: Drag control point of arc path', () => {
const randomOffset = () => 2 + Math.round(10 + Math.random() * 40)
cy.get('#tool_source').click()
cy.get('#svg_source_textarea')
.type('{selectall}', { force: true })
.type(`<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<path d="m187,194a114,62 0 1 0 219,2" id="svg_1" fill="#FF0000" stroke="#000000" stroke-width="5"/>
</g>
</svg>`, { force: true, parseSpecialCharSequences: false })
cy.get('#tool_source_save').click({ force: true })
cy.get('#svg_1').click({ force: true }).click({ force: true })
cy.get('#pathpointgrip_0').trigger('mousedown', { which: 1, force: true })
.trigger('mousemove', randomOffset(), randomOffset(), { force: true })
.trigger('mouseup', { force: true })
cy.get('#pathpointgrip_1').trigger('mousedown', { which: 1, force: true })
.trigger('mousemove', randomOffset(), randomOffset(), { force: true })
.trigger('mouseup', { force: true })
cy.get('#svg_1[d]').should('not.contain', 'NaN')
})
})

20
cypress/e2e/ui/export.cy.js Normal file
View File

@@ -0,0 +1,20 @@
import {
visitAndApproveStorage, openMainMenu
} from '../../support/ui-test-helper.js'
describe('UI - Export tests', function () {
beforeEach(() => {
visitAndApproveStorage()
})
it('Editor - No parameters: Has export button', () => {
openMainMenu()
cy.get('#tool_export')
})
it('Editor - No parameters: Export button clicking; dialog opens', () => {
openMainMenu()
cy.get('#tool_export').click({ force: true })
cy.get('#dialog_content select')
})
})

26
cypress/e2e/ui/issues/issue-359.cy.js Normal file
View File

@@ -0,0 +1,26 @@
import {
visitAndApproveStorage
} from '../../../support/ui-test-helper.js'
// See https://github.com/SVG-Edit/svgedit/issues/359
describe('Fix issue 359', function () {
beforeEach(() => {
visitAndApproveStorage()
})
it('can undo without throwing', function () {
cy.get('#tool_source').click()
cy.get('#svg_source_textarea')
.type('{selectall}', { force: true })
.type(`<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<rect fill="#ffff00" height="70" width="165" x="179.5" y="146.5"/>
</g>
</svg>`, { parseSpecialCharSequences: false, force: true })
cy.get('#tool_source_save').click()
cy.get('#tool_undo').click()
cy.get('#tool_redo').click() // test also redo to make the test more comprehensive
// if the undo throws an error to the console, the test will fail
})
})

35
cypress/e2e/ui/issues/issue-407.cy.js Normal file
View File

@@ -0,0 +1,35 @@
import {
visitAndApproveStorage
} from '../../../support/ui-test-helper.js'
// See https://github.com/SVG-Edit/svgedit/issues/407
describe('Fix issue 407', function () {
beforeEach(() => {
visitAndApproveStorage()
})
it('can enter edit on text child', function () {
cy.get('#tool_source').click()
cy.get('#svg_source_textarea')
.type('{selectall}', { force: true })
.type(`<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<g>
<rect fill="#ffff00" height="70" width="165" x="179.5" y="146.5"/>
<text fill="#000000" id="a_text" text-anchor="middle" x="260.5" xml:space="preserve" y="192.5">hello</text>
</g>
</g>
</svg>`, { force: true, parseSpecialCharSequences: false })
cy.get('#tool_source_save').click()
cy.get('#svg_1').click().dblclick()
cy.get('#a_text').should('exist')
cy.get('#a_text')
.trigger('mousedown', { which: 1, force: true })
.trigger('mouseup', { force: true })
.dblclick({ force: true })
// svgedit use the #text text field to capture the text
cy.get('#text').type('1234', { force: true })
cy.get('#a_text').should('have.text', 'he1234llo')
})
})

29
cypress/e2e/ui/issues/issue-408.cy.js Normal file
View File

@@ -0,0 +1,29 @@
import {
visitAndApproveStorage
} from '../../../support/ui-test-helper.js'
// See https://github.com/SVG-Edit/svgedit/issues/408
describe('Fix issue 408', function () {
beforeEach(() => {
visitAndApproveStorage()
})
it('should not throw when showing/saving svg content', function () {
cy.get('#tool_source').click()
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 id="svg_6">
<rect fill="#FF0000" height="71" stroke="#000000" stroke-width="5" width="94" x="69.5" y="51.5"/>
<circle cx="117.5" cy="87.5" fill="#ffff00" r="19.84943" stroke="#000000" />
</g>
</g>
</svg>`, { force: true, parseSpecialCharSequences: false })
cy.get('#tool_source_save').click()
cy.get('#svg_6').click().dblclick() // change context
cy.get('#tool_source').click() // reopen tool_source
cy.get('#tool_source_save').should('exist') // The save button should be here if it does not throw
})
})

33
cypress/e2e/ui/issues/issue-423.cy.js Normal file
View File

@@ -0,0 +1,33 @@
import {
visitAndApproveStorage
} from '../../../support/ui-test-helper.js'
// See https://github.com/SVG-Edit/svgedit/issues/423
describe('Fix issue 423', function () {
beforeEach(() => {
visitAndApproveStorage()
})
it('should not throw when undoing the move', function () {
cy.get('#tool_source').click()
cy.get('#svg_source_textarea')
.type('{selectall}', { force: true })
.type(`<svg width="300" height="300" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<g class="layer" id="svg_1">
<clipPath id="svg_2">
<rect height="150" id="svg_3" width="50" x="50" y="50"/>
</clipPath>
<rect clip-path="url(#svg_2)" fill="#0033b5" height="174.9" id="TANK1" width="78" x="77.5" y="29"/>
</g>
</g>
</svg>`, { parseSpecialCharSequences: false, force: true })
cy.get('#tool_source_save').click({ force: true })
cy.get('#TANK1')
.trigger('mousedown', { force: true })
.trigger('mousemove', 50, 0, { force: true })
.trigger('mouseup', { force: true })
cy.get('#tool_undo').click({ force: true })
})
})

35
cypress/e2e/ui/issues/issue-660.cy.js Normal file
View File

@@ -0,0 +1,35 @@
import {
visitAndApproveStorage
} from '../../../support/ui-test-helper.js'
// See https://github.com/SVG-Edit/svgedit/issues/660
describe('Fix issue 660', function () {
beforeEach(() => {
visitAndApproveStorage()
cy.viewport(512, 512)
})
/** @todo: reenable this test when we understand why it is passing locally but not on ci */
it.skip('can resize text', function () {
cy.get('#tool_source').click()
cy.get('#svg_source_textarea')
.type('{selectall}', { force: true })
.type(`<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<text fill="#000000" id="a_text" text-anchor="middle" x="260.5" xml:space="preserve" y="192.5" font-size="40">hello</text>
</g>
</svg>`, { force: true, parseSpecialCharSequences: false })
cy.get('#tool_source_save').click({ force: true })
cy.get('#a_text').should('exist')
cy.get('#a_text')
.trigger('mousedown', { which: 1, force: true })
.trigger('mouseup', { force: true })
cy.get('#selectorGrip_resize_s')
.trigger('mousedown', { which: 1, force: true })
.trigger('mousemove', { clientX: 0, clientY: 600 })
.trigger('mouseup', { force: true })
// svgedit use the #text text field to capture the text
cy.get('#a_text').should('have.attr', 'transform')
.and('equal', 'matrix(1 0 0 4.54639 0 -540.825)') // Chrome 96 is matrix(1 0 0 4.17431 0 -325.367)
})
})

29
cypress/e2e/ui/issues/issue-699.cy.js Normal file
View File

@@ -0,0 +1,29 @@
import {
visitAndApproveStorage
} from '../../../support/ui-test-helper.js'
// See https://github.com/SVG-Edit/svgedit/issues/699
describe('Fix issue 699', function () {
beforeEach(() => {
visitAndApproveStorage()
})
it('should not throw error when undoing and redoing convert to path for a rectangle', function () {
cy.get('#tool_rect')
.click({ force: true })
cy.get('#svgcontent')
.trigger('mousedown', 150, 150, { force: true })
.trigger('mousemove', 250, 200, { force: true })
.trigger('mouseup', { force: true })
cy.get('#tool_topath') // Check if undo redo is correct for tool_topath with tool_rect
.click({ force: true })
cy.get('#tool_undo')
.click({ force: true })
cy.get('#tool_redo')
.click({ force: true })
cy.get('#tool_undo') // Do twice just to make sure
.click({ force: true })
cy.get('#tool_redo')
.click({ force: true })
})
})

41
cypress/e2e/ui/issues/issue-726.cy.js Normal file
View File

@@ -0,0 +1,41 @@
import {
visitAndApproveStorage
} from '../../../support/ui-test-helper.js'
// See https://github.com/SVG-Edit/svgedit/issues/726
describe('Fix issue 726', function () {
beforeEach(() => {
visitAndApproveStorage()
})
it('Send forward and send backward should move one layer at a time', function () {
cy.get('#tool_rect')
.click({ force: true })
cy.get('#svgcontent')
.trigger('mousedown', 250, 250, { force: true })
.trigger('mousemove', 350, 350, { force: true })
.trigger('mouseup', { force: true })
cy.wait(300)
cy.get('#tool_rect')
.click({ force: true })
cy.get('#svgcontent')
.trigger('mousedown', 10, 0, { force: true })
.trigger('mousemove', 100, 100, { force: true })
.trigger('mouseup', { force: true })
cy.wait(300)
cy.get('#tool_rect')
.click({ force: true })
cy.get('#svgcontent')
.trigger('mousedown', 10, 10, { force: true })
.trigger('mousemove', 100, 100, { force: true })
.trigger('mouseup', { force: true })
cy.wait(300)
cy.get('#svg_3')
.rightclick(0, 0, { force: true })
cy.get('a:contains("Send Backward")').click({ force: true })
cy.get('#svg_2').should(($div) => {
const id = $div[0].previousElementSibling.id
assert.equal(id, 'svg_3')
})
})
})

39
cypress/e2e/ui/issues/issue-752.cy.js Normal file
View File

@@ -0,0 +1,39 @@
import {
visitAndApproveStorage
} from '../../../support/ui-test-helper.js'
// See https://github.com/SVG-Edit/svgedit/issues/752
describe('Fix issue 752', function () {
beforeEach(() => {
visitAndApproveStorage()
})
it('Moving an unsnapped shape will not cause selector box misalignment', function () {
cy.get('#tool_rect')
.click({ force: true })
cy.get('#svgcontent')
.trigger('mousedown', 12, 12, { force: true })
.trigger('mousemove', 99, 99, { force: true })
.trigger('mouseup', { force: true })
cy.wait(300)
cy.get('#svg_1')
.click({ force: true })
cy.get('#tool_editor_prefs')
.click({ force: true })
cy.get('#grid_snapping_step')
.then(elem => {
elem.val('35')
})
cy.wait(300)
cy.get('#grid_snapping_on')
.click({ force: true })
cy.get('#tool_prefs_save')
.click({ force: true })
cy.get('#svg_1')
.trigger('mousedown', 20, 20, { force: true })
.trigger('mousemove', 203, 205, { force: true })
.trigger('mouseup', { force: true })
cy.get('#selectedBox0').should('have.attr', 'd', 'M174,174 L246,174 246,246 174,246z')
})
})

220
cypress/e2e/ui/scenario.cy.js Normal file
View File

@@ -0,0 +1,220 @@
import {
visitAndApproveStorage, testSnapshot
} from '../../support/ui-test-helper.js'
describe('use various parts of svg-edit', function () {
before(() => {
visitAndApproveStorage()
})
it('check tool_source', 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_text', function () {
cy.get('#tool_text')
.click({ force: true })
cy.get('#svgcontent')
.trigger('mousedown', 100, 100, { force: true })
.trigger('mouseup', { force: true })
// svgedit use the #text text field to capture the text
cy.get('#text').type('AB', { force: true })
cy.get('#svg_1').should('exist')
})
// For an unknown reason, the position of the text is different on local test vs CI test
// As a workaround, weforce SVG source
it('force svg', 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>
<text fill="#000000" font-family="Serif" font-size="24" id="svg_1" stroke="#000000" stroke-width="0" text-anchor="middle" x="100" xml:space="preserve" y="100">AB</text>
</g>
</svg>`, { force: true, parseSpecialCharSequences: false })
cy.get('#tool_source_save').click({ force: true })
testSnapshot()
})
it('check tool_clone', function () {
cy.get('#svg_1').click({ force: true })
cy.get('#tool_clone')
.click({ force: true })
testSnapshot()
})
it('check tool_italic', function () {
cy.get('#svg_1').click({ force: true })
cy.get('#tool_italic')
.click({ force: true })
testSnapshot()
})
it('check tool_bold', function () {
cy.get('#svg_1').click({ force: true })
cy.get('#tool_bold')
.click({ force: true })
testSnapshot()
})
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 })
}
testSnapshot()
})
it('check tool_text_change_font_size', function () {
cy.get('#svg_1').click({ force: true })
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 })
}
testSnapshot()
})
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 })
testSnapshot()
})
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 })
testSnapshot()
})
it('check tool_text_change_blur', function () {
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 })
}
testSnapshot()
})
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 })
}
testSnapshot()
})
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 })
testSnapshot()
})
it('check tool_text_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_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 })
testSnapshot()
})
it('check tool_text_change_font_family', function () {
cy.get('#svg_1').click({ force: true })
cy.get('#tool_font_family').shadow().find('select').select('Serif')
testSnapshot()
})
it('check tool_text_decoration_underline', function () {
cy.get('#svg_1').click({ force: true })
cy.get('#tool_text_decoration_underline')
.click({ force: true })
testSnapshot()
})
it('check tool_text_decoration_linethrough', function () {
cy.get('#svg_1').click({ force: true })
cy.get('#tool_text_decoration_linethrough')
.click({ force: true })
testSnapshot()
})
it('check tool_text_decoration_overline', function () {
cy.get('#svg_1').click({ force: true })
cy.get('#tool_text_decoration_overline')
.click({ force: true })
testSnapshot()
})
it('check tool_letter_spacing', function () {
cy.get('#svg_1').click({ force: true })
for (let n = 0; n < 10; n++) {
cy.get('#tool_letter_spacing').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0)
.click({ force: true })
}
testSnapshot()
})
it('check tool_word_spacing', function () {
cy.get('#svg_1').click({ force: true })
for (let n = 0; n < 15; n++) {
cy.get('#tool_word_spacing').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0)
.click({ force: true })
}
testSnapshot()
})
it('check tool_text_length', function () {
cy.get('#svg_1').click({ force: true })
for (let n = 0; n < 20; n++) {
cy.get('#tool_text_length').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0)
.click({ force: true })
}
testSnapshot()
})
it('check tool_length_adjust', function () {
cy.get('#svg_1').click({ force: true })
cy.get('#tool_length_adjust').shadow().find('select').select(1)
testSnapshot()
})
it('check tool_text_change_rotation', function () {
cy.get('#svg_1').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('#svg_1').should('have.attr', 'transform')
.and('match', /rotate\(25/)
// issue with testSnapshot()
})
})

51
cypress/e2e/ui/scenario1.cy.js Normal file
View File

@@ -0,0 +1,51 @@
import {
visitAndApproveStorage, testSnapshot
} from '../../support/ui-test-helper.js'
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_shape', function () {
cy.get('#tool_shapelib').shadow().find('.overall').eq(0).click({ force: true })
cy.get('[data-shape="heart"]').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('#selectorGrip_rotate')
.trigger('mousedown')
.trigger('mousemove', 20, 20, { force: true })
.trigger('mouseup', { force: true })
testSnapshot()
})
it('check tool_image', function () {
cy.get('#tool_image').click({ force: true })
cy.get('#svgcontent')
.trigger('mousedown', 100, 100, { force: true })
.trigger('mousemove', 120, 120, { force: true })
.trigger('mouseup', { force: true })
// eslint-disable-next-line promise/catch-or-return
cy.window()
// eslint-disable-next-line promise/always-return
.then(($win) => {
cy.stub($win, 'prompt').returns('./images/logo.svg')
cy.contains('OK')
})
testSnapshot()
})
})

120
cypress/e2e/ui/scenario2.cy.js Normal file
View File

@@ -0,0 +1,120 @@
import {
visitAndApproveStorage, testSnapshot
} from '../../support/ui-test-helper.js'
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_circle', function () {
cy.get('#tool_circle')
.click({ force: true })
cy.get('#svgcontent')
.trigger('mousedown', 150, 150, { force: true })
.trigger('mousemove', 250, 200, { force: true })
.trigger('mouseup', { force: true })
testSnapshot()
})
it('check tool_fhellipse', function () {
cy.get('#tool_fhellipse')
.click({ force: true })
cy.get('#svgcontent')
.trigger('mousedown', 200, 80, { force: true })
.trigger('mousemove', 320, 80, { force: true })
.trigger('mousemove', 320, 180, { force: true })
.trigger('mousemove', 200, 180, { force: true })
.trigger('mousemove', 200, 80, { force: true })
.trigger('mouseup', 200, 80, { force: true })
testSnapshot()
})
it('check tool_ellipse', function () {
cy.get('#tool_ellipse').click({ force: true })
cy.get('#svgcontent')
.trigger('mousedown', 75, 150, { force: true })
.trigger('mousemove', 130, 175, { force: true })
.trigger('mouseup', { force: true })
testSnapshot()
})
it('check tool_circle_change_fill_color', function () {
cy.get('#svg_2').click({ force: true })
cy.get('#js-se-palette').find('.square').eq(8)
.click({ force: true })
testSnapshot()
})
it('check tool_circle_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 })
}
testSnapshot()
})
it('check tool_ellipse_change_rotation', function () {
cy.get('#svg_3').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 })
}
testSnapshot()
})
it('check tool_ellipse_change_blur', function () {
cy.get('#svg_3').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 })
}
testSnapshot()
})
it('check tool_ellipse_change_cx_cy_coordinate', function () {
cy.get('#svg_3').click({ force: true })
for (let n = 0; n < 25; n++) {
cy.get('#ellipse_cx').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('#ellipse_cy').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0)
.click({ force: true })
}
testSnapshot()
})
it('check tool_ellipse_change_rx_ry_radius', function () {
cy.get('#svg_3').click({ force: true })
for (let n = 0; n < 25; n++) {
cy.get('#ellipse_rx').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('#ellipse_ry').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0)
.click({ force: true })
}
testSnapshot()
})
it('check tool_ellipse_bring_to_back', function () {
cy.get('#svg_2').click({ force: true })
cy.get('#tool_move_bottom').click({ force: true })
testSnapshot()
})
it('check tool_ellipse_bring_to_front', function () {
cy.get('#svg_2').click({ force: true })
cy.get('#tool_move_top').click({ force: true })
testSnapshot()
})
it('check tool_ellipse_clone', function () {
cy.get('#svg_2').click({ force: true })
cy.get('#tool_clone').click({ force: true })
testSnapshot()
})
})

96
cypress/e2e/ui/scenario3.cy.js Normal file
View File

@@ -0,0 +1,96 @@
import {
visitAndApproveStorage, testSnapshot
} from '../../support/ui-test-helper.js'
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_path', function () {
cy.get('#tool_path')
.click({ force: true })
cy.get('#svgcontent')
.trigger('mousedown', 50, 50, { force: true })
.trigger('mouseup', { force: true })
.trigger('mousemove', 100, 50, { force: true })
.trigger('mousedown', 100, 50, { force: true })
.trigger('mouseup', { force: true })
.trigger('mousemove', 75, 150, { force: true })
.trigger('mousedown', 75, 150, { force: true })
.trigger('mouseup', { force: true })
.trigger('mousemove', 0, 0, { force: true })
.trigger('mousedown', 0, 0, { force: true })
.trigger('mouseup', { force: true })
testSnapshot()
})
it('check tool_path_change_node_xy', function () {
cy.get('#svg_1').click({ force: true })
cy.get('#svg_1').dblclick({ force: true })
for (let n = 0; n < 25; n++) {
cy.get('#path_node_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('#path_node_y').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0)
.click({ force: true })
}
testSnapshot()
})
it('check tool_path_change_seg_type', function () {
// cy.get('#svg_1').click({ force: true })
cy.get('#svg_1').dblclick({ force: true })
cy.get('#seg_type').shadow().find('select').select('6', { force: true }).should('have.value', '6')
cy.get('#ctrlpointgrip_3c1')
.trigger('mousedown', { force: true })
.trigger('mousemove', 130, 175, { force: true })
.trigger('mouseup', { force: true })
testSnapshot()
})
it('check tool_path_change_clone_node', function () {
// cy.get('#svg_1').click({ force: true })
cy.get('#svg_1').dblclick({ force: true })
cy.get('#tool_node_clone').click({ force: true })
cy.get('#pathpointgrip_4')
.trigger('mousedown', { force: true })
.trigger('mousemove', 130, 175, { force: true })
.trigger('mouseup', { force: true })
testSnapshot()
})
it('check tool_path_openclose', function () {
cy.get('#tool_select').click({ force: true })
cy.get('#svg_1').click({ force: true })
cy.get('#svg_1').dblclick({ force: true })
cy.get('#tool_openclose_path').click({ force: true })
testSnapshot()
})
/* it('check tool_path_add_subpath', function () {
cy.get('#tool_add_subpath').click({ force: true });
cy.get('#svgcontent')
.trigger('mousedown', 0, 0, { force: true })
.trigger('mouseup', { force: true })
.trigger('mousemove', 100, 50, { force: true })
.trigger('mousedown', 100, 50, { force: true })
.trigger('mouseup', { force: true })
.trigger('mousemove', 75, 150, { force: true })
.trigger('mousedown', 75, 150, { force: true })
.trigger('mouseup', { force: true })
.trigger('mousemove', 0, 0, { force: true })
.trigger('mousedown', 0, 0, { force: true })
.trigger('mouseup', { force: true });
cy.get('#tool_select').click({ force: true });
testSnapshot();
}); */
})

160
cypress/e2e/ui/scenario4.cy.js Normal file
View File

@@ -0,0 +1,160 @@
import {
visitAndApproveStorage, testSnapshot
} from '../../support/ui-test-helper.js'
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_rect', function () {
cy.get('#tool_rect')
.click({ force: true })
cy.get('#svgcontent')
.trigger('mousedown', 150, 150, { force: true })
.trigger('mousemove', 250, 200, { force: true })
.trigger('mouseup', { force: true })
testSnapshot()
})
it('check tool_fhrect', function () {
cy.get('#tool_fhrect')
.click({ force: true })
cy.get('#svgcontent')
.trigger('mousedown', 200, 80, { force: true })
.trigger('mousemove', 320, 80, { force: true })
.trigger('mousemove', 320, 180, { force: true })
.trigger('mousemove', 200, 180, { force: true })
.trigger('mousemove', 200, 80, { force: true })
.trigger('mouseup', 200, 80, { force: true })
testSnapshot()
})
it('check tool_square', function () {
cy.get('#tool_square').click({ force: true })
cy.get('#svgcontent')
.trigger('mousedown', 75, 150, { force: true })
.trigger('mousemove', 125, 200, { force: true })
.trigger('mouseup', { force: true })
testSnapshot()
})
it('check tool_rect_change_fill_color', function () {
cy.get('#svg_1').click({ force: true })
cy.get('#js-se-palette').find('.square').eq(8)
.click({ force: true })
testSnapshot()
})
it('check tool_rect_change_rotation', function () {
cy.get('#svg_1').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 })
}
testSnapshot()
})
it('check tool_rect_change_blur', function () {
cy.get('#svg_1').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 })
}
testSnapshot()
})
it('check tool_rect_change_opacity', function () {
cy.get('#svg_1').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 })
}
testSnapshot()
})
it('check tool_fhrect_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 })
}
testSnapshot()
})
it('check tool_fhrect_change_width_height', function () {
cy.get('#svg_2').click({ force: true })
for (let n = 0; n < 25; n++) {
cy.get('#rect_width').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('#rect_height').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0)
.click({ force: true })
}
testSnapshot()
})
it('check tool_square_clone', function () {
cy.get('#svg_3').click({ force: true })
cy.get('#tool_clone').click({ force: true })
testSnapshot()
})
it('check tool_square_bring_to_back', function () {
cy.get('#svg_3').click({ force: true })
cy.get('#tool_move_bottom').click({ force: true })
testSnapshot()
})
it('check tool_square_bring_to_front', function () {
cy.get('#svg_3').click({ force: true })
cy.get('#tool_move_top').click({ force: true })
testSnapshot()
})
it('check tool_square_change_corner_radius', function () {
cy.get('#svg_4').click({ force: true })
for (let n = 0; n < 25; n++) {
cy.get('#rect_rx').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0)
.click({ force: true })
}
testSnapshot()
})
it('check tool_rect_change_to_path', function () {
cy.get('#svg_2').click({ force: true })
cy.get('#tool_topath').click({ force: true })
testSnapshot()
})
it('check tool_rect_delete', function () {
cy.get('#svg_1').click({ force: true })
cy.get('#tool_delete').click({ force: true })
cy.get('#svg_3').click({ force: true })
cy.get('#tool_delete').click({ force: true })
testSnapshot()
})
it('check tool_rect_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_rect_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')
})
})
})

149
cypress/e2e/ui/scenario5.cy.js Normal file
View File

@@ -0,0 +1,149 @@
import {
visitAndApproveStorage, testSnapshot
} from '../../support/ui-test-helper.js'
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_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', 250, 250, { force: true })
.trigger('mouseup', { force: true })
testSnapshot()
})
it('check tool_line_change_class', function () {
cy.get('#svg_1').click({ force: true })
cy.get('#elem_class').shadow().find('elix-input').eq(0).shadow().find('#inner').eq(0)
.type('svg_1_class{enter}', { force: true })
cy.get('#svg_1')
.should('satisfy', ($el) => {
const classList = Array.from($el[0].classList)
return classList.includes('svg_1_class')
})
})
it('check tool_line_change_id', function () {
cy.get('#svg_1').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_1_id')
.should('satisfy', ($el) => {
const classList = Array.from($el[0].classList)
return classList.includes('svg_1_class')
})
})
it('check tool_line_change_rotation', function () {
cy.get('#svg_1_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 })
}
testSnapshot()
})
it('check tool_line_change_blur', function () {
cy.get('#svg_1_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 })
}
testSnapshot()
})
it('check tool_line_change_opacity', function () {
cy.get('#svg_1_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 })
}
testSnapshot()
})
it('check tool_line_delete', function () {
cy.get('#svg_1_id').click({ force: true })
cy.get('#tool_delete').click({ force: true })
testSnapshot()
})
it('check tool_line_clone', 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', 250, 250, { force: true })
.trigger('mouseup', { force: true })
cy.get('#svg_2').click({ force: true })
cy.get('#tool_clone').click({ force: true })
testSnapshot()
})
it('check tool_line_bring_to_back', function () {
cy.get('#svg_2').click({ force: true })
cy.get('#tool_move_bottom').click({ force: true })
testSnapshot()
})
it('check tool_line_bring_to_front', function () {
cy.get('#svg_2').click({ force: true })
cy.get('#tool_move_top').click({ force: true })
testSnapshot()
})
it('check tool_line_change_x_y_coordinate', function () {
cy.get('#svg_2').click({ force: true })
for (let n = 0; n < 25; n++) {
cy.get('#line_x1').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('#line_y1').shadow().find('elix-number-spin-box').eq(0).shadow().find('#downButton').eq(0)
.click({ force: true })
}
for (let n = 0; n < 25; n++) {
cy.get('#line_x2').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('#line_y2').shadow().find('elix-number-spin-box').eq(0).shadow().find('#downButton').eq(0)
.click({ force: true })
}
testSnapshot()
})
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 })
}
testSnapshot()
})
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 })
testSnapshot()
})
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 })
testSnapshot()
})
})

146
cypress/e2e/ui/scenario6.cy.js Normal file
View File

@@ -0,0 +1,146 @@
import {
visitAndApproveStorage, testSnapshot
} from '../../support/ui-test-helper.js'
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 })
testSnapshot()
})
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 })
}
testSnapshot()
})
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 })
}
testSnapshot()
})
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 })
}
testSnapshot()
})
it('check tool_polygon_bring_to_back', function () {
cy.get('#svg_2_id').click({ force: true })
cy.get('#tool_move_bottom').click({ force: true })
testSnapshot()
})
it('check tool_polygon_bring_to_front', function () {
cy.get('#svg_2_id').click({ force: true })
cy.get('#tool_move_top').click({ force: true })
testSnapshot()
})
it('check tool_polygon_delete', function () {
cy.get('#svg_2_id').click({ force: true })
cy.get('#tool_delete').click({ force: true })
testSnapshot()
})
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 })
testSnapshot()
})
/* 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 });
}
testSnapshot();
}); */
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 })
}
testSnapshot()
})
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 })
testSnapshot()
})
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 })
testSnapshot()
})
})

134
cypress/e2e/ui/scenario7.cy.js Normal file
View File

@@ -0,0 +1,134 @@
import {
visitAndApproveStorage, testSnapshot
} from '../../support/ui-test-helper.js'
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 })
testSnapshot()
})
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 })
}
testSnapshot()
})
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 })
}
testSnapshot()
})
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 })
}
testSnapshot()
})
it('check tool_star_bring_to_back', function () {
cy.get('#svg_2_id').click({ force: true })
cy.get('#tool_move_bottom').click({ force: true })
testSnapshot()
})
it('check tool_star_bring_to_front', function () {
cy.get('#svg_2_id').click({ force: true })
cy.get('#tool_move_top').click({ force: true })
testSnapshot()
})
it('check tool_star_delete', function () {
cy.get('#svg_2_id').click({ force: true })
cy.get('#tool_delete').click({ force: true })
testSnapshot()
})
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 })
testSnapshot()
})
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 })
}
testSnapshot()
})
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 })
testSnapshot()
})
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 })
testSnapshot()
})
})

17
cypress/e2e/ui/tool-selection.cy.js Normal file
View File

@@ -0,0 +1,17 @@
import {
visitAndApproveStorage
} from '../../support/ui-test-helper.js'
describe('UI - Tool selection', function () {
beforeEach(() => {
visitAndApproveStorage()
})
it('should set rectangle selection by click', function () {
cy.get('#tools_rect')
.should('not.have.attr', 'pressed')
cy.get('#tools_rect')
.trigger('click', { force: true })
.should('have.attr', 'pressed')
})
})