Separate snapshots tests in different files

elchininet · Apr 6, 2024 · 760a4dd · 760a4dd
1 parent 6f11e29
commit 760a4dd
Show file tree

Hide file tree

Showing 155 changed files with 43,993 additions and 42,037 deletions.
diff --git a/package.json b/package.json
@@ -72,13 +72,15 @@
     "@rollup/plugin-terser": "^0.4.4",
     "@types/eslint": "^8.56.6",
     "@types/jest": "^29.5.12",
+    "@types/jest-specific-snapshot": "^0.5.9",
     "@types/node": "^20.12.2",
     "@types/rtlcss": "^3.5.4",
     "@typescript-eslint/eslint-plugin": "^7.4.0",
     "@typescript-eslint/parser": "^7.4.0",
     "eslint": "^8.57.0",
     "eslint-plugin-jest": "^27.9.0",
     "jest": "^29.7.0",
+    "jest-specific-snapshot": "^8.0.0",
     "postcss": "^8.4.26",
     "replace-in-file": "^7.1.0",
     "rimraf": "^5.0.5",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/tests/__snapshots__/aliases-variables/combined/aliases-default.snapshot b/tests/__snapshots__/aliases-variables/combined/aliases-default.snapshot
@@ -0,0 +1,60 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`[[Mode: combined]] Variables Tests: aliases default 1`] = `
+":root {
+    --small-padding: 2px 4px 8px 16px;
+    --large-padding: 4px 8px 16px 32px;
+    --custom-margin: 2px;
+    --small-margin: 2px 4px 8px 16px;
+    --large-margin: 4px 8px 16px 32px;
+}
+
+.test1 {
+    margin: var(--small-margin);
+    padding: var(--small-padding);
+}
+
+.test1.large {
+    margin: var(--large-margin);
+    padding: var(--large-padding);
+}
+
+[dir="ltr"] .test1.large {
+    left: 10px;
+}
+
+[dir="rtl"] .test1.large {
+    right: 10px;
+}
+
+.test2 {
+    margin: var(--custom-margin);
+}
+
+[dir="ltr"] .test3 {
+    padding:
+        env(safe-area-inset-top, 10px)
+        env(safe-area-inset-right, 20px)
+        env(safe-area-inset-bottom, 30px)
+        env(safe-area-inset-left, 40px)
+    ;
+}
+
+[dir="rtl"] .test3 {
+    padding:
+        env(safe-area-inset-top, 10px)
+        env(safe-area-inset-right, 40px)
+        env(safe-area-inset-bottom, 30px)
+        env(safe-area-inset-left, 20px);
+}
+
+[dir="ltr"] .test4 {
+    margin-right: env(safe-area-inset-right, 10px);
+    margin-left: env(safe-area-inset-left, 20px);
+}
+
+[dir="rtl"] .test4 {
+    margin-left: env(safe-area-inset-left, 10px);
+    margin-right: env(safe-area-inset-right, 20px);
+}"
+`;
diff --git a/tests/__snapshots__/aliases-variables/combined/aliases-map.snapshot b/tests/__snapshots__/aliases-variables/combined/aliases-map.snapshot
@@ -0,0 +1,70 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`[[Mode: combined]] Variables Tests: aliases map 1`] = `
+":root {
+    --custom-margin: 2px;
+}
+
+[dir="ltr"]:root {
+    --small-padding: 2px 4px 8px 16px;
+    --large-padding: 4px 8px 16px 32px;
+    --small-margin: 2px 4px 8px 16px;
+    --large-margin: 4px 8px 16px 32px;
+}
+
+[dir="rtl"]:root {
+    --small-padding: 2px 16px 8px 4px;
+    --large-padding: 4px 32px 16px 8px;
+    --small-margin: 2px 16px 8px 4px;
+    --large-margin: 4px 32px 16px 8px;
+}
+
+.test1 {
+    margin: var(--small-margin);
+    padding: var(--small-padding);
+}
+
+.test1.large {
+    margin: var(--large-margin);
+    padding: var(--large-padding);
+}
+
+[dir="ltr"] .test1.large {
+    left: 10px;
+}
+
+[dir="rtl"] .test1.large {
+    right: 10px;
+}
+
+.test2 {
+    margin: var(--custom-margin);
+}
+
+[dir="ltr"] .test3 {
+    padding:
+        env(safe-area-inset-top, 10px)
+        env(safe-area-inset-right, 20px)
+        env(safe-area-inset-bottom, 30px)
+        env(safe-area-inset-left, 40px)
+    ;
+}
+
+[dir="rtl"] .test3 {
+    padding:
+        env(safe-area-inset-top, 10px)
+        env(safe-area-inset-right, 40px)
+        env(safe-area-inset-bottom, 30px)
+        env(safe-area-inset-left, 20px);
+}
+
+[dir="ltr"] .test4 {
+    margin-right: env(safe-area-inset-right, 10px);
+    margin-left: env(safe-area-inset-left, 20px);
+}
+
+[dir="rtl"] .test4 {
+    margin-left: env(safe-area-inset-left, 10px);
+    margin-right: env(safe-area-inset-right, 20px);
+}"
+`;
diff --git a/tests/__snapshots__/aliases-variables/combined/process-env-false.snapshot b/tests/__snapshots__/aliases-variables/combined/process-env-false.snapshot
@@ -0,0 +1,70 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`[[Mode: combined]] Variables Tests: processEnv = false 1`] = `
+":root {
+    --custom-margin: 2px;
+}
+
+[dir="ltr"]:root {
+    --small-padding: 2px 4px 8px 16px;
+    --large-padding: 4px 8px 16px 32px;
+    --small-margin: 2px 4px 8px 16px;
+    --large-margin: 4px 8px 16px 32px;
+}
+
+[dir="rtl"]:root {
+    --small-padding: 2px 16px 8px 4px;
+    --large-padding: 4px 32px 16px 8px;
+    --small-margin: 2px 16px 8px 4px;
+    --large-margin: 4px 32px 16px 8px;
+}
+
+.test1 {
+    margin: var(--small-margin);
+    padding: var(--small-padding);
+}
+
+.test1.large {
+    margin: var(--large-margin);
+    padding: var(--large-padding);
+}
+
+[dir="ltr"] .test1.large {
+    left: 10px;
+}
+
+[dir="rtl"] .test1.large {
+    right: 10px;
+}
+
+.test2 {
+    margin: var(--custom-margin);
+}
+
+[dir="ltr"] .test3 {
+    padding:
+        env(safe-area-inset-top, 10px)
+        env(safe-area-inset-right, 20px)
+        env(safe-area-inset-bottom, 30px)
+        env(safe-area-inset-left, 40px)
+    ;
+}
+
+[dir="rtl"] .test3 {
+    padding:
+        env(safe-area-inset-top, 10px)
+        env(safe-area-inset-left, 40px)
+        env(safe-area-inset-bottom, 30px)
+        env(safe-area-inset-right, 20px);
+}
+
+[dir="ltr"] .test4 {
+    margin-right: env(safe-area-inset-right, 10px);
+    margin-left: env(safe-area-inset-left, 20px);
+}
+
+[dir="rtl"] .test4 {
+    margin-left: env(safe-area-inset-right, 10px);
+    margin-right: env(safe-area-inset-left, 20px);
+}"
+`;
diff --git a/tests/__snapshots__/aliases-variables/combined/process-env-true.snapshot b/tests/__snapshots__/aliases-variables/combined/process-env-true.snapshot
@@ -0,0 +1,70 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`[[Mode: combined]] Variables Tests: processEnv = true 1`] = `
+":root {
+    --custom-margin: 2px;
+}
+
+[dir="ltr"]:root {
+    --small-padding: 2px 4px 8px 16px;
+    --large-padding: 4px 8px 16px 32px;
+    --small-margin: 2px 4px 8px 16px;
+    --large-margin: 4px 8px 16px 32px;
+}
+
+[dir="rtl"]:root {
+    --small-padding: 2px 16px 8px 4px;
+    --large-padding: 4px 32px 16px 8px;
+    --small-margin: 2px 16px 8px 4px;
+    --large-margin: 4px 32px 16px 8px;
+}
+
+.test1 {
+    margin: var(--small-margin);
+    padding: var(--small-padding);
+}
+
+.test1.large {
+    margin: var(--large-margin);
+    padding: var(--large-padding);
+}
+
+[dir="ltr"] .test1.large {
+    left: 10px;
+}
+
+[dir="rtl"] .test1.large {
+    right: 10px;
+}
+
+.test2 {
+    margin: var(--custom-margin);
+}
+
+[dir="ltr"] .test3 {
+    padding:
+        env(safe-area-inset-top, 10px)
+        env(safe-area-inset-right, 20px)
+        env(safe-area-inset-bottom, 30px)
+        env(safe-area-inset-left, 40px)
+    ;
+}
+
+[dir="rtl"] .test3 {
+    padding:
+        env(safe-area-inset-top, 10px)
+        env(safe-area-inset-right, 40px)
+        env(safe-area-inset-bottom, 30px)
+        env(safe-area-inset-left, 20px);
+}
+
+[dir="ltr"] .test4 {
+    margin-right: env(safe-area-inset-right, 10px);
+    margin-left: env(safe-area-inset-left, 20px);
+}
+
+[dir="rtl"] .test4 {
+    margin-left: env(safe-area-inset-left, 10px);
+    margin-right: env(safe-area-inset-right, 20px);
+}"
+`;