@fluentui/react-charting 5.17.5 → 5.17.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +22 -1
- package/CHANGELOG.md +12 -2
- package/dist/react-charting.js +1 -1
- package/dist/react-charting.min.js +1 -1
- package/docs/TestPlans/HorizontalBarChart/ComponentTests.md +51 -0
- package/lib/version.js +1 -1
- package/lib/version.js.map +1 -1
- package/lib-amd/version.js +1 -1
- package/lib-amd/version.js.map +1 -1
- package/lib-commonjs/version.js +1 -1
- package/lib-commonjs/version.js.map +1 -1
- package/package.json +3 -3
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
**Horizontal Bar Chart – Component test plan**
|
|
2
|
+
|
|
3
|
+
**Sub-components: Bar, Callout, Labels, Benchmark**
|
|
4
|
+
|
|
5
|
+
1. **Bar: Bar data, Bar color (single), bar label(left and right)**
|
|
6
|
+
1. **Callout: Default/custom callout**
|
|
7
|
+
1. **Labels: Default/Custom labels**
|
|
8
|
+
|
|
9
|
+
| **Test steps** | **Validation** | **Tool used** |
|
|
10
|
+
| :---------------------------------------------------------------------------: | :------------------------------------------------------------: | :-----------: |
|
|
11
|
+
| Test 1: [Snapshot testing] | | |
|
|
12
|
+
| - With only data prop, string data on x-axis. | Should render horizontal bar chart legend with string data | RTL |
|
|
13
|
+
| - With variant set to “absolute scale” | Should render absolute scale variant correctly | Enzyme |
|
|
14
|
+
| - With variant set to “absolute scale” and hide labels set to “true” | Should not render bar labels in absolute scale variant | Enzyme |
|
|
15
|
+
| Test 2: Basic props testing | | |
|
|
16
|
+
| - HideTooltip prop set to “true” | Should not mount callout when hideTootip is true | Enzyme |
|
|
17
|
+
| - HideTooltip prop set to “false” | Should mount callout when hideTootip is false | Enzyme |
|
|
18
|
+
| - onRenderCalloutPerHorizantalBar prop is not given | Should not render onRenderCalloutPerHorizantalBar | Enzyme |
|
|
19
|
+
| - onRenderCalloutPerHorizantalBar is given | Should render onRenderCalloutPerHorizantalBar | Enzyme |
|
|
20
|
+
| - HideLabels prop set to “true” | Should not render bar labels when hideLabels is true | RTL |
|
|
21
|
+
| - Legend value set to “x” | Should display legend/left side label with specified data | RTL |
|
|
22
|
+
| Test 3: Render calling with respective to props | | |
|
|
23
|
+
| - No prop changes: Mount HorizontalBarChart and then set the same props again | Render function should have been called twice | Enzyme |
|
|
24
|
+
| - Prop changes: Mount HorizontalBarChart chart and then set some other prop | Render function should have been called twice | Enzyme |
|
|
25
|
+
| Test 4: Mouse events | | |
|
|
26
|
+
| - Mouse over on a bar | Should render callout correctly on mouseover | Enzyme |
|
|
27
|
+
| - Mouse move from one bar to other bar | Should render callout correctly on mouse move | RTL |
|
|
28
|
+
| - Mouse over on a bar with customized callout | Should render customized callout on mouseover | RTL |
|
|
29
|
+
| Test 5: [Sub-Component]: Bar | | |
|
|
30
|
+
| - Specify bar color | Should render bar with the specified color | RTL |
|
|
31
|
+
| - setbarHeight to “x” | Should render bars with specified height | RTL |
|
|
32
|
+
| - set variant to “absolute scale” | Should render bars right side label inline with bar | RTL |
|
|
33
|
+
| - set variant to “part to whole” | Should render bars right side label on top of bar | RTL |
|
|
34
|
+
| - set chartDataMode to “fraction” | Should render bar right side label value as a fractional one | RTL |
|
|
35
|
+
| - set chartDataMode to “percentage” | Should render bar right side label value as a percentage value | RTL |
|
|
36
|
+
| - set barChartCustomData to “x” | Should show custom data on bar right side label | RTL |
|
|
37
|
+
| Test 6: [Sub-Component]: Benchmark | | |
|
|
38
|
+
| - Specify benchmark data | Should render bars with benchmark symbol | RTL |
|
|
39
|
+
| Test 7: [Sub-Component]: Callout | | |
|
|
40
|
+
| - Hover mouse over a bar | Should call the handler on mouse over bar | RTL |
|
|
41
|
+
| - Hover mouse over a bar to display callout | Should show the default callout over that bar | RTL |
|
|
42
|
+
| - Specify custom callout and hover mouse over a bar | Should show the custom callout over that bar | RTL |
|
|
43
|
+
| Test 8: [Sub-Component]: Screen resolution | | |
|
|
44
|
+
| - Increase the screen resolution (zoom in) | Should remain unchanged on zoom in | RTL |
|
|
45
|
+
| - Decrease the screen resolution (zoom out) | Should remain unchanged on zoom out | RTL |
|
|
46
|
+
| Test 9: Theme changed to Dark Theme | Should reflect theme change | RTL |
|
|
47
|
+
| Test 10: Horizontal bar chart re-rendering | | |
|
|
48
|
+
| - Update chart data | Should re-render chart when data is updated | RTL |
|
|
49
|
+
| Test 11: Horizontal bar chart with empty data | | |
|
|
50
|
+
| - Chart with Empty data | Should render chart with Empty chart are label | Enzyme |
|
|
51
|
+
| - Chart with proper data | Should not render chart with empty chart are label | Enzyme |
|
package/lib/version.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
// Do not modify this file; it is generated as part of publish.
|
|
2
2
|
// The checked in version is a placeholder only and will not be updated.
|
|
3
3
|
import { setVersion } from '@fluentui/set-version';
|
|
4
|
-
setVersion('@fluentui/react-charting', '5.17.
|
|
4
|
+
setVersion('@fluentui/react-charting', '5.17.6');
|
|
5
5
|
//# sourceMappingURL=version.js.map
|
package/lib/version.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"version.js","sourceRoot":"../src/","sources":["version.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,wEAAwE;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,UAAU,CAAC,0BAA0B,EAAE,QAAQ,CAAC,CAAC","sourcesContent":["// Do not modify this file; it is generated as part of publish.\n// The checked in version is a placeholder only and will not be updated.\nimport { setVersion } from '@fluentui/set-version';\nsetVersion('@fluentui/react-charting', '5.17.
|
|
1
|
+
{"version":3,"file":"version.js","sourceRoot":"../src/","sources":["version.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,wEAAwE;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,UAAU,CAAC,0BAA0B,EAAE,QAAQ,CAAC,CAAC","sourcesContent":["// Do not modify this file; it is generated as part of publish.\n// The checked in version is a placeholder only and will not be updated.\nimport { setVersion } from '@fluentui/set-version';\nsetVersion('@fluentui/react-charting', '5.17.6');"]}
|
package/lib-amd/version.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
define(["require", "exports", "@fluentui/set-version"], function (require, exports, set_version_1) {
|
|
2
2
|
"use strict";
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
(0, set_version_1.setVersion)('@fluentui/react-charting', '5.17.
|
|
4
|
+
(0, set_version_1.setVersion)('@fluentui/react-charting', '5.17.6');
|
|
5
5
|
});
|
|
6
6
|
//# sourceMappingURL=version.js.map
|
package/lib-amd/version.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"version.js","sourceRoot":"../src/","sources":["version.ts"],"names":[],"mappings":";;;IAGA,IAAA,wBAAU,EAAC,0BAA0B,EAAE,QAAQ,CAAC,CAAC","sourcesContent":["// Do not modify this file; it is generated as part of publish.\n// The checked in version is a placeholder only and will not be updated.\nimport { setVersion } from '@fluentui/set-version';\nsetVersion('@fluentui/react-charting', '5.17.
|
|
1
|
+
{"version":3,"file":"version.js","sourceRoot":"../src/","sources":["version.ts"],"names":[],"mappings":";;;IAGA,IAAA,wBAAU,EAAC,0BAA0B,EAAE,QAAQ,CAAC,CAAC","sourcesContent":["// Do not modify this file; it is generated as part of publish.\n// The checked in version is a placeholder only and will not be updated.\nimport { setVersion } from '@fluentui/set-version';\nsetVersion('@fluentui/react-charting', '5.17.6');"]}
|
package/lib-commonjs/version.js
CHANGED
|
@@ -3,5 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
// Do not modify this file; it is generated as part of publish.
|
|
4
4
|
// The checked in version is a placeholder only and will not be updated.
|
|
5
5
|
var set_version_1 = require("@fluentui/set-version");
|
|
6
|
-
(0, set_version_1.setVersion)('@fluentui/react-charting', '5.17.
|
|
6
|
+
(0, set_version_1.setVersion)('@fluentui/react-charting', '5.17.6');
|
|
7
7
|
//# sourceMappingURL=version.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"version.js","sourceRoot":"../src/","sources":["version.ts"],"names":[],"mappings":";;AAAA,+DAA+D;AAC/D,wEAAwE;AACxE,qDAAmD;AACnD,IAAA,wBAAU,EAAC,0BAA0B,EAAE,QAAQ,CAAC,CAAC","sourcesContent":["// Do not modify this file; it is generated as part of publish.\n// The checked in version is a placeholder only and will not be updated.\nimport { setVersion } from '@fluentui/set-version';\nsetVersion('@fluentui/react-charting', '5.17.
|
|
1
|
+
{"version":3,"file":"version.js","sourceRoot":"../src/","sources":["version.ts"],"names":[],"mappings":";;AAAA,+DAA+D;AAC/D,wEAAwE;AACxE,qDAAmD;AACnD,IAAA,wBAAU,EAAC,0BAA0B,EAAE,QAAQ,CAAC,CAAC","sourcesContent":["// Do not modify this file; it is generated as part of publish.\n// The checked in version is a placeholder only and will not be updated.\nimport { setVersion } from '@fluentui/set-version';\nsetVersion('@fluentui/react-charting', '5.17.6');"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-charting",
|
|
3
|
-
"version": "5.17.
|
|
3
|
+
"version": "5.17.6",
|
|
4
4
|
"description": "Experimental React charting components for building experiences for Microsoft 365.",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
40
|
"@fluentui/react-focus": "^8.8.31",
|
|
41
|
-
"@fluentui/theme-samples": "^8.7.
|
|
41
|
+
"@fluentui/theme-samples": "^8.7.111",
|
|
42
42
|
"@microsoft/load-themed-styles": "^1.10.26",
|
|
43
43
|
"@types/d3-array": "1.2.1",
|
|
44
44
|
"@types/d3-axis": "1.0.10",
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
"tslib": "^2.1.0"
|
|
65
65
|
},
|
|
66
66
|
"peerDependencies": {
|
|
67
|
-
"@fluentui/react": "^8.111.
|
|
67
|
+
"@fluentui/react": "^8.111.2",
|
|
68
68
|
"@types/react": ">=16.8.0 <19.0.0",
|
|
69
69
|
"@types/react-dom": ">=16.8.0 <19.0.0",
|
|
70
70
|
"react": ">=16.8.0 <19.0.0",
|