test: add test case for css keyframes

salesforce · Jan 12, 2023 · d9ca9e3 · d9ca9e3
1 parent ed6f983
commit d9ca9e3
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 0 deletions.
diff --git a/.../@lwc/style-compiler/src/__tests__/fixtures/disable-synthetic-shadow-keyframes/actual.css b/.../@lwc/style-compiler/src/__tests__/fixtures/disable-synthetic-shadow-keyframes/actual.css
@@ -0,0 +1,14 @@
+.fix-notify_toast_animation {
+    animation-name: fadeIn;
+    animation-duration: 0.4s;
+}
+
+@keyframes fadeIn {
+    0% {
+        opacity: 0;
+    }
+
+    100% {
+        opacity: 1;
+    }
+}
diff --git a/...@lwc/style-compiler/src/__tests__/fixtures/disable-synthetic-shadow-keyframes/config.json b/...@lwc/style-compiler/src/__tests__/fixtures/disable-synthetic-shadow-keyframes/config.json
@@ -0,0 +1,3 @@
+{
+  "disableSyntheticShadowSupport": true
+}
diff --git a/...@lwc/style-compiler/src/__tests__/fixtures/disable-synthetic-shadow-keyframes/expected.js b/...@lwc/style-compiler/src/__tests__/fixtures/disable-synthetic-shadow-keyframes/expected.js
@@ -0,0 +1,10 @@
+function stylesheet() {
+  var token;
+  var useActualHostSelector = true;
+  var useNativeDirPseudoclass = true;
+  var shadowSelector = token ? ("[" + token + "]") : "";
+  var hostSelector = token ? ("[" + token + "-host]") : "";
+  return ".fix-notify_toast_animation" + shadowSelector + " {animation-name: fadeIn" + (shadowSelector ? ('-' + shadowSelector.substring(1, shadowSelector.length - 1)) : '') + ";animation-duration: 0.4s;}@keyframes fadeIn" + (shadowSelector ? ('-' + shadowSelector.substring(1, shadowSelector.length - 1)) : '') + " {0% {opacity: 0;}100% {opacity: 1;}}";
+  /*LWC compiler vX.X.X*/
+}
+export default [stylesheet];