From 4cded2172c5483b9143904d2cee0ef799c41ea62 Mon Sep 17 00:00:00 2001
From: Natalie Weizenbaum <nweiz@google.com>
Date: Tue, 23 Apr 2024 18:02:49 -0700
Subject: [PATCH] Add tests for `@keyframes` nesting errors (#1979)

---
 spec/css/keyframes.hrx            | 45 +++++++++++++++++++++++++++++++
 spec/libsass/selectors/simple.hrx |  6 -----
 2 files changed, 45 insertions(+), 6 deletions(-)

diff --git a/spec/css/keyframes.hrx b/spec/css/keyframes.hrx
index 1e7648e4dc..4637611d61 100644
--- a/spec/css/keyframes.hrx
+++ b/spec/css/keyframes.hrx
@@ -248,3 +248,48 @@ $a: b;
     c: d;
   }
 }
+
+<===>
+================================================================================
+<===> error/in_keyframe_block/style_rule/input.scss
+@keyframes a {
+  to {to {c: d}}
+}
+
+<===> error/in_keyframe_block/style_rule/error
+Error: Style rules may not be used within keyframe blocks.
+  ,
+2 |   to {to {c: d}}
+  |       ^^^^^^^^^
+  '
+  input.scss 2:7  root stylesheet
+
+<===>
+================================================================================
+<===> error/in_keyframe_block/unknown_at_rule/input.scss
+@keyframes a {
+  to {@b}
+}
+
+<===> error/in_keyframe_block/unknown_at_rule/error
+Error: At-rules may not be used within keyframe blocks.
+  ,
+2 |   to {@b}
+  |       ^^
+  '
+  input.scss 2:7  root stylesheet
+
+<===>
+================================================================================
+<===> error/in_keyframe_block/known_at_rule/input.scss
+@keyframes a {
+  to {@media screen {b: c}}
+}
+
+<===> error/in_keyframe_block/known_at_rule/error
+Error: At-rules may not be used within keyframe blocks.
+  ,
+2 |   to {@media screen {b: c}}
+  |       ^^^^^^^^^^^^^^^^^^^^
+  '
+  input.scss 2:7  root stylesheet
diff --git a/spec/libsass/selectors/simple.hrx b/spec/libsass/selectors/simple.hrx
index 706b807c7d..b87ebeb52e 100644
--- a/spec/libsass/selectors/simple.hrx
+++ b/spec/libsass/selectors/simple.hrx
@@ -14,9 +14,6 @@ div {
 @-webkit-keyframes {
   from {
     left: 0px;
-    10% {
-      whatever: hoo;
-    }
   }
   to {
     left: 200px;
@@ -57,9 +54,6 @@ div:nth(-3) {
 @-webkit-keyframes {
   from {
     left: 0px;
-    10% {
-      whatever: hoo;
-    }
   }
   to {
     left: 200px;