Fix: Auto Hide - Oneliner responsive mode

This commit is contained in:
alstjr7375 2022-08-02 09:45:46 +09:00
parent 3dba28c970
commit 3fae1e25bc
5 changed files with 275 additions and 65 deletions

View file

@ -0,0 +1,96 @@
@use 'true' as *;
@use "example" as *;
@use "../src/utils/one_liner";
@include test-module("One Liner [mix]") {
@include test("content") {
@include assert {
@include output {
@include one_liner.OneLinerContent {
@include example;
}
}
@include expect {
@supports not -moz-bool-pref("userChrome.tab.one_liner.responsive") {
@include example;
}
@supports -moz-bool-pref("userChrome.tab.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 {
@supports -moz-bool-pref("userChrome.tab.one_liner") {
@supports not -moz-bool-pref("userChrome.tab.one_liner.responsive") {
@include example;
}
@supports -moz-bool-pref("userChrome.tab.one_liner.responsive") {
@media screen and (min-width: 1100px) {
@include example;
}
}
}
}
}
}
}
@include test-module("One Liner for Responsive [mix]") {
@include test("Tab bar") {
@include assert {
@include output {
@include one_liner.OneLinerTabbar {
@include example;
}
}
@include expect {
@supports not -moz-bool-pref("userChrome.tab.one_liner.responsive") {
@include example;
}
@supports -moz-bool-pref("userChrome.tab.one_liner.responsive") {
@media screen and (min-width: 1100px) {
@include example;
}
@supports -moz-bool-pref("userChrome.autohide.tabbar") {
@include example;
}
}
}
}
}
@include test("Nav Bar") {
@include assert {
@include output {
@include one_liner.OneLinerNavbar {
@include example;
}
}
@include expect {
@supports not -moz-bool-pref("userChrome.tab.one_liner") {
@include example;
}
@supports -moz-bool-pref("userChrome.tab.one_liner") {
@supports -moz-bool-pref("userChrome.tab.one_liner.responsive") {
@supports -moz-bool-pref("userChrome.autohide.navbar") {
@media screen and (max-width: 1100px) {
@include example;
}
}
}
}
}
}
}
}