@semcore/modal 4.32.1 → 4.32.2-prerelease.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/CHANGELOG.md +6 -0
- package/lib/cjs/Modal.js +9 -9
- package/lib/cjs/modal.vo-test.js +11 -14
- package/lib/cjs/modal.vo-test.js.map +1 -1
- package/lib/es6/Modal.js +9 -9
- package/lib/es6/modal.vo-test.js +11 -14
- package/lib/es6/modal.vo-test.js.map +1 -1
- package/package.json +11 -11
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [4.32.2] - 2024-04-22
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/animation` [2.22.1 ~> 2.22.2], `@semcore/flex-box` [5.22.1 ~> 5.22.2], `@semcore/icon` [4.31.1 ~> 4.31.2], `@semcore/utils` [4.23.1 ~> 4.23.2], `@semcore/core` [2.20.1 ~> 2.20.2]).
|
|
10
|
+
|
|
5
11
|
## [4.32.1] - 2024-04-16
|
|
6
12
|
|
|
7
13
|
### Changed
|
package/lib/cjs/Modal.js
CHANGED
|
@@ -33,15 +33,15 @@ var _useFocusLock = require("@semcore/utils/lib/use/useFocusLock");
|
|
|
33
33
|
var _ThemeProvider = require("@semcore/utils/lib/ThemeProvider");
|
|
34
34
|
var _useColorResolver = require("@semcore/utils/lib/use/useColorResolver");
|
|
35
35
|
/*__reshadow-styles__:"./style/modal.shadow.css"*/
|
|
36
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
37
|
-
"__SWindow": "
|
|
38
|
-
"_ghost": "
|
|
39
|
-
"__SClose": "
|
|
40
|
-
"_keyboardFocused": "
|
|
41
|
-
"__SOverlay": "
|
|
42
|
-
"__STitle": "
|
|
43
|
-
"_color": "
|
|
44
|
-
"--color": "--
|
|
36
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SWindow_1v6w4_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_1v6w4_gg_:focus{outline:0}.___SWindow_1v6w4_gg_ .___STitle_1v6w4_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SWindow_1v6w4_gg_ .___STitle_1v6w4_gg_.__color_1v6w4_gg_{color:var(--color_1v6w4)}.___SWindow_1v6w4_gg_.__ghost_1v6w4_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_1v6w4_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:var(--intergalactic-spacing-10x, 40px);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;z-index:var(--intergalactic-z-index-modal, 600);-webkit-overflow-scrolling:touch}.___SOverlay_1v6w4_gg_ .___SOverlay_1v6w4_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SClose_1v6w4_gg_{display:inline-flex;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer;z-index:1;border:0;background:0 0;outline:0}@media (hover:hover){.___SClose_1v6w4_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_1v6w4_gg_.__ghost_1v6w4_gg_{color:var(--intergalactic-icon-primary-invert, #ffffff);border-radius:4px}@media (hover:hover){.___SClose_1v6w4_gg_.__ghost_1v6w4_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}}.___SClose_1v6w4_gg_.__keyboardFocused_1v6w4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (max-width:767px){.___SWindow_1v6w4_gg_{min-width:60%}.___SOverlay_1v6w4_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "1v6w4_gg_") /*__reshadow_css_end__*/, {
|
|
37
|
+
"__SWindow": "___SWindow_1v6w4_gg_",
|
|
38
|
+
"_ghost": "__ghost_1v6w4_gg_",
|
|
39
|
+
"__SClose": "___SClose_1v6w4_gg_",
|
|
40
|
+
"_keyboardFocused": "__keyboardFocused_1v6w4_gg_",
|
|
41
|
+
"__SOverlay": "___SOverlay_1v6w4_gg_",
|
|
42
|
+
"__STitle": "___STitle_1v6w4_gg_",
|
|
43
|
+
"_color": "__color_1v6w4_gg_",
|
|
44
|
+
"--color": "--color_1v6w4"
|
|
45
45
|
});
|
|
46
46
|
var ModalRoot = /*#__PURE__*/function (_Component) {
|
|
47
47
|
(0, _inherits2["default"])(ModalRoot, _Component);
|
package/lib/cjs/modal.vo-test.js
CHANGED
|
@@ -8,14 +8,14 @@ var _playwright2 = require("@guidepup/playwright");
|
|
|
8
8
|
var _e2eStand = require("@semcore/testing-utils/e2e-stand");
|
|
9
9
|
var _promises = require("fs/promises");
|
|
10
10
|
var _voReporter = require("@semcore/testing-utils/vo-reporter");
|
|
11
|
-
(0, _playwright2.
|
|
11
|
+
(0, _playwright2.voiceOverTest)('Users can interact with Modal via VoiceOver', /*#__PURE__*/function () {
|
|
12
12
|
var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee(_ref) {
|
|
13
13
|
var page, pureVoiceOver, standPath, reportPath, htmlContent, _yield$makeVoiceOverR, voiceOver, getReport, report;
|
|
14
14
|
return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
|
|
15
15
|
while (1) switch (_context.prev = _context.next) {
|
|
16
16
|
case 0:
|
|
17
17
|
page = _ref.page, pureVoiceOver = _ref.voiceOver;
|
|
18
|
-
standPath = 'website/docs/components/modal/examples/
|
|
18
|
+
standPath = 'website/docs/components/modal/examples/basic_modal_window_usage.tsx';
|
|
19
19
|
reportPath = 'website/docs/components/modal/modal-a11y-report.md';
|
|
20
20
|
_context.next = 5;
|
|
21
21
|
return (0, _e2eStand.e2eStandToHtml)(standPath, 'en');
|
|
@@ -47,7 +47,7 @@ var _voReporter = require("@semcore/testing-utils/vo-reporter");
|
|
|
47
47
|
return voiceOver.lastSpokenPhrase();
|
|
48
48
|
case 25:
|
|
49
49
|
_context.t3 = _context.sent;
|
|
50
|
-
(0, _context.t2)(_context.t3).
|
|
50
|
+
(0, _context.t2)(_context.t3).toContain('Do you want to save your changes? web dialog with 5 items Close button');
|
|
51
51
|
_context.next = 29;
|
|
52
52
|
return voiceOver.next();
|
|
53
53
|
case 29:
|
|
@@ -72,28 +72,25 @@ var _voReporter = require("@semcore/testing-utils/vo-reporter");
|
|
|
72
72
|
_context.next = 45;
|
|
73
73
|
return voiceOver.act();
|
|
74
74
|
case 45:
|
|
75
|
-
_context.next = 47;
|
|
76
|
-
return voiceOver.act();
|
|
77
|
-
case 47:
|
|
78
75
|
_context.t8 = _playwright.expect;
|
|
79
|
-
_context.next =
|
|
76
|
+
_context.next = 48;
|
|
80
77
|
return voiceOver.itemText();
|
|
81
|
-
case
|
|
78
|
+
case 48:
|
|
82
79
|
_context.t9 = _context.sent;
|
|
83
80
|
(0, _context.t8)(_context.t9).toBe('Open modal button');
|
|
84
|
-
_context.next =
|
|
81
|
+
_context.next = 52;
|
|
85
82
|
return (0, _voReporter.getReportHeader)();
|
|
86
|
-
case
|
|
83
|
+
case 52:
|
|
87
84
|
_context.t10 = _context.sent;
|
|
88
85
|
_context.t11 = _context.t10 + '\n\n';
|
|
89
|
-
_context.next =
|
|
86
|
+
_context.next = 56;
|
|
90
87
|
return getReport(standPath);
|
|
91
|
-
case
|
|
88
|
+
case 56:
|
|
92
89
|
_context.t12 = _context.sent;
|
|
93
90
|
report = _context.t11 + _context.t12;
|
|
94
|
-
_context.next =
|
|
91
|
+
_context.next = 60;
|
|
95
92
|
return (0, _promises.writeFile)(reportPath, report);
|
|
96
|
-
case
|
|
93
|
+
case 60:
|
|
97
94
|
case "end":
|
|
98
95
|
return _context.stop();
|
|
99
96
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.vo-test.js","names":["_playwright","require","_playwright2","_e2eStand","_promises","_voReporter","test","_ref2","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","_ref","page","pureVoiceOver","standPath","reportPath","htmlContent","_yield$makeVoiceOverR","voiceOver","getReport","report","wrap","_callee$","_context","prev","next","e2eStandToHtml","sent","setContent","makeVoiceOverReporter","interact","t0","expect","itemText","t1","toBe","act","t2","lastSpokenPhrase","t3","t4","t5","t6","t7","t8","t9","getReportHeader","t10","t11","t12","writeFile","stop","_x","apply","arguments"],"sources":["../../src/modal.vo-test.ts"],"sourcesContent":["import { expect } from '@semcore/testing-utils/playwright';\nimport {
|
|
1
|
+
{"version":3,"file":"modal.vo-test.js","names":["_playwright","require","_playwright2","_e2eStand","_promises","_voReporter","test","_ref2","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","_ref","page","pureVoiceOver","standPath","reportPath","htmlContent","_yield$makeVoiceOverR","voiceOver","getReport","report","wrap","_callee$","_context","prev","next","e2eStandToHtml","sent","setContent","makeVoiceOverReporter","interact","t0","expect","itemText","t1","toBe","act","t2","lastSpokenPhrase","t3","toContain","t4","t5","t6","t7","t8","t9","getReportHeader","t10","t11","t12","writeFile","stop","_x","apply","arguments"],"sources":["../../src/modal.vo-test.ts"],"sourcesContent":["import { expect } from '@semcore/testing-utils/playwright';\nimport { voiceOverTest as test } from '@guidepup/playwright';\n\nimport { e2eStandToHtml } from '@semcore/testing-utils/e2e-stand';\nimport { writeFile } from 'fs/promises';\nimport { getReportHeader, makeVoiceOverReporter } from '@semcore/testing-utils/vo-reporter';\n\ntest('Users can interact with Modal via VoiceOver', async ({ page, voiceOver: pureVoiceOver }) => {\n const standPath = 'website/docs/components/modal/examples/basic_modal_window_usage.tsx';\n const reportPath = 'website/docs/components/modal/modal-a11y-report.md';\n const htmlContent = await e2eStandToHtml(standPath, 'en');\n\n await page.setContent(htmlContent);\n const { voiceOver, getReport } = await makeVoiceOverReporter(pureVoiceOver);\n await voiceOver.interact();\n\n expect(await voiceOver.itemText()).toBe('Open modal button');\n await voiceOver.act();\n expect(await voiceOver.lastSpokenPhrase()).toContain(\n 'Do you want to save your changes? web dialog with 5 items Close button',\n );\n await voiceOver.next();\n expect(await voiceOver.itemText()).toBe('Do you want to save your changes? heading level 2');\n await voiceOver.next();\n await voiceOver.next();\n expect(await voiceOver.itemText()).toBe('Save changes button');\n await voiceOver.act();\n expect(await voiceOver.itemText()).toBe('Open modal button');\n\n const report = (await getReportHeader()) + '\\n\\n' + (await getReport(standPath));\n\n await writeFile(reportPath, report);\n});\n"],"mappings":"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"}
|
package/lib/es6/Modal.js
CHANGED
|
@@ -23,15 +23,15 @@ import usePreventScroll from '@semcore/utils/lib/use/usePreventScroll';
|
|
|
23
23
|
import { isAdvanceMode } from '@semcore/utils/lib/findComponent';
|
|
24
24
|
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
25
25
|
/*__reshadow-styles__:"./style/modal.shadow.css"*/
|
|
26
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
27
|
-
"__SWindow": "
|
|
28
|
-
"_ghost": "
|
|
29
|
-
"__SClose": "
|
|
30
|
-
"_keyboardFocused": "
|
|
31
|
-
"__SOverlay": "
|
|
32
|
-
"__STitle": "
|
|
33
|
-
"_color": "
|
|
34
|
-
"--color": "--
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWindow_1v6w4_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_1v6w4_gg_:focus{outline:0}.___SWindow_1v6w4_gg_ .___STitle_1v6w4_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SWindow_1v6w4_gg_ .___STitle_1v6w4_gg_.__color_1v6w4_gg_{color:var(--color_1v6w4)}.___SWindow_1v6w4_gg_.__ghost_1v6w4_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_1v6w4_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:var(--intergalactic-spacing-10x, 40px);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;z-index:var(--intergalactic-z-index-modal, 600);-webkit-overflow-scrolling:touch}.___SOverlay_1v6w4_gg_ .___SOverlay_1v6w4_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SClose_1v6w4_gg_{display:inline-flex;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer;z-index:1;border:0;background:0 0;outline:0}@media (hover:hover){.___SClose_1v6w4_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_1v6w4_gg_.__ghost_1v6w4_gg_{color:var(--intergalactic-icon-primary-invert, #ffffff);border-radius:4px}@media (hover:hover){.___SClose_1v6w4_gg_.__ghost_1v6w4_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}}.___SClose_1v6w4_gg_.__keyboardFocused_1v6w4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (max-width:767px){.___SWindow_1v6w4_gg_{min-width:60%}.___SOverlay_1v6w4_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "1v6w4_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SWindow": "___SWindow_1v6w4_gg_",
|
|
28
|
+
"_ghost": "__ghost_1v6w4_gg_",
|
|
29
|
+
"__SClose": "___SClose_1v6w4_gg_",
|
|
30
|
+
"_keyboardFocused": "__keyboardFocused_1v6w4_gg_",
|
|
31
|
+
"__SOverlay": "___SOverlay_1v6w4_gg_",
|
|
32
|
+
"__STitle": "___STitle_1v6w4_gg_",
|
|
33
|
+
"_color": "__color_1v6w4_gg_",
|
|
34
|
+
"--color": "--color_1v6w4"
|
|
35
35
|
});
|
|
36
36
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
37
37
|
import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
|
package/lib/es6/modal.vo-test.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _regeneratorRuntime from "@babel/runtime/helpers/regeneratorRuntime";
|
|
2
2
|
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
3
3
|
import { expect } from '@semcore/testing-utils/playwright';
|
|
4
|
-
import {
|
|
4
|
+
import { voiceOverTest as test } from '@guidepup/playwright';
|
|
5
5
|
import { e2eStandToHtml } from '@semcore/testing-utils/e2e-stand';
|
|
6
6
|
import { writeFile } from 'fs/promises';
|
|
7
7
|
import { getReportHeader, makeVoiceOverReporter } from '@semcore/testing-utils/vo-reporter';
|
|
@@ -12,7 +12,7 @@ test('Users can interact with Modal via VoiceOver', /*#__PURE__*/function () {
|
|
|
12
12
|
while (1) switch (_context.prev = _context.next) {
|
|
13
13
|
case 0:
|
|
14
14
|
page = _ref.page, pureVoiceOver = _ref.voiceOver;
|
|
15
|
-
standPath = 'website/docs/components/modal/examples/
|
|
15
|
+
standPath = 'website/docs/components/modal/examples/basic_modal_window_usage.tsx';
|
|
16
16
|
reportPath = 'website/docs/components/modal/modal-a11y-report.md';
|
|
17
17
|
_context.next = 5;
|
|
18
18
|
return e2eStandToHtml(standPath, 'en');
|
|
@@ -44,7 +44,7 @@ test('Users can interact with Modal via VoiceOver', /*#__PURE__*/function () {
|
|
|
44
44
|
return voiceOver.lastSpokenPhrase();
|
|
45
45
|
case 25:
|
|
46
46
|
_context.t3 = _context.sent;
|
|
47
|
-
(0, _context.t2)(_context.t3).
|
|
47
|
+
(0, _context.t2)(_context.t3).toContain('Do you want to save your changes? web dialog with 5 items Close button');
|
|
48
48
|
_context.next = 29;
|
|
49
49
|
return voiceOver.next();
|
|
50
50
|
case 29:
|
|
@@ -69,28 +69,25 @@ test('Users can interact with Modal via VoiceOver', /*#__PURE__*/function () {
|
|
|
69
69
|
_context.next = 45;
|
|
70
70
|
return voiceOver.act();
|
|
71
71
|
case 45:
|
|
72
|
-
_context.next = 47;
|
|
73
|
-
return voiceOver.act();
|
|
74
|
-
case 47:
|
|
75
72
|
_context.t8 = expect;
|
|
76
|
-
_context.next =
|
|
73
|
+
_context.next = 48;
|
|
77
74
|
return voiceOver.itemText();
|
|
78
|
-
case
|
|
75
|
+
case 48:
|
|
79
76
|
_context.t9 = _context.sent;
|
|
80
77
|
(0, _context.t8)(_context.t9).toBe('Open modal button');
|
|
81
|
-
_context.next =
|
|
78
|
+
_context.next = 52;
|
|
82
79
|
return getReportHeader();
|
|
83
|
-
case
|
|
80
|
+
case 52:
|
|
84
81
|
_context.t10 = _context.sent;
|
|
85
82
|
_context.t11 = _context.t10 + '\n\n';
|
|
86
|
-
_context.next =
|
|
83
|
+
_context.next = 56;
|
|
87
84
|
return getReport(standPath);
|
|
88
|
-
case
|
|
85
|
+
case 56:
|
|
89
86
|
_context.t12 = _context.sent;
|
|
90
87
|
report = _context.t11 + _context.t12;
|
|
91
|
-
_context.next =
|
|
88
|
+
_context.next = 60;
|
|
92
89
|
return writeFile(reportPath, report);
|
|
93
|
-
case
|
|
90
|
+
case 60:
|
|
94
91
|
case "end":
|
|
95
92
|
return _context.stop();
|
|
96
93
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.vo-test.js","names":["expect","
|
|
1
|
+
{"version":3,"file":"modal.vo-test.js","names":["expect","voiceOverTest","test","e2eStandToHtml","writeFile","getReportHeader","makeVoiceOverReporter","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_ref","page","pureVoiceOver","standPath","reportPath","htmlContent","_yield$makeVoiceOverR","voiceOver","getReport","report","wrap","_callee$","_context","prev","next","sent","setContent","interact","t0","itemText","t1","toBe","act","t2","lastSpokenPhrase","t3","toContain","t4","t5","t6","t7","t8","t9","t10","t11","t12","stop","_x","apply","arguments"],"sources":["../../src/modal.vo-test.ts"],"sourcesContent":["import { expect } from '@semcore/testing-utils/playwright';\nimport { voiceOverTest as test } from '@guidepup/playwright';\n\nimport { e2eStandToHtml } from '@semcore/testing-utils/e2e-stand';\nimport { writeFile } from 'fs/promises';\nimport { getReportHeader, makeVoiceOverReporter } from '@semcore/testing-utils/vo-reporter';\n\ntest('Users can interact with Modal via VoiceOver', async ({ page, voiceOver: pureVoiceOver }) => {\n const standPath = 'website/docs/components/modal/examples/basic_modal_window_usage.tsx';\n const reportPath = 'website/docs/components/modal/modal-a11y-report.md';\n const htmlContent = await e2eStandToHtml(standPath, 'en');\n\n await page.setContent(htmlContent);\n const { voiceOver, getReport } = await makeVoiceOverReporter(pureVoiceOver);\n await voiceOver.interact();\n\n expect(await voiceOver.itemText()).toBe('Open modal button');\n await voiceOver.act();\n expect(await voiceOver.lastSpokenPhrase()).toContain(\n 'Do you want to save your changes? web dialog with 5 items Close button',\n );\n await voiceOver.next();\n expect(await voiceOver.itemText()).toBe('Do you want to save your changes? heading level 2');\n await voiceOver.next();\n await voiceOver.next();\n expect(await voiceOver.itemText()).toBe('Save changes button');\n await voiceOver.act();\n expect(await voiceOver.itemText()).toBe('Open modal button');\n\n const report = (await getReportHeader()) + '\\n\\n' + (await getReport(standPath));\n\n await writeFile(reportPath, report);\n});\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/modal",
|
|
3
3
|
"description": "Semrush Modal Component",
|
|
4
|
-
"version": "4.32.
|
|
4
|
+
"version": "4.32.2-prerelease.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -9,16 +9,16 @@
|
|
|
9
9
|
"author": "UI-kit team <ui-kit-team@semrush.com>",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@semcore/animation": "2.22.
|
|
13
|
-
"@semcore/flex-box": "5.22.
|
|
14
|
-
"@semcore/icon": "4.31.
|
|
15
|
-
"@semcore/outside-click": "3.20.
|
|
16
|
-
"@semcore/portal": "3.22.
|
|
17
|
-
"@semcore/typography": "5.30.
|
|
18
|
-
"@semcore/utils": "4.23.
|
|
12
|
+
"@semcore/animation": "2.22.2-prerelease.0",
|
|
13
|
+
"@semcore/flex-box": "5.22.2-prerelease.0",
|
|
14
|
+
"@semcore/icon": "4.31.2-prerelease.0",
|
|
15
|
+
"@semcore/outside-click": "3.20.2-prerelease.0",
|
|
16
|
+
"@semcore/portal": "3.22.2-prerelease.0",
|
|
17
|
+
"@semcore/typography": "5.30.2-prerelease.0",
|
|
18
|
+
"@semcore/utils": "4.23.2-prerelease.0"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
21
|
-
"@semcore/core": "^2.
|
|
21
|
+
"@semcore/core": "^2.20.2-prerelease.0",
|
|
22
22
|
"react": "16.8 - 18",
|
|
23
23
|
"react-dom": "16.8 - 18"
|
|
24
24
|
},
|
|
@@ -28,8 +28,8 @@
|
|
|
28
28
|
"directory": "semcore/modal"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
|
-
"@guidepup/playwright": "0.
|
|
32
|
-
"@playwright/test": "1.
|
|
31
|
+
"@guidepup/playwright": "0.13.2",
|
|
32
|
+
"@playwright/test": "1.43.0",
|
|
33
33
|
"@types/react": "18.0.21",
|
|
34
34
|
"@semcore/testing-utils": "1.0.0"
|
|
35
35
|
},
|