vueless 1.3.6-beta.1 → 1.3.6-beta.10

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.
Files changed (49) hide show
  1. package/components.d.ts +2 -0
  2. package/components.ts +2 -0
  3. package/constants.d.ts +2 -0
  4. package/constants.js +2 -0
  5. package/package.json +2 -2
  6. package/types.ts +2 -0
  7. package/ui.button/UButton.vue +1 -1
  8. package/ui.button/storybook/stories.ts +2 -2
  9. package/ui.container-card/storybook/stories.ts +2 -2
  10. package/ui.container-drawer/UDrawer.vue +2 -2
  11. package/ui.container-drawer/storybook/stories.ts +2 -2
  12. package/ui.container-grid/UGrid.vue +39 -0
  13. package/ui.container-grid/config.ts +123 -0
  14. package/ui.container-grid/constants.ts +5 -0
  15. package/ui.container-grid/storybook/docs.mdx +17 -0
  16. package/ui.container-grid/storybook/stories.ts +246 -0
  17. package/ui.container-grid/tests/UGrid.test.ts +297 -0
  18. package/ui.container-grid/types.ts +91 -0
  19. package/ui.container-modal/storybook/stories.ts +2 -2
  20. package/ui.container-modal-confirm/storybook/stories.ts +2 -2
  21. package/ui.container-page/storybook/stories.ts +3 -3
  22. package/ui.form-calendar/tests/UCalendar.test.ts +113 -0
  23. package/ui.form-date-picker-range/UDatePickerRangeInputs.vue +5 -1
  24. package/ui.form-date-picker-range/tests/UDatePickerRange.test.ts +114 -0
  25. package/ui.form-date-picker-range/types.ts +1 -0
  26. package/ui.form-listbox/config.ts +1 -1
  27. package/ui.image-avatar/UAvatar.vue +55 -28
  28. package/ui.image-avatar/config.ts +18 -1
  29. package/ui.image-avatar/storybook/docs.mdx +16 -1
  30. package/ui.image-avatar/storybook/stories.ts +17 -3
  31. package/ui.image-avatar/tests/UAvatar.test.ts +35 -7
  32. package/ui.image-avatar/types.ts +13 -0
  33. package/ui.image-avatar-group/UAvatarGroup.vue +87 -0
  34. package/ui.image-avatar-group/config.ts +11 -0
  35. package/ui.image-avatar-group/constants.ts +5 -0
  36. package/ui.image-avatar-group/storybook/docs.mdx +16 -0
  37. package/ui.image-avatar-group/storybook/stories.ts +147 -0
  38. package/ui.image-avatar-group/tests/UAvatarGroup.test.ts +141 -0
  39. package/ui.image-avatar-group/types.ts +51 -0
  40. package/ui.navigation-pagination/storybook/stories.ts +2 -2
  41. package/ui.navigation-tab/tests/UTab.test.ts +2 -3
  42. package/ui.navigation-tabs/UTabs.vue +44 -1
  43. package/ui.navigation-tabs/storybook/stories.ts +33 -0
  44. package/ui.navigation-tabs/tests/UTabs.test.ts +88 -0
  45. package/ui.text-block/config.ts +1 -0
  46. package/ui.text-block/storybook/stories.ts +2 -2
  47. package/ui.text-notify/UNotify.vue +31 -8
  48. package/ui.text-notify/config.ts +1 -1
  49. package/ui.text-notify/tests/UNotify.test.ts +22 -7
package/ui.text-notify/tests/UNotify.test.ts CHANGED
@@ -59,14 +59,22 @@ describe("UNotify.vue", () => {
59
59
  dispatchNotifyEvent("notifyStart", mockNotification);
60
60
  await component.vm.$nextTick();
61
61
 
62
- // Check the component's style directly
63
- const style = component.attributes("style") || "";
62
+ // Manually trigger setPosition since waitForPageElement won't find the elements in tests
63
+ // @ts-expect-error - Accessing private method for testing
64
+ component.vm.setPosition();
65
+ await component.vm.$nextTick();
66
+
67
+ // Access the internal notifyPositionStyles ref
68
+ // @ts-expect-error - Accessing private property for testing
69
+ const positionStyles = component.vm.notifyPositionStyles;
64
70
 
65
71
  // For center position, we expect a calculated left value
66
72
  if (position === "center") {
67
- expect(style).toContain("left:");
73
+ expect(positionStyles).toHaveProperty("left");
74
+ expect(positionStyles.left).toBeDefined();
68
75
  } else {
69
- expect(style).toContain(`${position}: 0px`);
76
+ expect(positionStyles).toHaveProperty(position);
77
+ expect(positionStyles[position]).toBe("0px");
70
78
  }
71
79
  }
72
80
  });
@@ -83,10 +91,17 @@ describe("UNotify.vue", () => {
83
91
  dispatchNotifyEvent("notifyStart", mockNotification);
84
92
  await component.vm.$nextTick();
85
93
 
86
- // Check the component's style directly
87
- const style = component.attributes("style") || "";
94
+ // Manually trigger setPosition since waitForPageElement won't find the elements in tests
95
+ // @ts-expect-error - Accessing private method for testing
96
+ component.vm.setPosition();
97
+ await component.vm.$nextTick();
98
+
99
+ // Access the internal notifyPositionStyles ref
100
+ // @ts-expect-error - Accessing private property for testing
101
+ const positionStyles = component.vm.notifyPositionStyles;
88
102
 
89
- expect(style).toContain(`${position}: 0px`);
103
+ expect(positionStyles).toHaveProperty(position);
104
+ expect(positionStyles[position]).toBe("0px");
90
105
  }
91
106
  });
92
107