test: add tests

Signed-off-by: tygao <tygao@amazon.com>

src/core/public/chrome/nav_controls/nav_controls_service.test.ts

@@ -30,6 +30,12 @@
 
 import { NavControlsService } from './nav_controls_service';
 import { take } from 'rxjs/operators';
+import { applicationServiceMock, httpServiceMock } from '../../../../core/public/mocks';
+
+const mockMountReactNode = jest.fn().mockReturnValue('mock mount point');
+jest.mock('../../utils', () => ({
+ mountReactNode: () => mockMountReactNode(),
+}));
 
 describe('RecentlyAccessed#start()', () => {
  const getStart = () => {
@@ -76,6 +82,45 @@ describe('RecentlyAccessed#start()', () => {
  });
  });
 
+ describe('top right navigation', () => {
+ const mockProps = {
+ application: applicationServiceMock.createStartContract(),
+ http: httpServiceMock.createStartContract(),
+ appId: 'app_id',
+ iconType: 'icon',
+ title: 'title',
+ order: 1,
+ };
+ it('allows registration', async () => {
+ const navControls = getStart();
+ navControls.registerRightNavigation(mockProps);
+ expect(await navControls.getRight$().pipe(take(1)).toPromise()).toEqual([
+ {
+ mount: 'mock mount point',
+ order: 1,
+ },
+ ]);
+ });
+
+ it('sorts controls by order property', async () => {
+ const navControls = getStart();
+ const props1 = { ...mockProps, order: 10 };
+ const props2 = { ...mockProps, order: 0 };
+ navControls.registerRightNavigation(props1);
+ navControls.registerRightNavigation(props2);
+ expect(await navControls.getRight$().pipe(take(1)).toPromise()).toEqual([
+ {
+ mount: 'mock mount point',
+ order: 0,
+ },
+ {
+ mount: 'mock mount point',
+ order: 10,
+ },
+ ]);
+ });
+ });
+
  describe('center controls', () => {
  it('allows registration', async () => {
  const navControls = getStart();

src/core/public/chrome/nav_controls/nav_controls_service.ts

@@ -72,7 +72,7 @@ export interface ChromeNavControls {
  registerRight(navControl: ChromeNavControl): void;
  /** Register a nav control to be presented on the top-center side of the chrome header. */
  registerCenter(navControl: ChromeNavControl): void;
- /** Register a nav control to be presented on the top-right side of the chrome header. The component and style will be maintained in chrome */
+ /** Register a nav control to be presented on the top-right side of the chrome header. The component and style will be uniformly maintained in chrome */
  registerRightNavigation(props: RightNavigationProps): void;
  /** @internal */
  getLeft$(): Observable<ChromeNavControl[]>;

src/core/public/chrome/ui/header/right_navigation_button.test.tsx

@@ -0,0 +1,45 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import React from 'react';
+import { fireEvent, render } from '@testing-library/react';
+import { RightNavigationButton } from './right_navigation_button';
+import { applicationServiceMock, httpServiceMock } from '../../../../../core/public/mocks';
+
+const mockProps = {
+ application: applicationServiceMock.createStartContract(),
+ http: httpServiceMock.createStartContract(),
+ appId: 'app_id',
+ iconType: 'mock_icon',
+ title: 'title',
+};
+
+describe('Right navigation button', () => {
+ it('should render base element normally', () => {
+ const { baseElement } = render(<RightNavigationButton {...mockProps} />);
+ expect(baseElement).toMatchSnapshot();
+ });
+
+ it('should call application getUrlForApp and navigateToUrl after clicked', () => {
+ const navigateToUrl = jest.fn();
+ const getUrlForApp = jest.fn();
+ const props = {
+ ...mockProps,
+ application: {
+ ...applicationServiceMock.createStartContract(),
+ getUrlForApp,
+ navigateToUrl,
+ },
+ };
+ const { getByTestId } = render(<RightNavigationButton {...props} />);
+ const icon = getByTestId('rightNavigationButton');
+ fireEvent.click(icon);
+ expect(getUrlForApp).toHaveBeenCalledWith('app_id', {
+ path: '/',
+ absolute: false,
+ });
+ expect(navigateToUrl).toHaveBeenCalled();
+ });
+});

src/core/public/chrome/ui/header/right_navigation_button.tsx

@@ -37,6 +37,7 @@ export const RightNavigationButton = ({
  return (
  <EuiButtonIcon
  iconType={iconType}
+ data-test-subj="rightNavigationButton"
  aria-label={title}
  title={title}
  onClick={navigateToApp}