jlengrand/d3-progress-meter
1
0
Fork 0
mirror of https://github.com/jlengrand/d3-progress-meter.git synced 2026-03-10 08:11:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

add test for custom thresholds behavior

Browse Source
This commit is contained in:
Tomasz Pluskiewicz
2017-07-17 10:07:18 +02:00
committed by tpluscode
parent 04d848b545
commit b50bd814cc
1 changed files with 37 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
test/d3-progress-meter.html
View File

@@ -33,6 +33,11 @@
</template>
</test-fixture>
<test-fixture id="ProgressMeterWithCustomThresholds">
<template>
<d3-progress-meter low-threshold="0.2" high-threshold="0.8"></d3-progress-meter>
</template>
</test-fixture>
<script>
suite('<d3-progress-meter>', function() {
@@ -138,6 +143,38 @@
expect(progress.getAttribute("class")).to.contain("high");
});
});
suite('customized progress coloring', function() {
var meter;
setup(function() {
meter = fixture('ProgressMeterWithCustomThresholds');
});
test('sets low color for percentage < 20%', function() {
meter.percentage = .19;
var progress = Polymer.dom(meter.root).querySelector("#progress");
expect(progress.getAttribute("class")).to.contain("low");
});
test('sets medium color for percentage > 20% and < 33%', function() {
meter.percentage = .3;
var progress = Polymer.dom(meter.root).querySelector("#progress");
expect(progress.getAttribute("class")).to.contain("medium");
});
test('sets medium color for percentage > 33% and < 80%', function() {
meter.percentage = .7;
var progress = Polymer.dom(meter.root).querySelector("#progress");
expect(progress.getAttribute("class")).to.contain("medium");
});
test('sets high color for percentage > 80%', function() {
meter.percentage = .82;
var progress = Polymer.dom(meter.root).querySelector("#progress");
expect(progress.getAttribute("class")).to.contain("high");
});
});
});
</script>