Added some tests for new button

src/app-root.ts

@@ -716,7 +716,7 @@ export class AppRoot extends LitElement {
   }
 
   /**
-   * Handler for when the dev panel's "Enable manage mode" checkbox is search enabled.
+   * Handler when the dev panel's "Enable manage mode -> Search" checkbox is changed.
    */
   private SearchManageModeCheckboxChanged(e: Event) {
     const target = e.target as HTMLInputElement;

src/manage/manage-bar.ts

@@ -18,9 +18,9 @@ export class ManageBar extends LitElement {
   @property({ type: String }) label = msg('Select items to remove');
 
   /**
-   * The label displayed in front of the management buttons
+   * Specifies the context in which the collection browser is being used
    */
-  @property({ type: String }) pageContext = '';
+  @property({ type: String }) pageContext?: string;
 
   /**
    * Whether to show the "Select All" button (default false)

test/manage/manage-bar.test.ts

@@ -31,6 +31,18 @@ describe('Manage bar', () => {
     expect(el.shadowRoot?.querySelector('.unselect-all-btn')).not.to.exist;
   });
 
+  it('does not render item manager button except /search/ page', async () => {
+    const el = await fixture<ManageBar>(html`<manage-bar></manage-bar>`);
+    expect(el.shadowRoot?.querySelector('.ia-button.warning')).not.to.exist;
+  });
+
+  it('render item manager button for /search/ page', async () => {
+    const el = await fixture<ManageBar>(
+      html`<manage-bar .pageContext=${'search'}></manage-bar>`
+    );
+    expect(el.shadowRoot?.querySelector('.ia-button.warning')).to.exist;
+  });
+
   it('includes Select All button when requested', async () => {
     const el = await fixture<ManageBar>(
       html`<manage-bar showSelectAll></manage-bar>`