@semcore/modal 3.6.14 → 3.7.1
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 +12 -0
- package/lib/cjs/Modal.js +6 -6
- package/lib/cjs/modal.vo-test.js +12 -9
- package/lib/cjs/modal.vo-test.js.map +1 -1
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +3 -1
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/cjs/translations/pl.json +4 -0
- package/lib/es6/Modal.js +6 -6
- package/lib/es6/modal.vo-test.js +12 -9
- package/lib/es6/modal.vo-test.js.map +1 -1
- package/lib/es6/translations/__intergalactic-dynamic-locales.js +3 -1
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/translations/pl.json +4 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [3.7.1] - 2023-06-09
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/animation` [1.10.16 ~> 1.10.17], `@semcore/flex-box` [4.7.28 ~> 4.7.29], `@semcore/icon` [3.14.16 ~> 3.15.0], `@semcore/utils` [3.53.1 ~> 3.53.2]).
|
|
10
|
+
|
|
11
|
+
## [3.7.0] - 2023-06-09
|
|
12
|
+
|
|
13
|
+
### Added
|
|
14
|
+
|
|
15
|
+
- Polish (`pl`) locale support.
|
|
16
|
+
|
|
5
17
|
## [3.6.14] - 2023-06-07
|
|
6
18
|
|
|
7
19
|
### Changed
|
package/lib/cjs/Modal.js
CHANGED
|
@@ -32,12 +32,12 @@ var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
|
|
|
32
32
|
var _useFocusLock = require("@semcore/utils/lib/use/useFocusLock");
|
|
33
33
|
var _ThemeProvider = require("@semcore/utils/lib/ThemeProvider");
|
|
34
34
|
/*__reshadow-styles__:"./style/modal.shadow.css"*/
|
|
35
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
36
|
-
"__SWindow": "
|
|
37
|
-
"__SOverlay": "
|
|
38
|
-
"__SClose": "
|
|
39
|
-
"_keyboardFocused": "
|
|
40
|
-
"__STitle": "
|
|
35
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SWindow_4nhb6_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_4nhb6_gg_:focus{outline:0}.___SOverlay_4nhb6_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_4nhb6_gg_ .___SOverlay_4nhb6_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SClose_4nhb6_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_4nhb6_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #8a8e9b)}}.___SClose_4nhb6_gg_.__keyboardFocused_4nhb6_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STitle_4nhb6_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)}@media (max-width:767px){.___SWindow_4nhb6_gg_{min-width:60%}.___SOverlay_4nhb6_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "4nhb6_gg_") /*__reshadow_css_end__*/, {
|
|
36
|
+
"__SWindow": "___SWindow_4nhb6_gg_",
|
|
37
|
+
"__SOverlay": "___SOverlay_4nhb6_gg_",
|
|
38
|
+
"__SClose": "___SClose_4nhb6_gg_",
|
|
39
|
+
"_keyboardFocused": "__keyboardFocused_4nhb6_gg_",
|
|
40
|
+
"__STitle": "___STitle_4nhb6_gg_"
|
|
41
41
|
});
|
|
42
42
|
var ModalRoot = /*#__PURE__*/function (_Component) {
|
|
43
43
|
(0, _inherits2["default"])(ModalRoot, _Component);
|
package/lib/cjs/modal.vo-test.js
CHANGED
|
@@ -16,7 +16,7 @@ var _voReporter = require("@semcore/jest-preset-ui/vo-reporter");
|
|
|
16
16
|
while (1) switch (_context.prev = _context.next) {
|
|
17
17
|
case 0:
|
|
18
18
|
page = _ref.page, pureVoiceOver = _ref.voiceOver;
|
|
19
|
-
standPath = (0, _path.resolve)(__dirname, '../../../website/docs/components/modal/examples/modal.
|
|
19
|
+
standPath = (0, _path.resolve)(__dirname, '../../../website/docs/components/modal/examples/modal.tsx');
|
|
20
20
|
reportPath = (0, _path.resolve)(__dirname, '../../../website/docs/components/modal/modal-a11y-report.md');
|
|
21
21
|
_context.next = 5;
|
|
22
22
|
return (0, _e2eStand.e2eStandToHtml)(standPath, 'en');
|
|
@@ -73,25 +73,28 @@ var _voReporter = require("@semcore/jest-preset-ui/vo-reporter");
|
|
|
73
73
|
_context.next = 45;
|
|
74
74
|
return voiceOver.act();
|
|
75
75
|
case 45:
|
|
76
|
+
_context.next = 47;
|
|
77
|
+
return voiceOver.act();
|
|
78
|
+
case 47:
|
|
76
79
|
_context.t8 = _test.expect;
|
|
77
|
-
_context.next =
|
|
80
|
+
_context.next = 50;
|
|
78
81
|
return voiceOver.itemText();
|
|
79
|
-
case
|
|
82
|
+
case 50:
|
|
80
83
|
_context.t9 = _context.sent;
|
|
81
84
|
(0, _context.t8)(_context.t9).toBe('Open modal button');
|
|
82
|
-
_context.next =
|
|
85
|
+
_context.next = 54;
|
|
83
86
|
return (0, _voReporter.getReportHeader)();
|
|
84
|
-
case
|
|
87
|
+
case 54:
|
|
85
88
|
_context.t10 = _context.sent;
|
|
86
89
|
_context.t11 = _context.t10 + '\n\n';
|
|
87
|
-
_context.next =
|
|
90
|
+
_context.next = 58;
|
|
88
91
|
return getReport(standPath);
|
|
89
|
-
case
|
|
92
|
+
case 58:
|
|
90
93
|
_context.t12 = _context.sent;
|
|
91
94
|
report = _context.t11 + _context.t12;
|
|
92
|
-
_context.next =
|
|
95
|
+
_context.next = 62;
|
|
93
96
|
return (0, _promises.writeFile)(reportPath, report);
|
|
94
|
-
case
|
|
97
|
+
case 62:
|
|
95
98
|
case "end":
|
|
96
99
|
return _context.stop();
|
|
97
100
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.vo-test.js","names":["_test","require","_playwright","_e2eStand","_path","_promises","_voReporter","test","_ref2","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","_ref","page","pureVoiceOver","standPath","reportPath","htmlContent","_yield$makeVoiceOverR","voiceOver","getReport","report","wrap","_callee$","_context","prev","next","resolvePath","__dirname","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 '@playwright/test';\nimport { voTest as test } from '@guidepup/playwright';\nimport { e2eStandToHtml } from '@semcore/jest-preset-ui/e2e-stand';\nimport { resolve as resolvePath } from 'path';\nimport { writeFile } from 'fs/promises';\nimport { getReportHeader, makeVoiceOverReporter } from '@semcore/jest-preset-ui/vo-reporter';\n\ntest('Users can interact with Modal via VoiceOver', async ({ page, voiceOver: pureVoiceOver }) => {\n const standPath = resolvePath(\n __dirname,\n '../../../website/docs/components/modal/examples/modal.
|
|
1
|
+
{"version":3,"file":"modal.vo-test.js","names":["_test","require","_playwright","_e2eStand","_path","_promises","_voReporter","test","_ref2","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","_ref","page","pureVoiceOver","standPath","reportPath","htmlContent","_yield$makeVoiceOverR","voiceOver","getReport","report","wrap","_callee$","_context","prev","next","resolvePath","__dirname","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 '@playwright/test';\nimport { voTest as test } from '@guidepup/playwright';\nimport { e2eStandToHtml } from '@semcore/jest-preset-ui/e2e-stand';\nimport { resolve as resolvePath } from 'path';\nimport { writeFile } from 'fs/promises';\nimport { getReportHeader, makeVoiceOverReporter } from '@semcore/jest-preset-ui/vo-reporter';\n\ntest('Users can interact with Modal via VoiceOver', async ({ page, voiceOver: pureVoiceOver }) => {\n const standPath = resolvePath(\n __dirname,\n '../../../website/docs/components/modal/examples/modal.tsx',\n );\n const reportPath = resolvePath(\n __dirname,\n '../../../website/docs/components/modal/modal-a11y-report.md',\n );\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()).toBe(\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\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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"}
|
|
@@ -16,6 +16,7 @@ var _pt = _interopRequireDefault(require("./pt.json"));
|
|
|
16
16
|
var _tr = _interopRequireDefault(require("./tr.json"));
|
|
17
17
|
var _vi = _interopRequireDefault(require("./vi.json"));
|
|
18
18
|
var _zh = _interopRequireDefault(require("./zh.json"));
|
|
19
|
+
var _pl = _interopRequireDefault(require("./pl.json"));
|
|
19
20
|
var localizedMessages = {
|
|
20
21
|
de: _de["default"],
|
|
21
22
|
en: _en["default"],
|
|
@@ -27,7 +28,8 @@ var localizedMessages = {
|
|
|
27
28
|
pt: _pt["default"],
|
|
28
29
|
tr: _tr["default"],
|
|
29
30
|
vi: _vi["default"],
|
|
30
|
-
zh: _zh["default"]
|
|
31
|
+
zh: _zh["default"],
|
|
32
|
+
pl: _pl["default"]
|
|
31
33
|
};
|
|
32
34
|
exports.localizedMessages = localizedMessages;
|
|
33
35
|
//# sourceMappingURL=__intergalactic-dynamic-locales.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_pt","_tr","_vi","_zh","localizedMessages","de","en","es","fr","it","ja","ko","pt","tr","vi","zh","exports"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n pt,\n tr,\n vi,\n zh,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AAEO,
|
|
1
|
+
{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_pt","_tr","_vi","_zh","_pl","localizedMessages","de","en","es","fr","it","ja","ko","pt","tr","vi","zh","pl","exports"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\nimport pl from './pl.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n pt,\n tr,\n vi,\n zh,\n pl,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AAEO,IAAMY,iBAAiB,GAAG;EAC/BC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA;AACF,CAAC;AAACC,OAAA,CAAAb,iBAAA,GAAAA,iBAAA"}
|
package/lib/es6/Modal.js
CHANGED
|
@@ -23,12 +23,12 @@ 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
|
-
"__SOverlay": "
|
|
29
|
-
"__SClose": "
|
|
30
|
-
"_keyboardFocused": "
|
|
31
|
-
"__STitle": "
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWindow_4nhb6_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_4nhb6_gg_:focus{outline:0}.___SOverlay_4nhb6_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_4nhb6_gg_ .___SOverlay_4nhb6_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SClose_4nhb6_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_4nhb6_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #8a8e9b)}}.___SClose_4nhb6_gg_.__keyboardFocused_4nhb6_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STitle_4nhb6_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)}@media (max-width:767px){.___SWindow_4nhb6_gg_{min-width:60%}.___SOverlay_4nhb6_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "4nhb6_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SWindow": "___SWindow_4nhb6_gg_",
|
|
28
|
+
"__SOverlay": "___SOverlay_4nhb6_gg_",
|
|
29
|
+
"__SClose": "___SClose_4nhb6_gg_",
|
|
30
|
+
"_keyboardFocused": "__keyboardFocused_4nhb6_gg_",
|
|
31
|
+
"__STitle": "___STitle_4nhb6_gg_"
|
|
32
32
|
});
|
|
33
33
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
34
34
|
import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
|
package/lib/es6/modal.vo-test.js
CHANGED
|
@@ -13,7 +13,7 @@ test('Users can interact with Modal via VoiceOver', /*#__PURE__*/function () {
|
|
|
13
13
|
while (1) switch (_context.prev = _context.next) {
|
|
14
14
|
case 0:
|
|
15
15
|
page = _ref.page, pureVoiceOver = _ref.voiceOver;
|
|
16
|
-
standPath = resolvePath(__dirname, '../../../website/docs/components/modal/examples/modal.
|
|
16
|
+
standPath = resolvePath(__dirname, '../../../website/docs/components/modal/examples/modal.tsx');
|
|
17
17
|
reportPath = resolvePath(__dirname, '../../../website/docs/components/modal/modal-a11y-report.md');
|
|
18
18
|
_context.next = 5;
|
|
19
19
|
return e2eStandToHtml(standPath, 'en');
|
|
@@ -70,25 +70,28 @@ test('Users can interact with Modal via VoiceOver', /*#__PURE__*/function () {
|
|
|
70
70
|
_context.next = 45;
|
|
71
71
|
return voiceOver.act();
|
|
72
72
|
case 45:
|
|
73
|
+
_context.next = 47;
|
|
74
|
+
return voiceOver.act();
|
|
75
|
+
case 47:
|
|
73
76
|
_context.t8 = expect;
|
|
74
|
-
_context.next =
|
|
77
|
+
_context.next = 50;
|
|
75
78
|
return voiceOver.itemText();
|
|
76
|
-
case
|
|
79
|
+
case 50:
|
|
77
80
|
_context.t9 = _context.sent;
|
|
78
81
|
(0, _context.t8)(_context.t9).toBe('Open modal button');
|
|
79
|
-
_context.next =
|
|
82
|
+
_context.next = 54;
|
|
80
83
|
return getReportHeader();
|
|
81
|
-
case
|
|
84
|
+
case 54:
|
|
82
85
|
_context.t10 = _context.sent;
|
|
83
86
|
_context.t11 = _context.t10 + '\n\n';
|
|
84
|
-
_context.next =
|
|
87
|
+
_context.next = 58;
|
|
85
88
|
return getReport(standPath);
|
|
86
|
-
case
|
|
89
|
+
case 58:
|
|
87
90
|
_context.t12 = _context.sent;
|
|
88
91
|
report = _context.t11 + _context.t12;
|
|
89
|
-
_context.next =
|
|
92
|
+
_context.next = 62;
|
|
90
93
|
return writeFile(reportPath, report);
|
|
91
|
-
case
|
|
94
|
+
case 62:
|
|
92
95
|
case "end":
|
|
93
96
|
return _context.stop();
|
|
94
97
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.vo-test.js","names":["expect","voTest","test","e2eStandToHtml","resolve","resolvePath","writeFile","getReportHeader","makeVoiceOverReporter","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_ref","page","pureVoiceOver","standPath","reportPath","htmlContent","_yield$makeVoiceOverR","voiceOver","getReport","report","wrap","_callee$","_context","prev","next","__dirname","sent","setContent","interact","t0","itemText","t1","toBe","act","t2","lastSpokenPhrase","t3","t4","t5","t6","t7","t8","t9","t10","t11","t12","stop","_x","apply","arguments"],"sources":["../../src/modal.vo-test.ts"],"sourcesContent":["import { expect } from '@playwright/test';\nimport { voTest as test } from '@guidepup/playwright';\nimport { e2eStandToHtml } from '@semcore/jest-preset-ui/e2e-stand';\nimport { resolve as resolvePath } from 'path';\nimport { writeFile } from 'fs/promises';\nimport { getReportHeader, makeVoiceOverReporter } from '@semcore/jest-preset-ui/vo-reporter';\n\ntest('Users can interact with Modal via VoiceOver', async ({ page, voiceOver: pureVoiceOver }) => {\n const standPath = resolvePath(\n __dirname,\n '../../../website/docs/components/modal/examples/modal.
|
|
1
|
+
{"version":3,"file":"modal.vo-test.js","names":["expect","voTest","test","e2eStandToHtml","resolve","resolvePath","writeFile","getReportHeader","makeVoiceOverReporter","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_ref","page","pureVoiceOver","standPath","reportPath","htmlContent","_yield$makeVoiceOverR","voiceOver","getReport","report","wrap","_callee$","_context","prev","next","__dirname","sent","setContent","interact","t0","itemText","t1","toBe","act","t2","lastSpokenPhrase","t3","t4","t5","t6","t7","t8","t9","t10","t11","t12","stop","_x","apply","arguments"],"sources":["../../src/modal.vo-test.ts"],"sourcesContent":["import { expect } from '@playwright/test';\nimport { voTest as test } from '@guidepup/playwright';\nimport { e2eStandToHtml } from '@semcore/jest-preset-ui/e2e-stand';\nimport { resolve as resolvePath } from 'path';\nimport { writeFile } from 'fs/promises';\nimport { getReportHeader, makeVoiceOverReporter } from '@semcore/jest-preset-ui/vo-reporter';\n\ntest('Users can interact with Modal via VoiceOver', async ({ page, voiceOver: pureVoiceOver }) => {\n const standPath = resolvePath(\n __dirname,\n '../../../website/docs/components/modal/examples/modal.tsx',\n );\n const reportPath = resolvePath(\n __dirname,\n '../../../website/docs/components/modal/modal-a11y-report.md',\n );\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()).toBe(\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\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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"}
|
|
@@ -9,6 +9,7 @@ import pt from './pt.json';
|
|
|
9
9
|
import tr from './tr.json';
|
|
10
10
|
import vi from './vi.json';
|
|
11
11
|
import zh from './zh.json';
|
|
12
|
+
import pl from './pl.json';
|
|
12
13
|
export var localizedMessages = {
|
|
13
14
|
de: de,
|
|
14
15
|
en: en,
|
|
@@ -20,6 +21,7 @@ export var localizedMessages = {
|
|
|
20
21
|
pt: pt,
|
|
21
22
|
tr: tr,
|
|
22
23
|
vi: vi,
|
|
23
|
-
zh: zh
|
|
24
|
+
zh: zh,
|
|
25
|
+
pl: pl
|
|
24
26
|
};
|
|
25
27
|
//# sourceMappingURL=__intergalactic-dynamic-locales.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","pt","tr","vi","zh","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n pt,\n tr,\n vi,\n zh,\n};\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,IAAMC,iBAAiB,GAAG;EAC/
|
|
1
|
+
{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","pt","tr","vi","zh","pl","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\nimport pl from './pl.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n pt,\n tr,\n vi,\n zh,\n pl,\n};\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,IAAMC,iBAAiB,GAAG;EAC/BZ,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA;AACF,CAAC"}
|