tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

align-content.mjs (3376B)

      1 /* This Source Code Form is subject to the terms of the Mozilla Public
      2 * License, v. 2.0. If a copy of the MPL was not distributed with this
      3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
      4 
      5 // InactivePropertyHelper `align-content` test cases.
      6 
      7 export default [
      8  {
      9    info: "align-content is active on block elements",
     10    property: "align-content",
     11    tagName: "div",
     12    rules: ["div { align-content: center; }"],
     13    isActive: true,
     14  },
     15  {
     16    info: "align-content is inactive on inline elements",
     17    property: "align-content",
     18    tagName: "span",
     19    rules: ["div { align-content: center; }"],
     20    isActive: false,
     21  },
     22  {
     23    info: "align-content is active on flex containers",
     24    property: "align-content",
     25    tagName: "div",
     26    rules: ["div { align-content: center; display: flex; }"],
     27    isActive: true,
     28  },
     29  {
     30    info: "align-content is active on grid containers",
     31    property: "align-content",
     32    tagName: "div",
     33    rules: ["div { align-content: center; display: grid; }"],
     34    isActive: true,
     35  },
     36  {
     37    info: "align-content is active on flex items (as they have a computed display of block)",
     38    property: "align-content",
     39    createTestElement: rootNode => {
     40      const container = document.createElement("div");
     41      const element = document.createElement("span");
     42      container.append(element);
     43      rootNode.append(container);
     44      return element;
     45    },
     46    rules: ["div { display: flex; }", "span { align-content: center; }"],
     47    ruleIndex: 1,
     48    isActive: true,
     49  },
     50  {
     51    info: "align-content is active on grid items (as they have a computed display of block)",
     52    property: "align-content",
     53    createTestElement: rootNode => {
     54      const container = document.createElement("div");
     55      const element = document.createElement("span");
     56      container.append(element);
     57      rootNode.append(container);
     58      return element;
     59    },
     60    rules: ["div { display: grid; }", "span { align-content: center; }"],
     61    ruleIndex: 1,
     62    isActive: true,
     63  },
     64  {
     65    info: "align-content:baseline is active on flex items",
     66    property: "align-content",
     67    createTestElement: rootNode => {
     68      const container = document.createElement("div");
     69      const element = document.createElement("span");
     70      container.append(element);
     71      rootNode.append(container);
     72      return element;
     73    },
     74    rules: ["div { display: flex; }", "span { align-content: baseline; }"],
     75    ruleIndex: 1,
     76    isActive: true,
     77  },
     78  {
     79    info: "align-content:baseline is active on grid items",
     80    property: "align-content",
     81    createTestElement: rootNode => {
     82      const container = document.createElement("div");
     83      const element = document.createElement("span");
     84      container.append(element);
     85      rootNode.append(container);
     86      return element;
     87    },
     88    rules: ["div { display: grid; }", "span { align-content: baseline; }"],
     89    ruleIndex: 1,
     90    isActive: true,
     91  },
     92  {
     93    info: "align-content:baseline is active on table cells",
     94    property: "align-content",
     95    tagName: "div",
     96    rules: ["div { display: table-cell; align-content: baseline; }"],
     97    isActive: true,
     98  },
     99  {
    100    info: "align-content:end is inactive on table cells until Bug 1883357 is fixed",
    101    property: "align-content",
    102    tagName: "div",
    103    rules: ["div { display: table-cell; align-content: end; }"],
    104    isActive: false,
    105  },
    106 ];