@pingux/astro 1.36.1-alpha.1 → 1.36.2-alpha.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.36.1](https://gitlab.corp.pingidentity.com/ux/pingux/compare/@pingux/astro@1.36.0...@pingux/astro@1.36.1) (2022-11-17)
+
+
+### Bug Fixes
+
+* [UIP-5895] NavBarSection: add data-id to top level button ([35be867](https://gitlab.corp.pingidentity.com/ux/pingux/commit/35be867a8a76b2538f8fa47508bfa69d9ee18adb))
+
+
+
+
+
 # [1.36.0](https://gitlab.corp.pingidentity.com/ux/pingux/compare/@pingux/astro@1.35.0...@pingux/astro@1.36.0) (2022-11-15)
 
 

package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.js

@@ -26,7 +26,7 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 
-exports["default"] = void 0;
+exports["default"] = exports.breadCrumbDataIds = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 
@@ -76,7 +76,7 @@ var _index = require("../../index");
 
 var _react2 = require("@emotion/react");
 
-var _excluded = ["children", "disabledKeys", "emptySearchText", "isDefaultOpen", "isOpen", "items", "itemsFilter", "onOpenChange", "onNamePress", "onPopoverClose", "onPopoverOpen", "onSelectionChange", "name", "searchProps", "selectedItem", "popoverProps"];
+var _excluded = ["children", "disabledKeys", "emptySearchText", "isDefaultOpen", "isOpen", "items", "itemsFilter", "name", "onNamePress", "onOpenChange", "onPopoverClose", "onPopoverOpen", "onSelectionChange", "popoverProps", "searchProps", "selectedItem"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -86,7 +86,14 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty2(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty2(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 
+var breadCrumbDataIds = {
+  dropdownList: 'breadcrumb--dropdown-list',
+  environmentButton: 'breadcrumb--environment-button',
+  orgButton: 'breadcrumb--org-button'
+};
 /** The Environment Picker with Search and Sections support */
+
+exports.breadCrumbDataIds = breadCrumbDataIds;
 var EnvironmentBreadcrumb = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var children = props.children,
       imperativeDisabledKeys = props.disabledKeys,
@@ -95,15 +102,15 @@ var EnvironmentBreadcrumb = /*#__PURE__*/(0, _react.forwardRef)(function (props,
       isOpen = props.isOpen,
       items = props.items,
       imperativeItemsFilter = props.itemsFilter,
-      onOpenChange = props.onOpenChange,
+      name = props.name,
       onNamePress = props.onNamePress,
+      onOpenChange = props.onOpenChange,
       imperativeOnPopoverClose = props.onPopoverClose,
       imperativeOnPopoverOpen = props.onPopoverOpen,
       onSelectionChange = props.onSelectionChange,
-      name = props.name,
+      popoverProps = props.popoverProps,
       searchProps = props.searchProps,
       selectedItem = props.selectedItem,
-      popoverProps = props.popoverProps,
       others = (0, _objectWithoutProperties2["default"])(props, _excluded);
 
   var _useState = (0, _react.useState)(''),
@@ -272,7 +279,8 @@ var EnvironmentBreadcrumb = /*#__PURE__*/(0, _react.forwardRef)(function (props,
     onPress: handlePopoverOpen,
     ref: triggerRef,
     variant: "environmentBreadcrumb.current",
-    "aria-label": setAriaLabel(selectedItem)
+    "aria-label": setAriaLabel(selectedItem),
+    "data-id": breadCrumbDataIds.environmentButton
   }), selectedItem, (0, _react2.jsx)(_index.Icon, {
     icon: popoverState.isOpen ? _ArrowDropUpIcon["default"] : _ArrowDropDownIcon["default"]
   })), (0, _react2.jsx)(_index.PopoverContainer, (0, _extends2["default"])({}, overlayProps, positionProps, (0, _utils.mergeProps)(overlayProps, positionProps, popoverProps), {
@@ -301,8 +309,9 @@ var EnvironmentBreadcrumb = /*#__PURE__*/(0, _react.forwardRef)(function (props,
     },
     onChange: setSearchValue
   }, searchProps)), checkIfListEmpty() ? EmptyListState : (0, _react2.jsx)(_ListBox["default"], {
-    state: listBoxState,
-    "aria-label": "Items List"
+    "aria-label": "Items List",
+    "data-id": breadCrumbDataIds.dropdownList,
+    state: listBoxState
   })))));
   var handleOnAction = (0, _react.useCallback)(function (actionKey) {
     if (actionKey === 'name' && onNamePress) {
@@ -323,6 +332,7 @@ var EnvironmentBreadcrumb = /*#__PURE__*/(0, _react.forwardRef)(function (props,
     variant: "environmentBreadcrumb.current",
     "data-testid": "name",
     "aria-label": name,
+    "data-id": breadCrumbDataIds.orgButton,
     elementType: "Button"
   }, (0, _react2.jsx)(_index.Icon, {
     icon: _HomeIcon["default"],

package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.test.js

@@ -38,6 +38,8 @@ var _testWrapper = require("../../utils/testUtils/testWrapper");
 
 var _index = require("../../index");
 
+var _EnvironmentBreadcrumb = require("./EnvironmentBreadcrumb");
+
 var _react2 = require("@emotion/react");
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -357,4 +359,18 @@ test('should respond to onOpenChange', function () {
   _userEvent["default"].click(_testWrapper.screen.getByText(testSelectedItem));
 
   expect(onOpenChange).toHaveBeenNthCalledWith(2, false);
+});
+test('should add data-ids to environment button and org button', function () {
+  getComponent();
+  expect(_testWrapper.screen.getByText(testSelectedItem)).toHaveAttribute('data-id', _EnvironmentBreadcrumb.breadCrumbDataIds.environmentButton);
+  expect(_testWrapper.screen.getByText(testName)).toHaveAttribute('data-id', _EnvironmentBreadcrumb.breadCrumbDataIds.orgButton);
+});
+test('should add data-id to dropdown list', function () {
+  getComponent();
+
+  _userEvent["default"].click(_testWrapper.screen.getByText(testSelectedItem));
+
+  expect(_testWrapper.screen.getByRole('listbox', {
+    name: 'Items List'
+  })).toHaveAttribute('data-id', _EnvironmentBreadcrumb.breadCrumbDataIds.dropdownList);
 });

package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.js

@@ -12,7 +12,7 @@ import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance
 import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["children", "disabledKeys", "emptySearchText", "isDefaultOpen", "isOpen", "items", "itemsFilter", "onOpenChange", "onNamePress", "onPopoverClose", "onPopoverOpen", "onSelectionChange", "name", "searchProps", "selectedItem", "popoverProps"];
+var _excluded = ["children", "disabledKeys", "emptySearchText", "isDefaultOpen", "isOpen", "items", "itemsFilter", "name", "onNamePress", "onOpenChange", "onPopoverClose", "onPopoverOpen", "onSelectionChange", "popoverProps", "searchProps", "selectedItem"];
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -33,9 +33,14 @@ import { useListState } from '@react-stately/list';
 import ListBox from '../ListBox';
 import { isIterableProp } from '../../utils/devUtils/props/isIterable';
 import { Breadcrumbs, Button, Icon, Item, PopoverContainer, ScrollBox, SearchField, Text } from '../../index';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+export var breadCrumbDataIds = {
+  dropdownList: 'breadcrumb--dropdown-list',
+  environmentButton: 'breadcrumb--environment-button',
+  orgButton: 'breadcrumb--org-button'
+};
 /** The Environment Picker with Search and Sections support */
 
-import { jsx as ___EmotionJSX } from "@emotion/react";
 var EnvironmentBreadcrumb = /*#__PURE__*/forwardRef(function (props, ref) {
   var children = props.children,
       imperativeDisabledKeys = props.disabledKeys,
@@ -44,15 +49,15 @@ var EnvironmentBreadcrumb = /*#__PURE__*/forwardRef(function (props, ref) {
       isOpen = props.isOpen,
       items = props.items,
       imperativeItemsFilter = props.itemsFilter,
-      onOpenChange = props.onOpenChange,
+      name = props.name,
       onNamePress = props.onNamePress,
+      onOpenChange = props.onOpenChange,
       imperativeOnPopoverClose = props.onPopoverClose,
       imperativeOnPopoverOpen = props.onPopoverOpen,
       onSelectionChange = props.onSelectionChange,
-      name = props.name,
+      popoverProps = props.popoverProps,
       searchProps = props.searchProps,
       selectedItem = props.selectedItem,
-      popoverProps = props.popoverProps,
       others = _objectWithoutProperties(props, _excluded);
 
   var _useState = useState(''),
@@ -219,7 +224,8 @@ var EnvironmentBreadcrumb = /*#__PURE__*/forwardRef(function (props, ref) {
     onPress: handlePopoverOpen,
     ref: triggerRef,
     variant: "environmentBreadcrumb.current",
-    "aria-label": setAriaLabel(selectedItem)
+    "aria-label": setAriaLabel(selectedItem),
+    "data-id": breadCrumbDataIds.environmentButton
   }), selectedItem, ___EmotionJSX(Icon, {
     icon: popoverState.isOpen ? ArrowDropUpIcon : ArrowDropDownIcon
   })), ___EmotionJSX(PopoverContainer, _extends({}, overlayProps, positionProps, mergeProps(overlayProps, positionProps, popoverProps), {
@@ -248,8 +254,9 @@ var EnvironmentBreadcrumb = /*#__PURE__*/forwardRef(function (props, ref) {
     },
     onChange: setSearchValue
   }, searchProps)), checkIfListEmpty() ? EmptyListState : ___EmotionJSX(ListBox, {
-    state: listBoxState,
-    "aria-label": "Items List"
+    "aria-label": "Items List",
+    "data-id": breadCrumbDataIds.dropdownList,
+    state: listBoxState
   })))));
 
   var handleOnAction = useCallback(function (actionKey) {
@@ -271,6 +278,7 @@ var EnvironmentBreadcrumb = /*#__PURE__*/forwardRef(function (props, ref) {
     variant: "environmentBreadcrumb.current",
     "data-testid": "name",
     "aria-label": name,
+    "data-id": breadCrumbDataIds.orgButton,
     elementType: "Button"
   }, ___EmotionJSX(Icon, {
     icon: HomeIcon,

package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.test.js

@@ -21,6 +21,7 @@ import { Section } from '@react-stately/collections';
 import { axe } from 'jest-axe';
 import { render, screen } from '../../utils/testUtils/testWrapper';
 import { EnvironmentBreadcrumb, Item, OverlayProvider } from '../../index';
+import { breadCrumbDataIds } from './EnvironmentBreadcrumb';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var testEnvBreadcrumb = 'test-env-breadcrumb';
 var testName = 'test-name';
@@ -296,4 +297,16 @@ test('should respond to onOpenChange', function () {
   expect(onOpenChange).toHaveBeenNthCalledWith(1, true);
   userEvent.click(screen.getByText(testSelectedItem));
   expect(onOpenChange).toHaveBeenNthCalledWith(2, false);
+});
+test('should add data-ids to environment button and org button', function () {
+  getComponent();
+  expect(screen.getByText(testSelectedItem)).toHaveAttribute('data-id', breadCrumbDataIds.environmentButton);
+  expect(screen.getByText(testName)).toHaveAttribute('data-id', breadCrumbDataIds.orgButton);
+});
+test('should add data-id to dropdown list', function () {
+  getComponent();
+  userEvent.click(screen.getByText(testSelectedItem));
+  expect(screen.getByRole('listbox', {
+    name: 'Items List'
+  })).toHaveAttribute('data-id', breadCrumbDataIds.dropdownList);
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "1.36.1-alpha.1",
+  "version": "1.36.2-alpha.0",
   "description": "PingUX themeable React component library",
   "repository": {
     "type": "git",