fix(ui): add identifier class to roo tnode of SidenavigationGroup

- add class to component
- fix test accrodingly

Signed-off-by: Franz Heidl <f.heidl@sap.com>

Author: franzheidl

packages/ui-components/src/components/SideNavigationList/SideNavigationList.component.tsx

@@ -29,5 +29,5 @@ export interface SideNavigationListProps {
  * @see {@link SideNavigationListProps}
  */
 export const SideNavigationList = ({ children }: SideNavigationListProps): ReactNode => {
-  return <ul className={`${sideNavListStyles}`}>{children}</ul>
+  return <ul className={`juno-sidenavigation-list ${sideNavListStyles}`}>{children}</ul>
 }

packages/ui-components/src/components/SideNavigationList/SideNavigationList.test.tsx

@@ -22,8 +22,7 @@ describe("SideNavigationList", () => {
 
     const list = screen.getByRole("list")
     expect(list).toBeInTheDocument()
-    expect(list).toHaveClass("jn:bg-theme-sidenav-list")
-    expect(list).toHaveClass("jn:space-y-[0.25rem]")
+    expect(list).toHaveClass("juno-sidenavigation-list")
   })
 
   test("renders children within the SideNavigationList", () => {