test: add mock for test cases

Signed-off-by: tygao <[email protected]>

src/plugins/saved_objects_management/public/management_section/object_view/components/header.test.tsx

@@ -63,7 +63,9 @@ describe('Intro component', () => {
     onDeleteClick: () => undefined,
     useUpdatedUX: false,
     navigationUI: ({
-      HeaderControl: () => null,
+      HeaderControl: ({ controls }) => {
+        return controls?.[0].ariaLabel ?? controls?.[0].label ?? null;
+      },
     } as unknown) as NavigationPublicPluginStart['ui'],
     application: coreMock.createStart().application,
   };
@@ -144,4 +146,30 @@ describe('Intro component', () => {
     });
     expect(mounted.exists(`a[data-test-subj='savedObjectEditViewInApp']`)).toBe(false);
   });
+
+  it('renders correctly when use new UX', () => {
+    const mounted = mountHeader({
+      ...defaultProps,
+      useUpdatedUX: true,
+    });
+    expect(mounted).toMatchSnapshot();
+  });
+
+  it('renders correctly when use new UX and canViewInApp is true', () => {
+    const mounted = mountHeader({
+      ...defaultProps,
+      useUpdatedUX: true,
+      canViewInApp: true,
+    });
+    expect(mounted).toMatchSnapshot();
+  });
+
+  it('renders correctly when use new UX and canDelete is true', () => {
+    const mounted = mountHeader({
+      ...defaultProps,
+      useUpdatedUX: true,
+      canDelete: true,
+    });
+    expect(mounted).toMatchSnapshot();
+  });
 });