@sit-onyx/headless 0.12.0-dev-20260805060505 → 0.12.0-dev-20260805134404
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/dist/index.js +7 -18
- package/dist/playwright.js +8 -3
- package/package.json +4 -4
package/dist/index.js
CHANGED
|
@@ -280,9 +280,7 @@ var createCalendar = createBuilder((options) => {
|
|
|
280
280
|
case "PageUp":
|
|
281
281
|
newDate = getNewFocusDateByDiff(-(event.shiftKey ? 12 : 1), "month");
|
|
282
282
|
break;
|
|
283
|
-
case "PageDown":
|
|
284
|
-
newDate = getNewFocusDateByDiff(event.shiftKey ? 12 : 1, "month");
|
|
285
|
-
break;
|
|
283
|
+
case "PageDown": newDate = getNewFocusDateByDiff(event.shiftKey ? 12 : 1, "month");
|
|
286
284
|
}
|
|
287
285
|
if (!newDate || isDisabled.value(newDate)) return;
|
|
288
286
|
event.preventDefault();
|
|
@@ -732,7 +730,6 @@ var createComboBox = createBuilder(({ autocomplete: autocompleteRef, onAutocompl
|
|
|
732
730
|
case "End":
|
|
733
731
|
event.preventDefault();
|
|
734
732
|
onActivateLast?.();
|
|
735
|
-
break;
|
|
736
733
|
}
|
|
737
734
|
};
|
|
738
735
|
const handleKeydown = (event) => {
|
|
@@ -1113,9 +1110,7 @@ var createMenuButton = createBuilder((options) => {
|
|
|
1113
1110
|
case "first":
|
|
1114
1111
|
nextIndex = 0;
|
|
1115
1112
|
break;
|
|
1116
|
-
case "last":
|
|
1117
|
-
nextIndex = menuItems.length - 1;
|
|
1118
|
-
break;
|
|
1113
|
+
case "last": nextIndex = menuItems.length - 1;
|
|
1119
1114
|
}
|
|
1120
1115
|
}
|
|
1121
1116
|
menuItems[nextIndex]?.focus();
|
|
@@ -1147,7 +1142,6 @@ var createMenuButton = createBuilder((options) => {
|
|
|
1147
1142
|
case "Escape":
|
|
1148
1143
|
event.preventDefault();
|
|
1149
1144
|
setExpanded(false);
|
|
1150
|
-
break;
|
|
1151
1145
|
}
|
|
1152
1146
|
};
|
|
1153
1147
|
const triggerEvents = computed(() => {
|
|
@@ -1240,7 +1234,6 @@ var createMenuItems = createBuilder((options) => {
|
|
|
1240
1234
|
case "Enter":
|
|
1241
1235
|
event.preventDefault();
|
|
1242
1236
|
onOpen?.();
|
|
1243
|
-
break;
|
|
1244
1237
|
}
|
|
1245
1238
|
};
|
|
1246
1239
|
const getClosingArrowDirection = () => {
|
|
@@ -1365,9 +1358,7 @@ var createNavigationMenu = createBuilder(({ navigationName }) => {
|
|
|
1365
1358
|
case "ArrowRight":
|
|
1366
1359
|
focusRelative(event.target, "next");
|
|
1367
1360
|
break;
|
|
1368
|
-
case "ArrowLeft":
|
|
1369
|
-
focusRelative(event.target, "previous");
|
|
1370
|
-
break;
|
|
1361
|
+
case "ArrowLeft": focusRelative(event.target, "previous");
|
|
1371
1362
|
}
|
|
1372
1363
|
}
|
|
1373
1364
|
} } };
|
|
@@ -1651,12 +1642,10 @@ var createTabs = createBuilder((options) => {
|
|
|
1651
1642
|
focusLastTab();
|
|
1652
1643
|
break;
|
|
1653
1644
|
case "Enter":
|
|
1654
|
-
case " ":
|
|
1655
|
-
{
|
|
1656
|
-
|
|
1657
|
-
|
|
1658
|
-
}
|
|
1659
|
-
break;
|
|
1645
|
+
case " ": {
|
|
1646
|
+
const tabEntry = Array.from(idMap.entries()).find(([, { tabId }]) => tabId === tab.id);
|
|
1647
|
+
if (tabEntry) options.onSelect?.(tabEntry[0]);
|
|
1648
|
+
}
|
|
1660
1649
|
}
|
|
1661
1650
|
};
|
|
1662
1651
|
return { elements: {
|
package/dist/playwright.js
CHANGED
|
@@ -4,7 +4,10 @@ var expectToOpen = async (keyCombo, combobox, listbox, checkActive) => {
|
|
|
4
4
|
await closeCombobox(combobox, listbox);
|
|
5
5
|
await combobox.press(keyCombo);
|
|
6
6
|
await expect(listbox, `Listbox should be opened after pressing ${keyCombo}.`).toBeVisible();
|
|
7
|
-
if (checkActive)
|
|
7
|
+
if (checkActive) {
|
|
8
|
+
const active = await checkActive();
|
|
9
|
+
expect(active, "Given option should be active").toBeTruthy();
|
|
10
|
+
}
|
|
8
11
|
};
|
|
9
12
|
var expectToClose = async (keyCombo, combobox, listbox, selectedLocator) => {
|
|
10
13
|
await openCombobox(combobox, listbox);
|
|
@@ -75,13 +78,15 @@ var comboboxSelectOnlyTesting = async (page, listbox, combobox, isActive) => {
|
|
|
75
78
|
await test.step("Activating with End", async () => {
|
|
76
79
|
await openCombobox(combobox, listbox);
|
|
77
80
|
await combobox.press("End");
|
|
78
|
-
|
|
81
|
+
const active = await isActive(listbox.getByRole("option").last());
|
|
82
|
+
expect(active, "Given option should be active").toBeTruthy();
|
|
79
83
|
await expect(combobox).toBeFocused();
|
|
80
84
|
});
|
|
81
85
|
await test.step("Activating with Home", async () => {
|
|
82
86
|
await openCombobox(combobox, listbox);
|
|
83
87
|
await combobox.press("Home");
|
|
84
|
-
|
|
88
|
+
const active = await isActive(listbox.getByRole("option").first());
|
|
89
|
+
expect(active, "Given option should be active").toBeTruthy();
|
|
85
90
|
await expect(combobox).toBeFocused();
|
|
86
91
|
});
|
|
87
92
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sit-onyx/headless",
|
|
3
|
-
"version": "0.12.0-dev-
|
|
3
|
+
"version": "0.12.0-dev-20260805134404",
|
|
4
4
|
"description": "Headless composables for Vue",
|
|
5
5
|
"homepage": "https://onyx.schwarz/development/packages/headless.html",
|
|
6
6
|
"bugs": {
|
|
@@ -31,13 +31,13 @@
|
|
|
31
31
|
"devDependencies": {
|
|
32
32
|
"@vue/compiler-dom": "3.5.40",
|
|
33
33
|
"unplugin-dts": "1.0.3",
|
|
34
|
-
"vite": "8.
|
|
34
|
+
"vite": "8.2.0",
|
|
35
35
|
"vue": "3.5.40",
|
|
36
36
|
"@sit-onyx/shared": "^0.1.0"
|
|
37
37
|
},
|
|
38
38
|
"peerDependencies": {
|
|
39
|
-
"@playwright/experimental-ct-vue": "1.
|
|
40
|
-
"@playwright/test": "1.
|
|
39
|
+
"@playwright/experimental-ct-vue": "1.62.1",
|
|
40
|
+
"@playwright/test": "1.62.1",
|
|
41
41
|
"typescript": ">= 5",
|
|
42
42
|
"vue": ">= 3.5.0"
|
|
43
43
|
},
|