From d8e5bb414e618595abe4e9ad0bf1f058bc58c289 Mon Sep 17 00:00:00 2001
From: Seth Falco <seth@falco.fun>
Date: Mon, 18 Sep 2023 16:06:08 +0100
Subject: [PATCH] test: add check for keyframe selector to

---
 test/svgo/_index.test.js         |  8 ++++++++
 test/svgo/keyframe-selectors.svg | 13 +++++++++++++
 2 files changed, 21 insertions(+)
 create mode 100644 test/svgo/keyframe-selectors.svg

diff --git a/test/svgo/_index.test.js b/test/svgo/_index.test.js
index 99c176da6..f21eb15c6 100644
--- a/test/svgo/_index.test.js
+++ b/test/svgo/_index.test.js
@@ -61,4 +61,12 @@ describe('svgo', () => {
     });
     expect(normalize(result.data)).toEqual(expected);
   });
+  it('should preserve "to" keyframe selector', async () => {
+    const [original, expected] = await parseFixture('keyframe-selectors.svg');
+    const result = optimize(original, {
+      path: 'input.svg',
+      js2svg: { pretty: true },
+    });
+    expect(normalize(result.data)).toEqual(expected);
+  });
 });
diff --git a/test/svgo/keyframe-selectors.svg b/test/svgo/keyframe-selectors.svg
new file mode 100644
index 000000000..4865c3108
--- /dev/null
+++ b/test/svgo/keyframe-selectors.svg
@@ -0,0 +1,13 @@
+<svg width="48" height="48" viewBox="0 0 12.7 12.7" xmlns="http://www.w3.org/2000/svg">
+  <style>@keyframes a{0%,to{clip-path:inset(84%0 0)}4%,96%{clip-path:inset(74%0 0)}16%,52%,84%{clip-path:inset(16%0 0)}20%,48%{clip-path:inset(19%0 0)}24%,44%{clip-path:inset(26%0 0)}28%,64%,72%{clip-path:inset(29%0 0)}32%{clip-path:inset(45%0 0)}36%,40%{clip-path:inset(35%0 0)}60%,76%{clip-path:inset(23%0 0)}68%{clip-path:inset(32%0 0)}}</style>
+  <path d="M2.117 2.249h2.38v8.202h-2.38z" fill="#FFF" style="animation:a 1.25s linear infinite"/>
+</svg>
+
+@@@
+
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 12.7 12.7">
+    <style>
+        @keyframes a{0%,to{clip-path:inset(84%0 0)}4%,96%{clip-path:inset(74%0 0)}16%,52%,84%{clip-path:inset(16%0 0)}20%,48%{clip-path:inset(19%0 0)}24%,44%{clip-path:inset(26%0 0)}28%,64%,72%{clip-path:inset(29%0 0)}32%{clip-path:inset(45%0 0)}36%,40%{clip-path:inset(35%0 0)}60%,76%{clip-path:inset(23%0 0)}68%{clip-path:inset(32%0 0)}}
+    </style>
+    <path fill="#FFF" d="M2.117 2.249h2.38v8.202h-2.38z" style="animation:a 1.25s linear infinite"/>
+</svg>