OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <!-- | 2 <!-- |
3 Copyright 2015 The Chromium Authors. All rights reserved. | 3 Copyright 2015 The Chromium Authors. All rights reserved. |
4 Use of this source code is governed by a BSD-style license that can be | 4 Use of this source code is governed by a BSD-style license that can be |
5 found in the LICENSE file. | 5 found in the LICENSE file. |
6 --> | 6 --> |
7 | 7 |
8 <link rel="import" href="/tracing/base/math/range.html"> | 8 <link rel="import" href="/tracing/base/math/range.html"> |
9 <link rel="import" href="/tracing/base/raf.html"> | 9 <link rel="import" href="/tracing/base/raf.html"> |
10 <link rel="import" href="/tracing/base/time_display_modes.html"> | 10 <link rel="import" href="/tracing/base/time_display_modes.html"> |
(...skipping 492 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
503 if (expectedDisplay === 'none') { | 503 if (expectedDisplay === 'none') { |
504 // Test expectation sanity check. | 504 // Test expectation sanity check. |
505 assert.notProperty(expectation, 'left'); | 505 assert.notProperty(expectation, 'left'); |
506 assert.notProperty(expectation, 'width'); | 506 assert.notProperty(expectation, 'width'); |
507 assert.notProperty(expectation, 'classList'); | 507 assert.notProperty(expectation, 'classList'); |
508 return; | 508 return; |
509 } | 509 } |
510 | 510 |
511 assert.closeTo(parseFloat(computedStyle.left), expectation.left, 0.1); | 511 assert.closeTo(parseFloat(computedStyle.left), expectation.left, 0.1); |
512 assert.closeTo(parseFloat(computedStyle.width), expectation.width, 0.1); | 512 assert.closeTo(parseFloat(computedStyle.width), expectation.width, 0.1); |
513 assert.sameMembers(tr.b.asArray(sparklineEl.classList), | 513 assert.sameMembers(Array.from(sparklineEl.classList), |
514 expectation.classList || []); | 514 expectation.classList || []); |
515 } | 515 } |
516 | 516 |
517 test('customContextRange', function() { | 517 test('customContextRange', function() { |
518 const div = document.createElement('div'); | 518 const div = document.createElement('div'); |
519 div.style.width = '101px'; // One extra pixel for sparkline border. | 519 div.style.width = '101px'; // One extra pixel for sparkline border. |
520 this.addHTMLOutput(div); | 520 this.addHTMLOutput(div); |
521 | 521 |
522 // No custom context range. | 522 // No custom context range. |
523 const span1 = tr.v.ui.createScalarSpan(0, { | 523 const span1 = tr.v.ui.createScalarSpan(0, { |
(...skipping 383 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
907 div.style.width = '200px'; | 907 div.style.width = '200px'; |
908 this.addHTMLOutput(div); | 908 this.addHTMLOutput(div); |
909 | 909 |
910 const span = tr.v.ui.createScalarSpan(10, { | 910 const span = tr.v.ui.createScalarSpan(10, { |
911 unit: Unit.byName.energyInJoulesDelta_smallerIsBetter, | 911 unit: Unit.byName.energyInJoulesDelta_smallerIsBetter, |
912 significance: tr.b.math.Statistics.Significance.SIGNIFICANT, | 912 significance: tr.b.math.Statistics.Significance.SIGNIFICANT, |
913 customContextRange: tr.b.math.Range.fromExplicitRange(-20, 20) | 913 customContextRange: tr.b.math.Range.fromExplicitRange(-20, 20) |
914 }); | 914 }); |
915 Polymer.dom(div).appendChild(span); | 915 Polymer.dom(div).appendChild(span); |
916 | 916 |
917 assert.sameMembers(tr.b.asArray(span.$.content.classList), ['worse']); | 917 assert.sameMembers(Array.from(span.$.content.classList), ['worse']); |
918 checkSignificance(span, 'significantly_worse'); | 918 checkSignificance(span, 'significantly_worse'); |
919 | 919 |
920 span.significance = tr.b.math.Statistics.Significance.DONT_CARE; | 920 span.significance = tr.b.math.Statistics.Significance.DONT_CARE; |
921 assert.sameMembers(tr.b.asArray(span.$.sparkline.classList), | 921 assert.sameMembers(Array.from(span.$.sparkline.classList), |
922 ['positive', 'worse']); | 922 ['positive', 'worse']); |
923 assert.sameMembers(tr.b.asArray(span.$.content.classList), ['worse']); | 923 assert.sameMembers(Array.from(span.$.content.classList), ['worse']); |
924 checkSignificance(span, ''); | 924 checkSignificance(span, ''); |
925 | 925 |
926 span.value = -5; | 926 span.value = -5; |
927 assert.sameMembers(tr.b.asArray(span.$.sparkline.classList), ['better']); | 927 assert.sameMembers(Array.from(span.$.sparkline.classList), ['better']); |
928 assert.sameMembers(tr.b.asArray(span.$.content.classList), ['better']); | 928 assert.sameMembers(Array.from(span.$.content.classList), ['better']); |
929 checkSignificance(span, ''); | 929 checkSignificance(span, ''); |
930 | 930 |
931 span.unit = Unit.byName.energyInJoules; | 931 span.unit = Unit.byName.energyInJoules; |
932 assert.sameMembers(tr.b.asArray(span.$.sparkline.classList), []); | 932 assert.sameMembers(Array.from(span.$.sparkline.classList), []); |
933 assert.sameMembers(tr.b.asArray(span.$.content.classList), []); | 933 assert.sameMembers(Array.from(span.$.content.classList), []); |
934 checkSignificance(span, ''); | 934 checkSignificance(span, ''); |
935 | 935 |
936 span.value = 20; | 936 span.value = 20; |
937 assert.sameMembers(tr.b.asArray(span.$.sparkline.classList), ['positive']); | 937 assert.sameMembers(Array.from(span.$.sparkline.classList), ['positive']); |
938 assert.sameMembers(tr.b.asArray(span.$.content.classList), []); | 938 assert.sameMembers(Array.from(span.$.content.classList), []); |
939 checkSignificance(span, ''); | 939 checkSignificance(span, ''); |
940 | 940 |
941 span.unit = Unit.byName.energyInJoulesDelta_biggerIsBetter; | 941 span.unit = Unit.byName.energyInJoulesDelta_biggerIsBetter; |
942 assert.sameMembers(tr.b.asArray(span.$.sparkline.classList), | 942 assert.sameMembers(Array.from(span.$.sparkline.classList), |
943 ['positive', 'better']); | 943 ['positive', 'better']); |
944 assert.sameMembers(tr.b.asArray(span.$.content.classList), ['better']); | 944 assert.sameMembers(Array.from(span.$.content.classList), ['better']); |
945 checkSignificance(span, ''); | 945 checkSignificance(span, ''); |
946 | 946 |
947 span.significance = tr.b.math.Statistics.Significance.INSIGNIFICANT; | 947 span.significance = tr.b.math.Statistics.Significance.INSIGNIFICANT; |
948 assert.sameMembers(tr.b.asArray(span.$.sparkline.classList), | 948 assert.sameMembers(Array.from(span.$.sparkline.classList), |
949 ['positive', 'better']); | 949 ['positive', 'better']); |
950 assert.sameMembers(tr.b.asArray(span.$.content.classList), ['better']); | 950 assert.sameMembers(Array.from(span.$.content.classList), ['better']); |
951 checkSignificance(span, 'insignificant'); | 951 checkSignificance(span, 'insignificant'); |
952 | 952 |
953 span.unit = Unit.byName.energyInJoulesDelta_smallerIsBetter; | 953 span.unit = Unit.byName.energyInJoulesDelta_smallerIsBetter; |
954 assert.sameMembers(tr.b.asArray(span.$.sparkline.classList), | 954 assert.sameMembers(Array.from(span.$.sparkline.classList), |
955 ['positive', 'worse']); | 955 ['positive', 'worse']); |
956 assert.sameMembers(tr.b.asArray(span.$.content.classList), ['worse']); | 956 assert.sameMembers(Array.from(span.$.content.classList), ['worse']); |
957 checkSignificance(span, 'insignificant'); | 957 checkSignificance(span, 'insignificant'); |
958 | 958 |
959 span.unit = Unit.byName.energyInJoulesDelta; | 959 span.unit = Unit.byName.energyInJoulesDelta; |
960 assert.sameMembers(tr.b.asArray(span.$.sparkline.classList), ['positive']); | 960 assert.sameMembers(Array.from(span.$.sparkline.classList), ['positive']); |
961 assert.sameMembers(tr.b.asArray(span.$.content.classList), []); | 961 assert.sameMembers(Array.from(span.$.content.classList), []); |
962 checkSignificance(span, ''); | 962 checkSignificance(span, ''); |
963 | 963 |
964 span.value = 0; | 964 span.value = 0; |
965 assert.sameMembers(tr.b.asArray(span.$.sparkline.classList), []); | 965 assert.sameMembers(Array.from(span.$.sparkline.classList), []); |
966 assert.sameMembers(tr.b.asArray(span.$.content.classList), []); | 966 assert.sameMembers(Array.from(span.$.content.classList), []); |
967 checkSignificance(span, ''); | 967 checkSignificance(span, ''); |
968 }); | 968 }); |
969 | 969 |
970 test('sparkline_uncentered', function() { | 970 test('sparkline_uncentered', function() { |
971 const div = document.createElement('div'); | 971 const div = document.createElement('div'); |
972 this.addHTMLOutput(div); | 972 this.addHTMLOutput(div); |
973 div.appendChild( | 973 div.appendChild( |
974 document.createElement('tr-v-ui-scalar-context-controller')); | 974 document.createElement('tr-v-ui-scalar-context-controller')); |
975 | 975 |
976 Polymer.dom(div).appendChild(tr.v.ui.createScalarSpan(-1, { | 976 Polymer.dom(div).appendChild(tr.v.ui.createScalarSpan(-1, { |
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1018 timedPerfTest('memory_scalar_spans', function() { | 1018 timedPerfTest('memory_scalar_spans', function() { |
1019 tr.v.ui.createScalarSpan(EXAMPLE_MEMORY_NUMERIC, { | 1019 tr.v.ui.createScalarSpan(EXAMPLE_MEMORY_NUMERIC, { |
1020 context: EXAMPLE_MEMORY_FORMATTING_CONTEXT, | 1020 context: EXAMPLE_MEMORY_FORMATTING_CONTEXT, |
1021 inline: true, | 1021 inline: true, |
1022 }); | 1022 }); |
1023 }, { | 1023 }, { |
1024 iterations: 1000, | 1024 iterations: 1000, |
1025 }); | 1025 }); |
1026 }); | 1026 }); |
1027 </script> | 1027 </script> |
OLD | NEW |