diff --git a/packages/main/src/components/Toolbar/Toolbar.cy.tsx b/packages/main/src/components/Toolbar/Toolbar.cy.tsx index 09f1ba5f0db..2191a7410be 100644 --- a/packages/main/src/components/Toolbar/Toolbar.cy.tsx +++ b/packages/main/src/components/Toolbar/Toolbar.cy.tsx @@ -297,7 +297,7 @@ describe('Toolbar', () => { Item3 ); - cy.findByLabelText('Separator').should('be.visible'); + cy.findByRole('separator').should('be.visible'); }); it('toolbarStyle', () => { diff --git a/packages/main/src/components/ToolbarSeparator/index.tsx b/packages/main/src/components/ToolbarSeparator/index.tsx index 250065071ad..6fb85c39eff 100644 --- a/packages/main/src/components/ToolbarSeparator/index.tsx +++ b/packages/main/src/components/ToolbarSeparator/index.tsx @@ -1,9 +1,8 @@ 'use client'; -import { useI18nBundle, useStylesheet } from '@ui5/webcomponents-react-base'; +import { useStylesheet } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; import React, { forwardRef } from 'react'; -import { SEPARATOR } from '../../i18n/i18n-defaults.js'; import type { CommonProps } from '../../types/index.js'; import { classNames, styleData } from './ToolbarSeparator.module.css.js'; @@ -19,11 +18,8 @@ const ToolbarSeparator = forwardRef(( useStylesheet(styleData, ToolbarSeparator.displayName); const separatorClasses = clsx(classNames.separator, className); - const i18nBundle = useI18nBundle('@ui5/webcomponents-react'); - return ( -
- ); + return
; }); ToolbarSeparator.displayName = 'ToolbarSeparator'; export { ToolbarSeparator };