storybook_vitest_addon 0.0.4 → 0.0.5
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.md +14 -0
- package/README.md +12 -4
- package/dist/cjs/Panel.js +1 -1
- package/dist/esm/Panel.js +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,17 @@
|
|
|
1
|
+
# v0.0.5 (Sun Mar 27 2022)
|
|
2
|
+
|
|
3
|
+
#### ⚠️ Pushed to `main`
|
|
4
|
+
|
|
5
|
+
- Merge branch 'main' of https://github.com/krzysztofradomski/storybook-addon-vitest (krzysztof.radomski@netigate.se)
|
|
6
|
+
- update readme file (krzysztof.radomski@netigate.se)
|
|
7
|
+
- improve config error messages (krzysztof.radomski@netigate.se)
|
|
8
|
+
|
|
9
|
+
#### Authors: 1
|
|
10
|
+
|
|
11
|
+
- Krzysztof Radomski (krzysztof.radomski@netigate.se)
|
|
12
|
+
|
|
13
|
+
---
|
|
14
|
+
|
|
1
15
|
# v0.0.4 (Sun Mar 27 2022)
|
|
2
16
|
|
|
3
17
|
#### ⚠️ Pushed to `main`
|
package/README.md
CHANGED
|
@@ -1,18 +1,26 @@
|
|
|
1
|
+
## storybook_vitest_addon
|
|
2
|
+
|
|
3
|
+
### \_
|
|
4
|
+
|
|
1
5
|
Addon meant to display Vitest unit test results in a new Stoybook panel. Developed and tested with React.
|
|
6
|
+
Simply add it to the addon list in your Storybook config, and then you can use it in any story.
|
|
7
|
+
|
|
8
|
+
The addon offers minimal visuals for maximum clarity.
|
|
9
|
+
It needs 2 params: `results` - test results file in json format and `testFile` - name of the component test file (TypeScript definitions available).
|
|
2
10
|
|
|
3
11
|
Example usage:
|
|
4
12
|
|
|
5
13
|
```
|
|
6
|
-
//
|
|
14
|
+
// Button.stories.tsx
|
|
7
15
|
|
|
8
16
|
import vitestResults from "./unit-test-results.json";
|
|
9
17
|
/.../
|
|
10
18
|
export default {
|
|
11
|
-
title: "Example/
|
|
12
|
-
component:
|
|
19
|
+
title: "Example/Button",
|
|
20
|
+
component: Button,
|
|
13
21
|
parameters: {
|
|
14
22
|
vitest: {
|
|
15
|
-
testFile: "
|
|
23
|
+
testFile: "Button.test.tsx",
|
|
16
24
|
results: vitestResults,
|
|
17
25
|
},
|
|
18
26
|
},
|
package/dist/cjs/Panel.js
CHANGED
|
@@ -27,7 +27,7 @@ var VitestPanel = function VitestPanel() {
|
|
|
27
27
|
displayName: t.displayName
|
|
28
28
|
};
|
|
29
29
|
});
|
|
30
|
-
return /*#__PURE__*/_react["default"].createElement("ul", null, !data && /*#__PURE__*/_react["default"].createElement("li", null, "
|
|
30
|
+
return /*#__PURE__*/_react["default"].createElement("ul", null, !fileName && !data ? /*#__PURE__*/_react["default"].createElement("li", null, "Please check your config: missing both `testFile` and `results`.", " ") : null, !fileName && data ? /*#__PURE__*/_react["default"].createElement("li", null, "Please check your config: missing `testFile` name.") : null, fileName && !data ? /*#__PURE__*/_react["default"].createElement("li", null, "Please check your config: missing `results` file.") : null, fileName && (data === null || data === void 0 ? void 0 : data.length) == 0 && /*#__PURE__*/_react["default"].createElement("li", null, "No tests found"), data === null || data === void 0 ? void 0 : data.map(function (d) {
|
|
31
31
|
return /*#__PURE__*/_react["default"].createElement("li", {
|
|
32
32
|
key: d.displayName
|
|
33
33
|
}, /*#__PURE__*/_react["default"].createElement("p", null, d.displayName, /*#__PURE__*/_react["default"].createElement("span", {
|
package/dist/esm/Panel.js
CHANGED
|
@@ -16,7 +16,7 @@ var VitestPanel = function VitestPanel() {
|
|
|
16
16
|
displayName: t.displayName
|
|
17
17
|
};
|
|
18
18
|
});
|
|
19
|
-
return /*#__PURE__*/React.createElement("ul", null, !data && /*#__PURE__*/React.createElement("li", null, "
|
|
19
|
+
return /*#__PURE__*/React.createElement("ul", null, !fileName && !data ? /*#__PURE__*/React.createElement("li", null, "Please check your config: missing both `testFile` and `results`.", " ") : null, !fileName && data ? /*#__PURE__*/React.createElement("li", null, "Please check your config: missing `testFile` name.") : null, fileName && !data ? /*#__PURE__*/React.createElement("li", null, "Please check your config: missing `results` file.") : null, fileName && (data === null || data === void 0 ? void 0 : data.length) == 0 && /*#__PURE__*/React.createElement("li", null, "No tests found"), data === null || data === void 0 ? void 0 : data.map(function (d) {
|
|
20
20
|
return /*#__PURE__*/React.createElement("li", {
|
|
21
21
|
key: d.displayName
|
|
22
22
|
}, /*#__PURE__*/React.createElement("p", null, d.displayName, /*#__PURE__*/React.createElement("span", {
|