@pingux/astro 1.17.0-alpha.11 → 1.17.0-alpha.12
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/lib/cjs/components/Button/Button.test.js +5 -0
- package/lib/cjs/components/Link/Link.test.js +5 -0
- package/lib/cjs/styles/variants/buttons.js +1 -3
- package/lib/components/Button/Button.test.js +3 -0
- package/lib/components/Link/Link.test.js +3 -0
- package/lib/styles/variants/buttons.js +1 -3
- package/package.json +1 -1
|
@@ -137,6 +137,11 @@ test('color block button renders in default state', function () {
|
|
|
137
137
|
|
|
138
138
|
expect(button).toHaveClass('is-focused');
|
|
139
139
|
expect(button).toHaveFocus();
|
|
140
|
+
|
|
141
|
+
_userEvent["default"].tab();
|
|
142
|
+
|
|
143
|
+
expect(button).not.toHaveClass('is-focused');
|
|
144
|
+
expect(button).not.toHaveFocus();
|
|
140
145
|
});
|
|
141
146
|
test('color block button renders in configured state', function () {
|
|
142
147
|
getComponent({
|
|
@@ -65,6 +65,11 @@ test('link shows focus status', function () {
|
|
|
65
65
|
|
|
66
66
|
expect(link).toHaveFocus();
|
|
67
67
|
expect(link).toHaveClass('is-focused');
|
|
68
|
+
|
|
69
|
+
_userEvent["default"].tab();
|
|
70
|
+
|
|
71
|
+
expect(link).not.toHaveFocus();
|
|
72
|
+
expect(link).not.toHaveClass('is-focused');
|
|
68
73
|
});
|
|
69
74
|
test('link shows disabled status', function () {
|
|
70
75
|
// Needs href to have a tabindex
|
|
@@ -502,9 +502,7 @@ var colorField = {
|
|
|
502
502
|
'&:focus-visible': {
|
|
503
503
|
outline: 'none'
|
|
504
504
|
},
|
|
505
|
-
'&.is-focused': {
|
|
506
|
-
borderColor: 'accent.80'
|
|
507
|
-
}
|
|
505
|
+
'&.is-focused': _objectSpread({}, defaultFocus)
|
|
508
506
|
};
|
|
509
507
|
|
|
510
508
|
var imageUpload = _objectSpread(_objectSpread({}, base), {}, {
|
|
@@ -100,6 +100,9 @@ test('color block button renders in default state', function () {
|
|
|
100
100
|
userEvent.tab();
|
|
101
101
|
expect(button).toHaveClass('is-focused');
|
|
102
102
|
expect(button).toHaveFocus();
|
|
103
|
+
userEvent.tab();
|
|
104
|
+
expect(button).not.toHaveClass('is-focused');
|
|
105
|
+
expect(button).not.toHaveFocus();
|
|
103
106
|
});
|
|
104
107
|
test('color block button renders in configured state', function () {
|
|
105
108
|
getComponent({
|
|
@@ -43,6 +43,9 @@ test('link shows focus status', function () {
|
|
|
43
43
|
userEvent.tab();
|
|
44
44
|
expect(link).toHaveFocus();
|
|
45
45
|
expect(link).toHaveClass('is-focused');
|
|
46
|
+
userEvent.tab();
|
|
47
|
+
expect(link).not.toHaveFocus();
|
|
48
|
+
expect(link).not.toHaveClass('is-focused');
|
|
46
49
|
});
|
|
47
50
|
test('link shows disabled status', function () {
|
|
48
51
|
// Needs href to have a tabindex
|
|
@@ -482,9 +482,7 @@ var colorField = {
|
|
|
482
482
|
'&:focus-visible': {
|
|
483
483
|
outline: 'none'
|
|
484
484
|
},
|
|
485
|
-
'&.is-focused': {
|
|
486
|
-
borderColor: 'accent.80'
|
|
487
|
-
}
|
|
485
|
+
'&.is-focused': _objectSpread({}, defaultFocus)
|
|
488
486
|
};
|
|
489
487
|
|
|
490
488
|
var imageUpload = _objectSpread(_objectSpread({}, base), {}, {
|