View Javadoc
1   /*
2    * Copyright (c) 2002-2025 Gargoyle Software Inc.
3    *
4    * Licensed under the Apache License, Version 2.0 (the "License");
5    * you may not use this file except in compliance with the License.
6    * You may obtain a copy of the License at
7    * https://www.apache.org/licenses/LICENSE-2.0
8    *
9    * Unless required by applicable law or agreed to in writing, software
10   * distributed under the License is distributed on an "AS IS" BASIS,
11   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12   * See the License for the specific language governing permissions and
13   * limitations under the License.
14   */
15  package org.htmlunit.javascript.host.css;
16  
17  import org.htmlunit.WebDriverTestCase;
18  import org.htmlunit.junit.annotation.Alerts;
19  import org.junit.jupiter.api.Test;
20  
21  /**
22   * Tests for {@link MediaQueryList}.
23   *
24   * @author Ahmed Ashour
25   * @author Ronald Brill
26   */
27  public class MediaQueryListTest extends WebDriverTestCase {
28  
29      /**
30       * @throws Exception if the test fails
31       */
32      @Test
33      @Alerts("true")
34      public void matches() throws Exception {
35          final String html = DOCTYPE_HTML
36              + "<html><head>\n"
37              + "<script>\n"
38              + LOG_TITLE_FUNCTION
39              + "  function test() {\n"
40              + "    if (window.matchMedia) {\n"
41              + "      log(window.matchMedia('(min-width: 400px)').matches);\n"
42              + "    }\n"
43              + "  }\n"
44              + "</script></head><body onload='test()'>\n"
45              + "</body></html>";
46  
47          loadPageVerifyTitle2(html);
48      }
49  
50      /**
51       * @throws Exception if the test fails
52       */
53      @Test
54      @Alerts({"added", "removed"})
55      public void listener() throws Exception {
56          final String html = DOCTYPE_HTML
57              + "<html><head>\n"
58              + "<script>\n"
59              + LOG_TITLE_FUNCTION
60              + "  function listener(mql) {\n"
61              + "    log(mql);\n"
62              + "  }\n"
63  
64              + "  function test() {\n"
65              + "    if (window.matchMedia) {\n"
66              + "      var mql = window.matchMedia('(min-width: 400px)');\n"
67              + "      mql.addListener(listener);\n"
68              + "      log('added');\n"
69              + "      mql.removeListener(listener);\n"
70              + "      log('removed');\n"
71              + "    }\n"
72              + "  }\n"
73              + "</script></head><body onload='test()'>\n"
74              + "</body></html>";
75  
76          loadPageVerifyTitle2(html);
77      }
78  }