wpt/css/cssom/CSSFontFeatureValuesRule.html at 3b9e815940b76bd4313fda0a5291b97a61f6b39d · web-platform-tests/wpt · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<meta charset="utf-8" />
<title>CSSOM - CSSFontFeatureValuesRule interface</title>
<link
  rel="help"
  href="https://drafts.csswg.org/css-fonts-4/#om-fontfeaturevalues"
/>
<link rel="author" title="Dominik Röttsches" href="drott@chromium.org">
<meta name="assert" content="CSSFontFeatureValuesRule interface is accessible and supports read and write access.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style></style>
<script>
  let rule_initial = `
@font-feature-values test_family {
  @annotation {
    the_first: 6;
  }
  @styleset {
    yo: 7;
    del: 4;
    di: 10 9 4 5;
  }
}
`;

  let rule_added = `
@font-feature-values second_family {
  @annotation {
    yabab: 2;
    yogog: 4;
    bidib: 5;
  }
}
`;

  function resetStateAndTest(testFunction) {
    var sheet = document.styleSheets[0];
    while (sheet.cssRules.length > 0) sheet.deleteRule(0);
    sheet.insertRule(rule_initial);
    testFunction();
  }

  test(function () {
    resetStateAndTest(() => {
      let rule = document.styleSheets[0].cssRules[0];
      assert_equals(rule.type, 14);
      assert_equals(rule.annotation.size, 1);
      assert_equals(rule.styleset.size, 3);
      assert_array_equals(rule.styleset.get("yo"), [7]);
      assert_array_equals(rule.styleset.get("del"), [4]);
      assert_array_equals(rule.styleset.get("di"), [10, 9, 4, 5]);
      assert_array_equals(rule.annotation.get("the_first"), [6]);
      assert_equals(rule.stylistic.size, 0);
      assert_equals(rule.swash.size, 0);
      assert_equals(rule.ornaments.size, 0);
      assert_equals(rule.characterVariant.size, 0);
      assert_equals(rule.fontFamily, "test_family");
    });
  }, "CSSFontFeatureValuesRule is correctly parsed and accessible via CSSOM.");

  test(function () {
    resetStateAndTest(() => {
      let family_override = "test_changed_family";
      let rule = document.styleSheets[0].cssRules[0];
      rule.fontFamily = family_override;
      let read_rule = document.styleSheets[0].cssRules[0];
      assert_equals(read_rule.fontFamily, family_override);
    });
  }, "CSSFontFeatureValuesRule family is settable and readable.");

  test(function () {
    resetStateAndTest(() => {
      let rule = document.styleSheets[0].cssRules[0];
      let override_number = 43;
      assert_equals(rule.styleset.get("di").length, 4);
      rule.styleset.set("di", override_number);
      assert_array_equals(
        document.styleSheets[0].cssRules[0].styleset.get("di"),
        [override_number]
      );
      assert_equals(rule.styleset.size, 3);
      assert_equals(
        document.styleSheets[0].cssRules[0].styleset.get("di").length,
        1
      );
    });
  }, "CSSFontFeatureValuesMap entries are settable to single values.");

  test(function () {
    resetStateAndTest(() => {
      let rule = document.styleSheets[0].cssRules[0];
      let override_sequence = [43, 22];
      assert_equals(
        document.styleSheets[0].cssRules[0].styleset.get("di").length,
        4
      );
      rule.styleset.set("di", override_sequence);
      assert_array_equals(
        document.styleSheets[0].cssRules[0].styleset.get("di"),
        override_sequence
      );
      assert_equals(document.styleSheets[0].cssRules[0].styleset.size, 3);
      assert_equals(
        document.styleSheets[0].cssRules[0].styleset.get("di").length,
        2
      );
    });
  }, "CSSFontFeatureValuesMap entries are settable to sequences of numbers.");

  test(function () {
    resetStateAndTest(() => {
      document.styleSheets[0].insertRule(rule_added, 1);
      assert_equals(document.styleSheets[0].cssRules[1].type, 14);
      assert_equals(document.styleSheets[0].cssRules[1].annotation.size, 3);
    });
  }, "New rules can be added.");

  test(function () {
    resetStateAndTest(() => {
      document.styleSheets[0].insertRule(rule_added, 1);
      assert_equals(document.styleSheets[0].cssRules[1].annotation.size, 3);
      document.styleSheets[0].cssRules[1].annotation.delete("yogog");
      assert_equals(document.styleSheets[0].cssRules[1].annotation.size, 2);
    });
  }, "Deleting single entries is possible.");

  test(function () {
    resetStateAndTest(() => {
      document.styleSheets[0].insertRule(rule_added, 1);
      assert_equals(document.styleSheets[0].cssRules[1].annotation.size, 3);
      document.styleSheets[0].cssRules[1].annotation.clear();
      assert_equals(document.styleSheets[0].cssRules[1].annotation.size, 0);
    });
  }, "Clearing all entries is possible.");
</script>