Fix: -moz-bool-pref is moved from @supports to @media #799

black7375 · Oct 22, 2023 · 8b39ad2 · 8b39ad2
1 parent 0432012
commit 8b39ad2
Show file tree

Hide file tree

Showing 19 changed files with 19,380 additions and 35 deletions.
diff --git a/__tests__/accent_color.test.scss b/__tests__/accent_color.test.scss
@@ -1,7 +1,10 @@
 @use "true" as *;
 @use "../src/utils/accent_color" as *;
+@use "../src/utils/mode";
 
 @include test-module("Accent Color Option [mix]") {
+  @include mode.ESR;
+
   @include test("simple") {
     @include assert {
       @include output {

diff --git a/__tests__/native_menu.test.scss b/__tests__/native_menu.test.scss
@@ -137,6 +137,7 @@
 
 @include test-module("Native Menu Option - Standard [mix]") {
   @include mode.STANDARD;
+  @include mode.SUPPORT_PREF;
 
   @include test("simple") {
     @include assert {
@@ -252,3 +253,122 @@
     }
   }
 }
+
+@include test-module("Native Menu Option - MediaPref [mix]") {
+  @include mode.STANDARD;
+  @include mode.MEDIA_PREF;
+
+  @include test("simple") {
+    @include assert {
+      @include output {
+        @include native_menu.NativeToolkitMenu {
+          @include example;
+        }
+
+        @include native_menu.NativeMenuPopup {
+          @include example;
+        }
+      }
+      @include expect {
+        @media (-moz-bool-pref: '"widget.macos.native-context-menus"'), (-moz-bool-pref: '"widget.gtk.native-context-menus"') {
+          @include example;
+        }
+
+        menupopup:is(#historyMenuPopup, #bookmarksMenuPopup),
+        menupopup:not([placespopup="true"]) {
+          @include example;
+        }
+      }
+    }
+  }
+  @include test("native menu - with windows media") {
+    @include assert {
+      @include output {
+        @include native_menu.NativeMenu(true) {
+          @include example;
+        }
+
+        @include native_menu.NonNativeMenu(true) {
+          @include example;
+        }
+
+        @include native_menu.WinNativeMenu(true) {
+          @include example;
+        }
+
+        @include native_menu.WinNonNativeMenu(true) {
+          @include example;
+        }
+      }
+      @include expect {
+        @media (not (-moz-bool-pref: '"userChrome.theme.non_native_menu"')) {
+          @media (-moz-gtk-csd-available) {
+            @include example;
+          }
+        }
+
+        // Only Windows
+        @media (-moz-platform: windows) {
+          @include example;
+        }
+        @media (-moz-bool-pref: '"userChrome.theme.non_native_menu"') {
+          @media (-moz-gtk-csd-available) {
+            @include example;
+          }
+        }
+
+        // IGNORE
+
+        // Only Windows
+        @media (-moz-platform: windows) {
+          @include example;
+        }
+      }
+    }
+  }
+  @include test("native menu - without windows media") {
+    @include assert {
+      @include output {
+        @include native_menu.NativeMenu {
+          @include example;
+        }
+
+        @include native_menu.NonNativeMenu {
+          @include example;
+        }
+
+        @include native_menu.WinNativeMenu {
+          @include example;
+        }
+
+        @include native_menu.WinNonNativeMenu {
+          @include example;
+        }
+      }
+      @include expect {
+        @media (not (-moz-bool-pref: '"userChrome.theme.non_native_menu"')) {
+          @media (-moz-gtk-csd-available) {
+            @include example;
+          }
+        }
+
+        // AS Windows
+        @media (-moz-platform: windows) {
+          @include example;
+        }
+        @media (-moz-bool-pref: '"userChrome.theme.non_native_menu"') {
+          @media (-moz-gtk-csd-available) {
+            @include example;
+          }
+        }
+
+        // IGNORE
+
+        // AS Windows
+        @media (-moz-platform: windows) {
+          @include example;
+        }
+      }
+    }
+  }
+}
diff --git a/__tests__/one_liner.test.scss b/__tests__/one_liner.test.scss
@@ -1,8 +1,11 @@
 @use "true" as *;
 @use "example" as *;
 @use "../src/utils/one_liner";
+@use "../src/utils/mode";
+
+@include test-module("One Liner - ESR [mix]") {
+  @include mode.ESR;
 
-@include test-module("One Liner [mix]") {
   @include test("content") {
     @include assert {
       @include output {
@@ -46,7 +49,54 @@
   }
 }
 
-@include test-module("One Liner for Responsive [mix]") {
+@include test-module("One Liner - MediaPref [mix]") {
+  @include mode.STANDARD;
+  @include mode.MEDIA_PREF;
+
+  @include test("content") {
+    @include assert {
+      @include output {
+        @include one_liner.OneLinerContent {
+          @include example;
+        }
+      }
+      @include expect {
+        @media (not (-moz-bool-pref: '"userChrome.tabbar.one_liner.responsive"')) {
+          @include example;
+        }
+        @media (-moz-bool-pref: '"userChrome.tabbar.one_liner.responsive"') {
+          @media screen and (min-width: 1100px) {
+            @include example;
+          }
+        }
+      }
+    }
+  }
+
+  @include test("explicitly") {
+    @include assert {
+      @include output {
+        @include one_liner.OneLiner {
+          @include example;
+        }
+      }
+      @include expect {
+        @media (-moz-bool-pref: '"userChrome.tabbar.one_liner"') and (not (-moz-bool-pref: '"userChrome.tabbar.one_liner.responsive"')) {
+          @include example;
+        }
+        @media (-moz-bool-pref: '"userChrome.tabbar.one_liner"') {
+          @media screen and (-moz-bool-pref: '"userChrome.tabbar.one_liner.responsive"') and (min-width: 1100px) {
+            @include example;
+          }
+        }
+      }
+    }
+  }
+}
+
+@include test-module("One Liner for Responsive - ESR [mix]") {
+  @include mode.ESR;
+
   @include test("Tabs on bottom") {
     @include assert {
       @include output {
@@ -116,3 +166,65 @@
     }
   }
 }
+
+@include test-module("One Liner for Responsive - MEDIA_PREF [mix]") {
+  @include mode.STANDARD;
+  @include mode.MEDIA_PREF;
+
+  @include test("Tabs on bottom") {
+    @include assert {
+      @include output {
+        @include one_liner.OneLinerOnBottom {
+          @include example;
+        }
+      }
+      @include expect {
+        @media (not (-moz-bool-pref: '"userChrome.tabbar.one_liner"')) {
+          @include example;
+        }
+        @media screen and (-moz-bool-pref: '"userChrome.tabbar.one_liner"') and (-moz-bool-pref: '"userChrome.tabbar.one_liner.responsive"') and (max-width: 1100px) {
+          @include example;
+        }
+      }
+    }
+  }
+
+  @include test("Tab bar") {
+    @include assert {
+      @include output {
+        @include one_liner.OneLinerTabbar {
+          @include example;
+        }
+      }
+      @include expect {
+        @media (not (-moz-bool-pref: '"userChrome.tabbar.one_liner.responsive"')) {
+          @include example;
+        }
+        @media screen and (-moz-bool-pref: '"userChrome.tabbar.one_liner.responsive"') and (min-width: 1100px) {
+          @include example;
+        }
+        @media (-moz-bool-pref: '"userChrome.tabbar.one_liner.responsive"') and (-moz-bool-pref: '"userChrome.autohide.tabbar"') {
+          @include example;
+        }
+      }
+    }
+  }
+
+  @include test("Nav Bar") {
+    @include assert {
+      @include output {
+        @include one_liner.OneLinerNavbar {
+          @include example;
+        }
+      }
+      @include expect {
+        @media (-moz-bool-pref: '"userChrome.autohide.navbar"') and (not (-moz-bool-pref: '"userChrome.tabbar.one_liner"')) {
+          @include example;
+        }
+        @media screen and (-moz-bool-pref: '"userChrome.autohide.navbar"') and (-moz-bool-pref: '"userChrome.tabbar.one_liner"') and (-moz-bool-pref: '"userChrome.tabbar.one_liner.responsive"') and (max-width: 1100px) {
+          @include example;
+        }
+      }
+    }
+  }
+}