third_party/WebKit/LayoutTests/typedcssom/inlinestyle/inlineStylePropertyMap_getProperties.html - Issue 2867883003: [CSS Typed OM] Delete obsolete number and length classes from Typed OM

Side by Side Diff: third_party/WebKit/LayoutTests/typedcssom/inlinestyle/inlineStylePropertyMap_getProperties.html

Issue 2867883003: [CSS Typed OM] Delete obsolete number and length classes from Typed OM (Closed)

Patch Set: rebase Created 3 years, 6 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

« no previous file with comments | « third_party/WebKit/LayoutTests/typedcssom/inlinestyle/inlineStylePropertyMap_getAll-expected.txt ('k') | third_party/WebKit/LayoutTests/typedcssom/inlinestyle/inlineStylePropertyMap_getProperties-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <script src="../../resources/testharness.js"></script>	2 <script src="../../resources/testharness.js"></script>

3 <script src="../../resources/testharnessreport.js"></script>	3 <script src="../../resources/testharnessreport.js"></script>

4	4

5 <div id="testElement"></div>	5 <div id="testElement"></div>

6	6

7 <script>	7 <script>

8	8

9 test(function() {	9 test(function() {

10 testElement.style = '';	10 testElement.style = '';

11 assert_array_equals(testElement.styleMap.getProperties(), []);	11 assert_array_equals(testElement.styleMap.getProperties(), []);

12 }, "getProperties returns an empty list when no properties have been set");	12 }, "getProperties returns an empty list when no properties have been set");

13	13

14 test(function() {	14 test(function() {

15 testElement.style = '';	15 testElement.style = '';

16 testElement.styleMap.set('width', new CSSSimpleLength(10, 'px'));	16 testElement.styleMap.set('width', new CSSUnitValue(10, 'px'));

17 assert_array_equals(testElement.styleMap.getProperties(), ['width']);	17 assert_array_equals(testElement.styleMap.getProperties(), ['width']);

18 }, "getProperties returns the name of a property if it is set");	18 }, "getProperties returns the name of a property if it is set");

19	19

20 test(function() {	20 test(function() {

21 testElement.styleMap.set('width', new CSSSimpleLength(10, 'px'));	21 testElement.styleMap.set('width', new CSSUnitValue(10, 'px'));

22 assert_array_equals(testElement.styleMap.getProperties(), ['width']);	22 assert_array_equals(testElement.styleMap.getProperties(), ['width']);

23	23

24 testElement.styleMap.get('height');	24 testElement.styleMap.get('height');

25 assert_array_equals(testElement.styleMap.getProperties(), ['width']);	25 assert_array_equals(testElement.styleMap.getProperties(), ['width']);

26 }, "Accessing another property doesn't add a spurious result");	26 }, "Accessing another property doesn't add a spurious result");

27	27

28 test(function() {	28 test(function() {

29 testElement.styleMap.set('width', new CSSSimpleLength(10, 'px'));	29 testElement.styleMap.set('width', new CSSUnitValue(10, 'px'));

30 assert_array_equals(testElement.styleMap.getProperties(), ['width']);	30 assert_array_equals(testElement.styleMap.getProperties(), ['width']);

31	31

32 testElement.styleMap.delete('width');	32 testElement.styleMap.delete('width');

33 assert_array_equals(testElement.styleMap.getProperties(), []);	33 assert_array_equals(testElement.styleMap.getProperties(), []);

34 }, "property name does not appear in result after deletion");	34 }, "property name does not appear in result after deletion");

35	35

36 test(function() {	36 test(function() {

37 testElement.styleMap.set('width', new CSSSimpleLength(10, 'px'));	37 testElement.styleMap.set('width', new CSSUnitValue(10, 'px'));

38 assert_array_equals(testElement.styleMap.getProperties(), ['width']);	38 assert_array_equals(testElement.styleMap.getProperties(), ['width']);

39	39

40 testElement.styleMap.set('border-top-width', new CSSSimpleLength(10, 'px'));	40 testElement.styleMap.set('border-top-width', new CSSUnitValue(10, 'px'));

41 var result = testElement.styleMap.getProperties();	41 var result = testElement.styleMap.getProperties();

42 // TODO(meade): The spec should describe an order for this.	42 // TODO(meade): The spec should describe an order for this.

43 assert_equals(result.length, 2);	43 assert_equals(result.length, 2);

44 assert_true(result.indexOf('width') >= 0);	44 assert_true(result.indexOf('width') >= 0);

45 assert_true(result.indexOf('border-top-width') >= 0);	45 assert_true(result.indexOf('border-top-width') >= 0);

46 }, "getProperties returns multiple properties if they are set.");	46 }, "getProperties returns multiple properties if they are set.");

47	47

48 test(function() {	48 test(function() {

49 testElement.style = '';	49 testElement.style = '';

50 testElement.style.setProperty('--my-custom-property', '5px');	50 testElement.style.setProperty('--my-custom-property', '5px');

51	51

52 assert_array_equals(testElement.styleMap.getProperties(), ['--my-custom-proper ty']);	52 assert_array_equals(testElement.styleMap.getProperties(), ['--my-custom-proper ty']);

53 }, "getProperties returns expected values for custom properties");	53 }, "getProperties returns expected values for custom properties");

54	54

55 test(function() {	55 test(function() {

56 testElement.style.cssText = "@apply --foo";	56 testElement.style.cssText = "@apply --foo";

57 assert_array_equals(testElement.styleMap.getProperties(), ['@apply']);	57 assert_array_equals(testElement.styleMap.getProperties(), ['@apply']);

58 }, "getProperties returns expected values when @apply is used");	58 }, "getProperties returns expected values when @apply is used");

59	59

60 test(function() {	60 test(function() {

61 testElement.style.cssText = "@apply --foo; @apply --bar;";	61 testElement.style.cssText = "@apply --foo; @apply --bar;";

62 assert_array_equals(testElement.styleMap.getProperties(), ['@apply']);	62 assert_array_equals(testElement.styleMap.getProperties(), ['@apply']);

63 }, "getProperties returns only one @apply when multiple things are applied");	63 }, "getProperties returns only one @apply when multiple things are applied");

64	64

65 </script>	65 </script>

OLD	NEW