fix(breadcrumb): default ellipsis aria-label to satisfy a11y and snapshot alignment

Author: sarahbrng

e2e/docker-compose.yml

@@ -7,6 +7,8 @@ services:
       context: "../"
       dockerfile: "./e2e/Dockerfile"
       target: "playwright"
+      args:
+        version: "1.56.1"
     volumes:
       - "./../__snapshots__:/e2e/__snapshots__"
       - "./../packages/foundations/build:/e2e/packages/foundations/build"

packages/components/src/components/breadcrumb/breadcrumb.lite.tsx

@@ -16,6 +16,7 @@ useDefaultProps<DBBreadcrumbProps>({
 });
 
 export default function DBBreadcrumb(props: DBBreadcrumbProps) {
+	const defaultEllipsisAriaLabel = 'Expand to show all breadcrumb items';
 	const _ref = useRef<HTMLElement | any>(null);
 	const state = useStore<DBBreadcrumbState>({
 		isExpanded: false,
@@ -84,7 +85,10 @@ export default function DBBreadcrumb(props: DBBreadcrumbProps) {
 									<button
 										type="button"
 										class="db-breadcrumb-ellipsis"
-										aria-label={props.ellipsisAriaLabel}
+										aria-label={
+											props.ellipsisAriaLabel ??
+											defaultEllipsisAriaLabel
+										}
 										aria-expanded={
 											state.isExpanded ? 'true' : 'false'
 										}