storybook-addon-playwright 4.9.1 → 4.10.0
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/README.md +27 -1
- package/dist/api/server/configs.d.ts +1 -1
- package/dist/api/server/configs.js.map +1 -1
- package/dist/api/server/data/action-schema.json +1 -1
- package/dist/components/common/Toolbar.js +4 -3
- package/dist/components/common/Toolbar.js.map +1 -1
- package/dist/components/preview/Preview.js +3 -0
- package/dist/components/preview/Preview.js.map +1 -1
- package/dist/components/screenshot-preview/ScreenShotViewToolbar.js +2 -1
- package/dist/components/screenshot-preview/ScreenShotViewToolbar.js.map +1 -1
- package/dist/components/tool-bar/Tool.js +2 -1
- package/dist/components/tool-bar/Tool.js.map +1 -1
- package/dist/hooks/use-custom-theme.d.ts +2 -3
- package/dist/hooks/use-custom-theme.js +6 -6
- package/dist/hooks/use-custom-theme.js.map +1 -1
- package/dist/hooks/use-fix-screenshot-file-name.js +1 -1
- package/dist/hooks/use-fix-screenshot-file-name.js.map +1 -1
- package/dist/hooks/use-global-dispatch.d.ts +1 -1
- package/dist/hooks/use-story-url.js +2 -2
- package/dist/hooks/use-story-url.js.map +1 -1
- package/dist/typings/config.d.ts +1 -1
- package/dist/typings/screenshot.d.ts +1 -1
- package/dist/typings/story-action.d.ts +1 -1
- package/dist/utils/construct-story-url.js +2 -3
- package/dist/utils/construct-story-url.js.map +1 -1
- package/dist/utils/get-story-function.d.ts +4 -1
- package/package.json +24 -21
package/README.md
CHANGED
|
@@ -15,7 +15,7 @@ An addon to visually test the stories in the multiple browsers within storybook
|
|
|
15
15
|
| Package | Version |
|
|
16
16
|
| ---------- | ------- |
|
|
17
17
|
| storybook | ~6.3 |
|
|
18
|
-
| playwright | ~1.
|
|
18
|
+
| playwright | ~1.17 |
|
|
19
19
|
|
|
20
20
|
## Motivation
|
|
21
21
|
|
|
@@ -102,6 +102,7 @@ module.exports = middleware;
|
|
|
102
102
|
- afterNavigation
|
|
103
103
|
- releaseModifierKey
|
|
104
104
|
- screenshotOptions
|
|
105
|
+
- theme
|
|
105
106
|
|
|
106
107
|
### storybookEndpoint
|
|
107
108
|
|
|
@@ -157,6 +158,31 @@ When set to true, will execute keyboard.up for modifier key, Shift, Meta, Contro
|
|
|
157
158
|
|
|
158
159
|
Default Options to apply when taking screenshot.
|
|
159
160
|
|
|
161
|
+
### theme
|
|
162
|
+
|
|
163
|
+
It overrides the default theme of the addon. It is a `json` of type material-ui [`Theme`](https://mui.com/customization/default-theme/) object.
|
|
164
|
+
|
|
165
|
+
```js
|
|
166
|
+
.
|
|
167
|
+
.
|
|
168
|
+
.
|
|
169
|
+
setConfig({
|
|
170
|
+
theme: {
|
|
171
|
+
palette: {
|
|
172
|
+
primary: {
|
|
173
|
+
main: '#0052cc',
|
|
174
|
+
},
|
|
175
|
+
secondary: {
|
|
176
|
+
main: '#edf2ff',
|
|
177
|
+
},
|
|
178
|
+
},
|
|
179
|
+
}
|
|
180
|
+
});
|
|
181
|
+
.
|
|
182
|
+
.
|
|
183
|
+
.
|
|
184
|
+
```
|
|
185
|
+
|
|
160
186
|
## How it works
|
|
161
187
|
|
|
162
188
|
This add-on is basically an interface between playwright and storybook stories.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { Config } from '../../typings';
|
|
2
2
|
import { Page } from 'playwright';
|
|
3
|
-
export declare const setConfig: <T
|
|
3
|
+
export declare const setConfig: <T = Page>(conf: Config<T>) => void;
|
|
4
4
|
export declare const getConfigs: () => Config<Page>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"configs.js","sourceRoot":"","sources":["../../../src/api/server/configs.ts"],"names":[],"mappings":";;AAEA,2CAAwC;AAExC,IAAI,OAAqB,CAAC;AAEb,QAAA,SAAS,GAAG,
|
|
1
|
+
{"version":3,"file":"configs.js","sourceRoot":"","sources":["../../../src/api/server/configs.ts"],"names":[],"mappings":";;AAEA,2CAAwC;AAExC,IAAI,OAAqB,CAAC;AAEb,QAAA,SAAS,GAAG,CAAW,IAAe,EAAE,EAAE;IACrD,OAAO,mCACD,IAAgC,KACpC,gBAAgB,kBACd,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,CAAC,IACL,IAAI,CAAC,gBAAgB,IAE3B,CAAC;IACF,IAAI,OAAO,CAAC,eAAe,EAAE;QAC3B,qBAAS,EAAE,CAAC;KACb;AACH,CAAC,CAAC;AAEW,QAAA,UAAU,GAAG,GAAG,EAAE;IAC7B,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CAAC,iCAAiC,CAAC,CAAC;KACpD;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}
|
|
@@ -611,7 +611,7 @@
|
|
|
611
611
|
"selector",
|
|
612
612
|
"options"
|
|
613
613
|
],
|
|
614
|
-
"description": "Returns when element specified by selector satisfies `state` option. Returns `null` if waiting for `hidden` or\n`detached`.\n\nWait for the `selector` to satisfy `state` option (either appear/disappear from dom, or become visible/hidden). If at\nthe moment of calling the method `selector` already satisfies the condition, the method will return immediately. If the\nselector doesn't satisfy the condition for the `timeout` milliseconds, the function will throw.\n\nThis method works across navigations:\n\n```js\nconst { chromium } = require('playwright'); // Or 'firefox' or 'webkit'.\n\n(async () => {\n const browser = await chromium.launch();\n const page = await browser.newPage();\n for (let currentURL of ['https://google.com', 'https://bbc.com']) {\n await page.goto(currentURL);\n const element = await page.waitForSelector('img');\n console.log('Loaded image: ' + await element.getAttribute('src'));\n }\n await browser.close();\n})();\n``` \n Returns when element specified by selector satisfies `state` option. Returns `null` if waiting for `hidden` or\n`detached`.\n\nWait for the `selector` to satisfy `state` option (either appear/disappear from dom, or become visible/hidden). If at\nthe moment of calling the method `selector` already satisfies the condition, the method will return immediately. If the\nselector doesn't satisfy the condition for the `timeout` milliseconds, the function will throw.\n\nThis method works across navigations:\n\n```js\nconst { chromium } = require('playwright'); // Or 'firefox' or 'webkit'.\n\n(async () => {\n const browser = await chromium.launch();\n const page = await browser.newPage();\n for (let currentURL of ['https://google.com', 'https://bbc.com']) {\n await page.goto(currentURL);\n const element = await page.waitForSelector('img');\n console.log('Loaded image: ' + await element.getAttribute('src'));\n }\n await browser.close();\n})();\n``` \n Returns when element specified by selector satisfies `state` option. Returns `null` if waiting for `hidden` or\n`detached`.\n\nWait for the `selector` to satisfy `state` option (either appear/disappear from dom, or become visible/hidden). If at\nthe moment of calling the method `selector` already satisfies the condition, the method will return immediately. If the\nselector doesn't satisfy the condition for the `timeout` milliseconds, the function will throw.\n\nThis method works across navigations:\n\n```js\nconst { chromium } = require('playwright'); // Or 'firefox' or 'webkit'.\n\n(async () => {\n const browser = await chromium.launch();\n const page = await browser.newPage();\n for (let currentURL of ['https://google.com', 'https://bbc.com']) {\n await page.goto(currentURL);\n const element = await page.waitForSelector('img');\n console.log('Loaded image: ' + await element.getAttribute('src'));\n }\n await browser.close();\n})();\n``` \n Returns when element specified by selector satisfies `state` option. Returns `null` if waiting for `hidden` or\n`detached`.\n\nWait for the `selector` to satisfy `state` option (either appear/disappear from dom, or become visible/hidden). If at\nthe moment of calling the method `selector` already satisfies the condition, the method will return immediately. If the\nselector doesn't satisfy the condition for the `timeout` milliseconds, the function will throw.\n\nThis method works across navigations:\n\n```js\nconst { chromium } = require('playwright'); // Or 'firefox' or 'webkit'.\n\n(async () => {\n const browser = await chromium.launch();\n const page = await browser.newPage();\n for (let currentURL of ['https://google.com', 'https://bbc.com']) {\n await page.goto(currentURL);\n const element = await page.waitForSelector('img');\n console.log('Loaded image: ' + await element.getAttribute('src'));\n }\n await browser.close();\n})();\n```"
|
|
614
|
+
"description": "Returns when element specified by selector satisfies `state` option. Returns `null` if waiting for `hidden` or\n`detached`.\n\n> NOTE: Playwright automatically waits for element to be ready before performing an action. Using [Locator] objects and\nweb-first assertions make the code wait-for-selector-free.\n\nWait for the `selector` to satisfy `state` option (either appear/disappear from dom, or become visible/hidden). If at\nthe moment of calling the method `selector` already satisfies the condition, the method will return immediately. If the\nselector doesn't satisfy the condition for the `timeout` milliseconds, the function will throw.\n\nThis method works across navigations:\n\n```js\nconst { chromium } = require('playwright'); // Or 'firefox' or 'webkit'.\n\n(async () => {\n const browser = await chromium.launch();\n const page = await browser.newPage();\n for (let currentURL of ['https://google.com', 'https://bbc.com']) {\n await page.goto(currentURL);\n const element = await page.waitForSelector('img');\n console.log('Loaded image: ' + await element.getAttribute('src'));\n }\n await browser.close();\n})();\n``` \n Returns when element specified by selector satisfies `state` option. Returns `null` if waiting for `hidden` or\n`detached`.\n\n> NOTE: Playwright automatically waits for element to be ready before performing an action. Using [Locator] objects and\nweb-first assertions make the code wait-for-selector-free.\n\nWait for the `selector` to satisfy `state` option (either appear/disappear from dom, or become visible/hidden). If at\nthe moment of calling the method `selector` already satisfies the condition, the method will return immediately. If the\nselector doesn't satisfy the condition for the `timeout` milliseconds, the function will throw.\n\nThis method works across navigations:\n\n```js\nconst { chromium } = require('playwright'); // Or 'firefox' or 'webkit'.\n\n(async () => {\n const browser = await chromium.launch();\n const page = await browser.newPage();\n for (let currentURL of ['https://google.com', 'https://bbc.com']) {\n await page.goto(currentURL);\n const element = await page.waitForSelector('img');\n console.log('Loaded image: ' + await element.getAttribute('src'));\n }\n await browser.close();\n})();\n``` \n Returns when element specified by selector satisfies `state` option. Returns `null` if waiting for `hidden` or\n`detached`.\n\n> NOTE: Playwright automatically waits for element to be ready before performing an action. Using [Locator] objects and\nweb-first assertions make the code wait-for-selector-free.\n\nWait for the `selector` to satisfy `state` option (either appear/disappear from dom, or become visible/hidden). If at\nthe moment of calling the method `selector` already satisfies the condition, the method will return immediately. If the\nselector doesn't satisfy the condition for the `timeout` milliseconds, the function will throw.\n\nThis method works across navigations:\n\n```js\nconst { chromium } = require('playwright'); // Or 'firefox' or 'webkit'.\n\n(async () => {\n const browser = await chromium.launch();\n const page = await browser.newPage();\n for (let currentURL of ['https://google.com', 'https://bbc.com']) {\n await page.goto(currentURL);\n const element = await page.waitForSelector('img');\n console.log('Loaded image: ' + await element.getAttribute('src'));\n }\n await browser.close();\n})();\n``` \n Returns when element specified by selector satisfies `state` option. Returns `null` if waiting for `hidden` or\n`detached`.\n\n> NOTE: Playwright automatically waits for element to be ready before performing an action. Using [Locator] objects and\nweb-first assertions make the code wait-for-selector-free.\n\nWait for the `selector` to satisfy `state` option (either appear/disappear from dom, or become visible/hidden). If at\nthe moment of calling the method `selector` already satisfies the condition, the method will return immediately. If the\nselector doesn't satisfy the condition for the `timeout` milliseconds, the function will throw.\n\nThis method works across navigations:\n\n```js\nconst { chromium } = require('playwright'); // Or 'firefox' or 'webkit'.\n\n(async () => {\n const browser = await chromium.launch();\n const page = await browser.newPage();\n for (let currentURL of ['https://google.com', 'https://bbc.com']) {\n await page.goto(currentURL);\n const element = await page.waitForSelector('img');\n console.log('Loaded image: ' + await element.getAttribute('src'));\n }\n await browser.close();\n})();\n```"
|
|
615
615
|
},
|
|
616
616
|
"check": {
|
|
617
617
|
"kind": "function",
|
|
@@ -11,6 +11,7 @@ const useStyles = core_1.makeStyles((theme) => {
|
|
|
11
11
|
'& button': {
|
|
12
12
|
alignItems: 'center',
|
|
13
13
|
display: 'flex',
|
|
14
|
+
marginTop: 0,
|
|
14
15
|
},
|
|
15
16
|
'& svg': {
|
|
16
17
|
width: 18,
|
|
@@ -27,13 +28,13 @@ const useStyles = core_1.makeStyles((theme) => {
|
|
|
27
28
|
'&.border-top': {
|
|
28
29
|
borderTop: '1px solid ' + divider,
|
|
29
30
|
},
|
|
31
|
+
padding: 2,
|
|
30
32
|
},
|
|
31
33
|
toolbar: {
|
|
32
34
|
'& > .left': {
|
|
33
35
|
'& > *': {
|
|
34
|
-
marginLeft:
|
|
36
|
+
marginLeft: 8,
|
|
35
37
|
},
|
|
36
|
-
flexBasis: '60%',
|
|
37
38
|
},
|
|
38
39
|
'& > .left,& > .right': {
|
|
39
40
|
alignItems: 'center',
|
|
@@ -42,7 +43,7 @@ const useStyles = core_1.makeStyles((theme) => {
|
|
|
42
43
|
},
|
|
43
44
|
'& > .right': {
|
|
44
45
|
'& > *': {
|
|
45
|
-
marginRight:
|
|
46
|
+
marginRight: 6,
|
|
46
47
|
},
|
|
47
48
|
},
|
|
48
49
|
alignItems: 'center',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../src/components/common/Toolbar.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,4CAA+C;AAC/C,wDAAwB;AAExB,MAAM,SAAS,GAAG,iBAAU,CAC1B,CAAC,KAAK,EAAE,EAAE;IACR,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC;IAExC,OAAO;QACL,IAAI,EAAE;YACJ,UAAU,EAAE;gBACV,UAAU,EAAE,QAAQ;gBACpB,OAAO,EAAE,MAAM;
|
|
1
|
+
{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../src/components/common/Toolbar.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,4CAA+C;AAC/C,wDAAwB;AAExB,MAAM,SAAS,GAAG,iBAAU,CAC1B,CAAC,KAAK,EAAE,EAAE;IACR,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC;IAExC,OAAO;QACL,IAAI,EAAE;YACJ,UAAU,EAAE;gBACV,UAAU,EAAE,QAAQ;gBACpB,OAAO,EAAE,MAAM;gBACf,SAAS,EAAE,CAAC;aACb;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,EAAE;aACV;YACD,iBAAiB,EAAE;gBACjB,YAAY,EAAE,YAAY,GAAG,OAAO;aACrC;YACD,eAAe,EAAE;gBACf,UAAU,EAAE,YAAY,GAAG,OAAO;aACnC;YACD,gBAAgB,EAAE;gBAChB,WAAW,EAAE,YAAY,GAAG,OAAO;aACpC;YACD,cAAc,EAAE;gBACd,SAAS,EAAE,YAAY,GAAG,OAAO;aAClC;YACD,OAAO,EAAE,CAAC;SACX;QACD,OAAO,EAAE;YACP,WAAW,EAAE;gBACX,OAAO,EAAE;oBACP,UAAU,EAAE,CAAC;iBACd;aACF;YACD,sBAAsB,EAAE;gBACtB,UAAU,EAAE,QAAQ;gBACpB,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,CAAC;aACZ;YACD,YAAY,EAAE;gBACZ,OAAO,EAAE;oBACP,WAAW,EAAE,CAAC;iBACf;aACF;YACD,UAAU,EAAE,QAAQ;YACpB,KAAK,EAAE,IAAI,CAAC,OAAO;YACnB,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,eAAe;SAChC;KACF,CAAC;AACJ,CAAC,EACD,EAAE,IAAI,EAAE,SAAS,EAAE,CACpB,CAAC;AAQF,MAAM,OAAO,GAA2B,CAAC,KAAK,EAAE,EAAE;IAChD,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEnC,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,OAAO,CACL,uCACE,SAAS,EACP,cAAI,CAAC,OAAO,CAAC,IAAI,CAAC;YAClB,CAAC,MAAM,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAGzD,uCAAK,SAAS,EAAE,OAAO,CAAC,OAAO,IAAG,QAAQ,CAAO,CAC7C,CACP,CAAC;AACJ,CAAC,CAAC;AAIO,0BAAO;AAFhB,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Preview.js","sourceRoot":"","sources":["../../../src/components/preview/Preview.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Preview.js","sourceRoot":"","sources":["../../../src/components/preview/Preview.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScreenShotViewToolbar.js","sourceRoot":"","sources":["../../../src/components/screenshot-preview/ScreenShotViewToolbar.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,4CAAwD;AACxD,4CAAqD;AAErD,iGAA0D;AAC1D,iGAA6D;AAC7D,iGAA4D;AAC5D,sDAAmD;AACnD,qDAAkD;AAElD,MAAM,SAAS,GAAG,iBAAU,CAAC,CAAC,KAAK,EAAE,EAAE;IACrC,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE1B,OAAO;QACL,KAAK,EAAE;YACL,aAAa,EAAE,WAAW;SAC3B;QAED,IAAI,EAAE;YACJ,UAAU,EAAE,QAAQ;YACpB,eAAe,EAAE,OAAO,CAAC,OAAO;YAChC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,SAAS;YAC7B,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,QAAQ;YAClB,QAAQ,EAAE,EAAE;YACZ,MAAM,EAAE,EAAE;YACV,cAAc,EAAE,eAAe;YAC/B,SAAS,EAAE,MAAM;YACjB,WAAW,EAAE,EAAE;YACf,YAAY,EAAE,EAAE;YAChB,SAAS,EAAE,OAAO;SACnB;QAED,aAAa,EAAE;YACb,UAAU,EAAE;gBACV,UAAU,EAAE,QAAQ;gBACpB,OAAO,EAAE,MAAM;gBACf,MAAM,EAAE,EAAE;gBACV,UAAU,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"ScreenShotViewToolbar.js","sourceRoot":"","sources":["../../../src/components/screenshot-preview/ScreenShotViewToolbar.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,4CAAwD;AACxD,4CAAqD;AAErD,iGAA0D;AAC1D,iGAA6D;AAC7D,iGAA4D;AAC5D,sDAAmD;AACnD,qDAAkD;AAElD,MAAM,SAAS,GAAG,iBAAU,CAAC,CAAC,KAAK,EAAE,EAAE;IACrC,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE1B,OAAO;QACL,KAAK,EAAE;YACL,aAAa,EAAE,WAAW;SAC3B;QAED,IAAI,EAAE;YACJ,UAAU,EAAE,QAAQ;YACpB,eAAe,EAAE,OAAO,CAAC,OAAO;YAChC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,SAAS;YAC7B,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,QAAQ;YAClB,QAAQ,EAAE,EAAE;YACZ,MAAM,EAAE,EAAE;YACV,cAAc,EAAE,eAAe;YAC/B,SAAS,EAAE,MAAM;YACjB,WAAW,EAAE,EAAE;YACf,YAAY,EAAE,EAAE;YAChB,SAAS,EAAE,OAAO;SACnB;QAED,aAAa,EAAE;YACb,UAAU,EAAE;gBACV,UAAU,EAAE,QAAQ;gBACpB,OAAO,EAAE,MAAM;gBACf,MAAM,EAAE,EAAE;gBACV,UAAU,EAAE,CAAC;gBACb,SAAS,EAAE,CAAC;aACb;YACD,4BAA4B,EAAE;gBAC5B,KAAK,EAAE,EAAE;aACV;YACD,UAAU,EAAE,QAAQ;YACpB,OAAO,EAAE,MAAM;SAChB;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAWH,MAAM,qBAAqB,GAA+B,CAAC,KAAK,EAAE,EAAE;IAClE,MAAM,EACJ,WAAW,EACX,MAAM,EACN,cAAc,EACd,OAAO,EACP,SAAS,EACT,YAAY,GACb,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,OAAO,CACL,uCAAK,SAAS,EAAE,OAAO,CAAC,IAAI;QAC1B,uCAAK,SAAS,EAAE,OAAO,CAAC,aAAa;YACnC,yCAAO,SAAS,EAAE,OAAO,CAAC,KAAK,IAAG,WAAW,CAAS;YACrD,OAAO,IAAI,CACV,8BAAC,uBAAgB,IACf,OAAO,EAAE;oBACP,GAAG,EAAE,gBAAgB;iBACtB,EACD,KAAK,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,EACzB,IAAI,EAAE,EAAE,GACR,CACH,CACG;QACN,uCAAK,SAAS,EAAE,OAAO,CAAC,aAAa;YAClC,cAAc,IAAI,CACjB,8BAAC,uBAAU,IAAC,OAAO,EAAE,MAAM;gBACzB,8BAAC,cAAO,IAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAC,iBAAiB;oBAC9C,8BAAC,yBAAQ,OAAG,CACJ,CACC,CACd;YACD,8BAAC,uBAAU,IAAC,OAAO,EAAE,SAAS;gBAC5B,8BAAC,cAAO,IAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAC,SAAS;oBACtC,8BAAC,yBAAW,OAAG,CACP,CACC;YACZ,WAAW,KAAK,WAAW,IAAI,CAC9B,8BAAC,+BAAc,IAAC,WAAW,EAAE,WAAW,GAAI,CAC7C;YAED,8BAAC,uBAAU,IAAC,OAAO,EAAE,YAAY;gBAC/B,8BAAC,cAAO,IAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAC,aAAa;oBAC1C,8BAAC,yBAAU,OAAG,CACN,CACC,CACT,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAIO,sDAAqB;AAF9B,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAC"}
|
|
@@ -19,7 +19,8 @@ const ScreenshotUpdateIcon_1 = require("./ScreenshotUpdateIcon");
|
|
|
19
19
|
const common_2 = require("../common");
|
|
20
20
|
const useStyles = core_1.makeStyles(() => ({
|
|
21
21
|
asterisk: {
|
|
22
|
-
|
|
22
|
+
height: 2,
|
|
23
|
+
left: -3,
|
|
23
24
|
margin: 0,
|
|
24
25
|
position: 'relative',
|
|
25
26
|
top: 4,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tool.js","sourceRoot":"","sources":["../../../src/components/tool-bar/Tool.tsx"],"names":[],"mappings":";;;AAAA,uDAAqD;AACrD,sDAA8D;AAC9D,4CAA+C;AAC/C,sCAA2C;AAC3C,8DAAsD;AACtD,+EAAoD;AACpD,uCAAiE;AACjE,uCAAwD;AACxD,iEAA8D;AAC9D,wCAAmD;AACnD,4CAAqD;AACrD,2CAAwC;AACxC,iFAAqD;AACrD,qEAAgE;AAChE,iEAA8D;AAC9D,sCAAoD;AAEpD,MAAM,SAAS,GAAG,iBAAU,CAAC,GAAG,EAAE,CAAC,CAAC;IAClC,QAAQ,EAAE;QACR,IAAI,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"Tool.js","sourceRoot":"","sources":["../../../src/components/tool-bar/Tool.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
/// <reference types="@emotion/core" />
|
|
3
1
|
import { Theme } from '@material-ui/core';
|
|
2
|
+
import React from 'react';
|
|
4
3
|
export declare const useCustomTheme: () => {
|
|
5
|
-
setTheme:
|
|
4
|
+
setTheme: React.Dispatch<React.SetStateAction<Theme>>;
|
|
6
5
|
theme: Theme;
|
|
7
6
|
};
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
|
-
const react_1 = require("react");
|
|
4
|
+
const react_1 = tslib_1.__importDefault(require("react"));
|
|
5
5
|
const get_theme_data_1 = require("../api/client/get-theme-data");
|
|
6
6
|
exports.useCustomTheme = () => {
|
|
7
|
-
const [theme, setTheme] = react_1.useState();
|
|
8
|
-
const isTheme = react_1.useRef(false);
|
|
9
|
-
const fetchTheme = react_1.useCallback(() => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
7
|
+
const [theme, setTheme] = react_1.default.useState();
|
|
8
|
+
const isTheme = react_1.default.useRef(false);
|
|
9
|
+
const fetchTheme = react_1.default.useCallback(() => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
10
10
|
try {
|
|
11
11
|
const resp = yield get_theme_data_1.getThemeData();
|
|
12
|
-
if (!isTheme.current) {
|
|
12
|
+
if (!isTheme.current && resp) {
|
|
13
13
|
setTheme(resp);
|
|
14
14
|
}
|
|
15
15
|
}
|
|
@@ -17,7 +17,7 @@ exports.useCustomTheme = () => {
|
|
|
17
17
|
throw new Error(error.message);
|
|
18
18
|
}
|
|
19
19
|
}), []);
|
|
20
|
-
react_1.useEffect(() => {
|
|
20
|
+
react_1.default.useEffect(() => {
|
|
21
21
|
fetchTheme();
|
|
22
22
|
return () => {
|
|
23
23
|
isTheme.current = true;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-custom-theme.js","sourceRoot":"","sources":["../../src/hooks/use-custom-theme.ts"],"names":[],"mappings":";;;AACA,
|
|
1
|
+
{"version":3,"file":"use-custom-theme.js","sourceRoot":"","sources":["../../src/hooks/use-custom-theme.ts"],"names":[],"mappings":";;;AACA,0DAA0B;AAC1B,iEAA4D;AAE/C,QAAA,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,eAAK,CAAC,QAAQ,EAAS,CAAC;IAClD,MAAM,OAAO,GAAG,eAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAEpC,MAAM,UAAU,GAAG,eAAK,CAAC,WAAW,CAAC,GAAS,EAAE;QAC9C,IAAI;YACF,MAAM,IAAI,GAAG,MAAM,6BAAY,EAAE,CAAC;YAClC,IAAI,CAAC,OAAO,CAAC,OAAO,IAAI,IAAI,EAAE;gBAC5B,QAAQ,CAAC,IAAI,CAAC,CAAC;aAChB;SACF;QAAC,OAAO,KAAK,EAAE;YACd,MAAM,IAAI,KAAK,CAAE,KAAe,CAAC,OAAO,CAAC,CAAC;SAC3C;IACH,CAAC,CAAA,EAAE,EAAE,CAAC,CAAC;IAEP,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,UAAU,EAAE,CAAC;QACb,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QACzB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;AAC7B,CAAC,CAAC"}
|
|
@@ -12,7 +12,7 @@ exports.useFixScreenshotFileName = (props) => {
|
|
|
12
12
|
const [reload, setReload] = react_1.default.useState(false);
|
|
13
13
|
const [functionName, setFunctionName] = react_1.default.useState('');
|
|
14
14
|
const { openSnackbar } = use_snackbar_1.useSnackbar();
|
|
15
|
-
const [showFixScreenshotFileDialog, setShowFixScreenshotFileDialog
|
|
15
|
+
const [showFixScreenshotFileDialog, setShowFixScreenshotFileDialog] = react_1.default.useState(false);
|
|
16
16
|
const { inProgress: fixFileNamesInProgress, makeCall, clearError, error: fixFileNamesError, } = use_async_api_call_1.useAsyncApiCall(fix_screenshot_file_name_1.fixScreenshotFileName, false);
|
|
17
17
|
const fixFileNames = react_1.default.useCallback(() => {
|
|
18
18
|
if (!functionName && fixFunction) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-fix-screenshot-file-name.js","sourceRoot":"","sources":["../../src/hooks/use-fix-screenshot-file-name.ts"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,qFAA+E;AAC/E,6DAAuD;AACvD,qEAA+D;AAC/D,iDAA6C;AAMhC,QAAA,wBAAwB,GAAG,CAAC,KAAY,EAAE,EAAE;IACvD,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAE9B,MAAM,gBAAgB,GAAG,4CAAmB,EAAE,CAAC;IAE/C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAE3D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,CAAC;IAEnE,MAAM,EAAE,YAAY,EAAE,GAAG,0BAAW,EAAE,CAAC;IAEvC,MAAM,
|
|
1
|
+
{"version":3,"file":"use-fix-screenshot-file-name.js","sourceRoot":"","sources":["../../src/hooks/use-fix-screenshot-file-name.ts"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,qFAA+E;AAC/E,6DAAuD;AACvD,qEAA+D;AAC/D,iDAA6C;AAMhC,QAAA,wBAAwB,GAAG,CAAC,KAAY,EAAE,EAAE;IACvD,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAE9B,MAAM,gBAAgB,GAAG,4CAAmB,EAAE,CAAC;IAE/C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAE3D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,CAAC;IAEnE,MAAM,EAAE,YAAY,EAAE,GAAG,0BAAW,EAAE,CAAC;IAEvC,MAAM,CAAC,2BAA2B,EAAE,8BAA8B,CAAC,GACjE,eAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEjC,MAAM,EACJ,UAAU,EAAE,sBAAsB,EAClC,QAAQ,EACR,UAAU,EACV,KAAK,EAAE,iBAAiB,GACzB,GAAG,oCAAe,CAAC,gDAAqB,EAAE,KAAK,CAAC,CAAC;IAElD,MAAM,YAAY,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC1C,IAAI,CAAC,YAAY,IAAI,WAAW,EAAE;YAChC,YAAY,CAAC,sCAAsC,EAAE;gBACnD,OAAO,EAAE,OAAO;aACjB,CAAC,CAAC;YACH,OAAO;SACR;QACD,QAAQ,iCAAM,gBAAgB,KAAE,mBAAmB,EAAE,YAAY,IAAG,CAAC,IAAI,CACvE,CAAC,CAAC,EAAE,EAAE;YACJ,IAAI,CAAC,CAAC;gBAAE,SAAS,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC,CACF,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC;IAE1E,MAAM,iCAAiC,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC/D,8BAA8B,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,iCAAiC,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC/D,8BAA8B,CAAC,KAAK,CAAC,CAAC;QACtC,UAAU,EAAE,CAAC;IACf,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,YAAY,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC1C,QAAQ,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,uBAAuB,GAAG,eAAK,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE;QACtD,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,YAAY;QACZ,iBAAiB;QACjB,sBAAsB;QACtB,YAAY;QACZ,uBAAuB;QACvB,iCAAiC;QACjC,YAAY;QACZ,iCAAiC;QACjC,MAAM;QACN,8BAA8B;QAC9B,2BAA2B;KAC5B,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -7,7 +7,7 @@ exports.useStoryUrl = () => {
|
|
|
7
7
|
const state = api_1.useStorybookState();
|
|
8
8
|
const [url, setUrl] = react_1.useState();
|
|
9
9
|
react_1.useEffect(() => {
|
|
10
|
-
let newUrl = utils_1.constructStoryUrl(
|
|
10
|
+
let newUrl = utils_1.constructStoryUrl(window.location.host, state.storyId);
|
|
11
11
|
const queryKeys = Object.keys(state.customQueryParams);
|
|
12
12
|
if (queryKeys.length > 0) {
|
|
13
13
|
const query = queryKeys.map((key) => {
|
|
@@ -17,7 +17,7 @@ exports.useStoryUrl = () => {
|
|
|
17
17
|
newUrl += '&' + query.join('&');
|
|
18
18
|
}
|
|
19
19
|
setUrl(newUrl);
|
|
20
|
-
}, [state.customQueryParams, state.
|
|
20
|
+
}, [state.customQueryParams, state.storyId]);
|
|
21
21
|
return url;
|
|
22
22
|
};
|
|
23
23
|
//# sourceMappingURL=use-story-url.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-story-url.js","sourceRoot":"","sources":["../../src/hooks/use-story-url.ts"],"names":[],"mappings":";;AAAA,iCAA4C;AAC5C,wCAAmD;AACnD,oCAA6C;AAEhC,QAAA,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,KAAK,GAAG,uBAAiB,EAAE,CAAC;IAClC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,gBAAQ,EAAU,CAAC;IAEzC,iBAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,GAAG,yBAAiB,CAAC,
|
|
1
|
+
{"version":3,"file":"use-story-url.js","sourceRoot":"","sources":["../../src/hooks/use-story-url.ts"],"names":[],"mappings":";;AAAA,iCAA4C;AAC5C,wCAAmD;AACnD,oCAA6C;AAEhC,QAAA,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,KAAK,GAAG,uBAAiB,EAAE,CAAC;IAClC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,gBAAQ,EAAU,CAAC;IAEzC,iBAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,GAAG,yBAAiB,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;QAEpE,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;QACvD,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE;YACxB,MAAM,KAAK,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;gBAClC,MAAM,GAAG,GAAG,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;gBAEzC,OAAO,GAAG,GAAG,IAAI,GAAG,EAAE,CAAC;YACzB,CAAC,CAAC,CAAC;YACH,MAAM,IAAI,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SACjC;QAED,MAAM,CAAC,MAAM,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAE7C,OAAO,GAAG,CAAC;AACb,CAAC,CAAC"}
|
package/dist/typings/config.d.ts
CHANGED
|
@@ -8,7 +8,7 @@ import { TestFileScreenshots } from '../api/server/services/test-file-screenshot
|
|
|
8
8
|
import { Theme } from '@material-ui/core';
|
|
9
9
|
import { CompareScreenshotParams, CompareScreenshotReturnType } from './compare-screenshot';
|
|
10
10
|
declare type PageGotoOptions = Parameters<Page['goto']>[1];
|
|
11
|
-
export interface Config<T
|
|
11
|
+
export interface Config<T = Page> {
|
|
12
12
|
storybookEndpoint: string;
|
|
13
13
|
customActionSchema?: ActionSchemaList;
|
|
14
14
|
pageGotoOptions?: PageGotoOptions;
|
|
@@ -9,7 +9,7 @@ export interface BrowserContextOptions extends PlaywrightBrowserContextOptions {
|
|
|
9
9
|
cursor?: boolean;
|
|
10
10
|
deviceName?: string;
|
|
11
11
|
}
|
|
12
|
-
export interface PageInfo<T
|
|
12
|
+
export interface PageInfo<T = Page> {
|
|
13
13
|
page: T;
|
|
14
14
|
browserName: BrowserTypes;
|
|
15
15
|
}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
|
-
|
|
5
|
-
const normalize = require('normalize-url');
|
|
4
|
+
const normalize_url_1 = tslib_1.__importDefault(require("normalize-url"));
|
|
6
5
|
const knobs_to_querystring_1 = require("./knobs-to-querystring");
|
|
7
6
|
const url_1 = require("url");
|
|
8
7
|
const path_1 = require("path");
|
|
@@ -10,7 +9,7 @@ const ip_1 = tslib_1.__importDefault(require("ip"));
|
|
|
10
9
|
exports.constructStoryUrl = (endpoint, id, props) => {
|
|
11
10
|
const parsedEndpoint = url_1.parse(endpoint);
|
|
12
11
|
const normalized = parsedEndpoint.hostname || ip_1.default.isV4Format(endpoint)
|
|
13
|
-
?
|
|
12
|
+
? normalize_url_1.default(endpoint)
|
|
14
13
|
: 'file:///' + path_1.resolve(endpoint);
|
|
15
14
|
let storyUrl = `${normalized}/iframe.html?id=${id}`;
|
|
16
15
|
if (props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"construct-story-url.js","sourceRoot":"","sources":["../../src/utils/construct-story-url.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"construct-story-url.js","sourceRoot":"","sources":["../../src/utils/construct-story-url.ts"],"names":[],"mappings":";;;AAEA,0EAAsC;AACtC,iEAA4D;AAC5D,6BAA4B;AAC5B,+BAA+B;AAC/B,oDAAoB;AAEP,QAAA,iBAAiB,GAAG,CAC/B,QAAgB,EAChB,EAAU,EACV,KAAsB,EACtB,EAAE;IACF,MAAM,cAAc,GAAG,WAAK,CAAC,QAAQ,CAAC,CAAC;IACvC,MAAM,UAAU,GACd,cAAc,CAAC,QAAQ,IAAI,YAAE,CAAC,UAAU,CAAC,QAAQ,CAAC;QAChD,CAAC,CAAC,uBAAS,CAAC,QAAQ,CAAC;QACrB,CAAC,CAAC,UAAU,GAAG,cAAO,CAAC,QAAQ,CAAC,CAAC;IAErC,IAAI,QAAQ,GAAG,GAAG,UAAU,mBAAmB,EAAE,EAAE,CAAC;IAEpD,IAAI,KAAK,EAAE;QACT,QAAQ,GAAG,GAAG,QAAQ,IAAI,yCAAkB,CAAC,KAAK,CAAC,EAAE,CAAC;KACvD;IAED,OAAO,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AACtC,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "storybook-addon-playwright",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.10.0",
|
|
4
4
|
"description": "An addon to visually test the stories in the multiple browsers within storybook environment",
|
|
5
5
|
"author": "m.doaie <mdoaie@yahoo.co.uk>",
|
|
6
6
|
"engines": {
|
|
@@ -42,44 +42,47 @@
|
|
|
42
42
|
"storybook-addon"
|
|
43
43
|
],
|
|
44
44
|
"devDependencies": {
|
|
45
|
-
"@babel/
|
|
46
|
-
"@babel/preset-
|
|
47
|
-
"@babel/preset-
|
|
45
|
+
"@babel/core": "^7.16.0",
|
|
46
|
+
"@babel/preset-env": "^7.16.4",
|
|
47
|
+
"@babel/preset-react": "^7.16.0",
|
|
48
|
+
"@babel/preset-typescript": "^7.16.0",
|
|
48
49
|
"@storybook/addon-knobs": "^6.3.0",
|
|
49
50
|
"@storybook/react": "^6.3.6",
|
|
50
|
-
"@testing-library/react-hooks": "^
|
|
51
|
+
"@testing-library/react-hooks": "^7.0.2",
|
|
51
52
|
"@tippyjs/react": "^4.2.0",
|
|
52
53
|
"@types/enzyme": "^3.10.8",
|
|
53
54
|
"@types/enzyme-adapter-react-16": "^1.0.6",
|
|
54
55
|
"@types/express": "^4.17.9",
|
|
55
56
|
"@types/glob": "^7.1.3",
|
|
56
|
-
"@types/jest": "^
|
|
57
|
-
"@types/jest-image-snapshot": "^4.1
|
|
57
|
+
"@types/jest": "^27.0.3",
|
|
58
|
+
"@types/jest-image-snapshot": "^4.3.1",
|
|
58
59
|
"@types/jsonfile": "^6.0.0",
|
|
59
60
|
"@types/node": "^16.4.13",
|
|
60
61
|
"@types/sharp": "^0.28.5",
|
|
61
|
-
"@typescript-eslint/eslint-plugin": "^4.
|
|
62
|
-
"@typescript-eslint/parser": "^4.
|
|
63
|
-
"@wojtekmaj/enzyme-adapter-react-17": "^0.6.
|
|
64
|
-
"babel-
|
|
62
|
+
"@typescript-eslint/eslint-plugin": "^5.4.0",
|
|
63
|
+
"@typescript-eslint/parser": "^5.4.0",
|
|
64
|
+
"@wojtekmaj/enzyme-adapter-react-17": "^0.6.5",
|
|
65
|
+
"babel-jest": "^27.3.1",
|
|
66
|
+
"babel-loader": "^8.2.3",
|
|
65
67
|
"enzyme": "^3.11.0",
|
|
66
68
|
"enzyme-adapter-react-16": "^1.15.6",
|
|
67
|
-
"eslint": "^
|
|
68
|
-
"eslint-config-prettier": "^
|
|
69
|
-
"eslint-plugin-jest": "^
|
|
69
|
+
"eslint": "^8.3.0",
|
|
70
|
+
"eslint-config-prettier": "^8.3.0",
|
|
71
|
+
"eslint-plugin-jest": "^25.3.0",
|
|
70
72
|
"eslint-plugin-prettier": "^3.1.4",
|
|
71
73
|
"eslint-plugin-react": "^7.21.5",
|
|
72
74
|
"eslint-plugin-react-hooks": "^4.2.0",
|
|
73
75
|
"eslint-plugin-sort-keys-fix": "^1.1.1",
|
|
74
|
-
"jest": "^
|
|
76
|
+
"jest": "^27.3.1",
|
|
77
|
+
"jest-cli": "^27.3.1",
|
|
75
78
|
"jest-enzyme": "^7.1.2",
|
|
76
79
|
"jest-fetch-mock": "^3.0.3",
|
|
77
|
-
"jest-mock-console": "^1.
|
|
80
|
+
"jest-mock-console": "^1.2.3",
|
|
78
81
|
"prettier": "^2.2.0",
|
|
79
82
|
"react-draggable": "^4.4.3",
|
|
80
83
|
"rimraf": "^3.0.2",
|
|
81
84
|
"storybook-dark-mode": "^1.0.7",
|
|
82
|
-
"ts-jest": "^
|
|
85
|
+
"ts-jest": "^27.0.7"
|
|
83
86
|
},
|
|
84
87
|
"scripts": {
|
|
85
88
|
"start:storybook": "start-storybook -p 9002 --ci --no-manager-cache",
|
|
@@ -110,17 +113,17 @@
|
|
|
110
113
|
"fast-glob": "^3.2.4",
|
|
111
114
|
"hash-sum": "^2.0.0",
|
|
112
115
|
"ip": "^1.1.5",
|
|
113
|
-
"jest-image-snapshot": "^4.
|
|
116
|
+
"jest-image-snapshot": "^4.5.1",
|
|
114
117
|
"join-images": "^1.0.0",
|
|
115
118
|
"jsonfile": "^6.1.0",
|
|
116
119
|
"lodash": "^4.17.20",
|
|
117
120
|
"nanoid": "^3.1.18",
|
|
118
|
-
"normalize-url": "
|
|
121
|
+
"normalize-url": "6.1.0",
|
|
119
122
|
"notistack": "^1.0.1",
|
|
120
123
|
"object-hash": "^2.0.3",
|
|
121
124
|
"object-path-immutable": "^4.1.1",
|
|
122
|
-
"p-limit": "
|
|
123
|
-
"playwright": "~1.
|
|
125
|
+
"p-limit": "3.1.0",
|
|
126
|
+
"playwright": "~1.17.2",
|
|
124
127
|
"react": "^17.0.2",
|
|
125
128
|
"react-dom": "^17.0.2",
|
|
126
129
|
"react-json-view": "^1.19.1",
|