[GAUD-7369] meter-circle > vdiff > round-to-zero doesn't round to zero (

#5266) * add percent prop, update demo to show as well * Updating vdiff goldens (#5267)
BrightspaceUI · Dec 20, 2024 · 31fe8e6 · 31fe8e6
1 parent 0cca403
commit 31fe8e6
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 1 deletion.
diff --git a/components/meter/demo/meter.html b/components/meter/demo/meter.html
@@ -91,6 +91,7 @@ <h2>Meter Circle</h2>
 						<d2l-meter-circle value="0" max="10"></d2l-meter-circle>
 						<d2l-meter-circle value="5" max="13"></d2l-meter-circle>
 						<d2l-meter-circle value="5" max="13" percent></d2l-meter-circle>
+						<d2l-meter-circle value="0.004" max="100" percent text="Rounds to Zero" text-hidden></d2l-meter-circle>
 						<d2l-meter-circle value="10" max="10" text="Completed"></d2l-meter-circle>
 						<d2l-meter-circle value="19" max="26" style="width: 25%;"></d2l-meter-circle>
 					</div>

diff --git a/components/meter/test/golden/meter-circle/chromium/round-to-zero.png b/components/meter/test/golden/meter-circle/chromium/round-to-zero.png
diff --git a/components/meter/test/meter-circle.vdiff.js b/components/meter/test/meter-circle.vdiff.js
@@ -18,7 +18,7 @@ describe('meter-circle', () => {
 	[
 		{ name: 'no-progress', template: html`<d2l-meter-circle value="0" max="10"></d2l-meter-circle>` },
 		{ name: 'complete', template: html`<d2l-meter-circle value="5" max="5"></d2l-meter-circle>` },
-		{ name: 'round-to-zero', template: html`<d2l-meter-circle value="0.004" max="100"></d2l-meter-circle>` },
+		{ name: 'round-to-zero', template: html`<d2l-meter-circle value="0.004" max="100" percent></d2l-meter-circle>` },
 		{ name: 'max-zero-with-value', template: html`<d2l-meter-circle value="10" max="0"></d2l-meter-circle>` },
 		{ name: '100-percent', template: html`<d2l-meter-circle value="10" max="10" percent></d2l-meter-circle>` },
 		{ name: 'text', template: html`<d2l-meter-circle value="10" max="10" text="Done!"></d2l-meter-circle>` },