| 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 |