@pingux/astro 1.35.0-alpha.2 → 1.35.0-alpha.3
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.
@@ -126,12 +126,7 @@ var Modal = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
126
126
|
|
127
127
|
var _useDialog = (0, _dialog.useDialog)(contentProps, modalRef),
|
128
128
|
dialogProps = _useDialog.dialogProps,
|
129
|
-
titleProps = _useDialog.titleProps;
|
130
|
-
|
131
|
-
|
132
|
-
dialogProps.onMouseDown = function (e) {
|
133
|
-
return e.preventDefault();
|
134
|
-
};
|
129
|
+
titleProps = _useDialog.titleProps;
|
135
130
|
|
136
131
|
var _useStatusClasses = (0, _hooks.useStatusClasses)(className, {
|
137
132
|
isDarkMode: others.variant === 'modal.dark'
|
@@ -18,13 +18,6 @@ var _react2 = require("@emotion/react");
|
|
18
18
|
var getComponent = function getComponent() {
|
19
19
|
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
20
20
|
return (0, _testWrapper.render)((0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.Modal, props)));
|
21
|
-
};
|
22
|
-
|
23
|
-
var getComponentWithCheckbox = function getComponentWithCheckbox() {
|
24
|
-
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
25
|
-
return (0, _testWrapper.render)((0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.Modal, props, (0, _react2.jsx)(_index.CheckboxField, {
|
26
|
-
"aria-label": "checkbox"
|
27
|
-
}))));
|
28
21
|
}; // **********
|
29
22
|
// Unit tests
|
30
23
|
// **********
|
@@ -226,21 +219,4 @@ test('should auto focus the first tabbable element if "hasAutoFocus" is true', f
|
|
226
219
|
var button = _testWrapper.screen.queryByRole('button');
|
227
220
|
|
228
221
|
expect(button).toHaveFocus();
|
229
|
-
});
|
230
|
-
test('checkbox should not have focus outline on click', function () {
|
231
|
-
getComponentWithCheckbox({
|
232
|
-
isOpen: true
|
233
|
-
});
|
234
|
-
|
235
|
-
var checkbox = _testWrapper.screen.getByRole('checkbox');
|
236
|
-
|
237
|
-
_userEvent["default"].click(checkbox);
|
238
|
-
|
239
|
-
expect(checkbox).toBeChecked();
|
240
|
-
expect(checkbox).not.toHaveClass('is-focused');
|
241
|
-
|
242
|
-
_userEvent["default"].click(checkbox);
|
243
|
-
|
244
|
-
expect(checkbox).not.toBeChecked();
|
245
|
-
expect(checkbox).not.toHaveClass('is-focused');
|
246
222
|
});
|
@@ -86,12 +86,7 @@ var Modal = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
86
86
|
|
87
87
|
var _useDialog = useDialog(contentProps, modalRef),
|
88
88
|
dialogProps = _useDialog.dialogProps,
|
89
|
-
titleProps = _useDialog.titleProps;
|
90
|
-
|
91
|
-
|
92
|
-
dialogProps.onMouseDown = function (e) {
|
93
|
-
return e.preventDefault();
|
94
|
-
};
|
89
|
+
titleProps = _useDialog.titleProps;
|
95
90
|
|
96
91
|
var _useStatusClasses = useStatusClasses(className, {
|
97
92
|
isDarkMode: others.variant === 'modal.dark'
|
@@ -2,20 +2,13 @@ import React from 'react';
|
|
2
2
|
import userEvent from '@testing-library/user-event';
|
3
3
|
import axeTest from '../../../utils/testUtils/testAxe';
|
4
4
|
import { render, screen, queryByAttribute } from '../../../utils/testUtils/testWrapper';
|
5
|
-
import {
|
5
|
+
import { OverlayProvider, Modal } from '../../../index'; // For testing the modal alone
|
6
6
|
|
7
7
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
8
8
|
|
9
9
|
var getComponent = function getComponent() {
|
10
10
|
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
11
11
|
return render(___EmotionJSX(OverlayProvider, null, ___EmotionJSX(Modal, props)));
|
12
|
-
};
|
13
|
-
|
14
|
-
var getComponentWithCheckbox = function getComponentWithCheckbox() {
|
15
|
-
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
16
|
-
return render(___EmotionJSX(OverlayProvider, null, ___EmotionJSX(Modal, props, ___EmotionJSX(CheckboxField, {
|
17
|
-
"aria-label": "checkbox"
|
18
|
-
}))));
|
19
12
|
}; // **********
|
20
13
|
// Unit tests
|
21
14
|
// **********
|
@@ -192,16 +185,4 @@ test('should auto focus the first tabbable element if "hasAutoFocus" is true', f
|
|
192
185
|
});
|
193
186
|
var button = screen.queryByRole('button');
|
194
187
|
expect(button).toHaveFocus();
|
195
|
-
});
|
196
|
-
test('checkbox should not have focus outline on click', function () {
|
197
|
-
getComponentWithCheckbox({
|
198
|
-
isOpen: true
|
199
|
-
});
|
200
|
-
var checkbox = screen.getByRole('checkbox');
|
201
|
-
userEvent.click(checkbox);
|
202
|
-
expect(checkbox).toBeChecked();
|
203
|
-
expect(checkbox).not.toHaveClass('is-focused');
|
204
|
-
userEvent.click(checkbox);
|
205
|
-
expect(checkbox).not.toBeChecked();
|
206
|
-
expect(checkbox).not.toHaveClass('is-focused');
|
207
188
|
});
|