Change header for unchanged notebook meta

packages/nbdime/src/merge/widget/metadata.ts

@@ -17,7 +17,7 @@ import { MergePanel } from '../../common/basepanel';
 
 import type { MetadataMergeModel } from '../model';
 
-const ROOT_METADATA_CLASS = 'jp-Metadata-diff';
+const ROOT_METADATA_CLASS = 'jp-Metadata-merge';
 
 /**
  * MetadataWidget for changes to Notebook-level metadata
@@ -36,18 +36,23 @@ export class MetadataMergeWidget extends MergePanel<MetadataMergeModel> {
 
     // We know/assume that MetadataMergeModel never has
     // null values for local/remote:
+    const viewOptions = {...this._viewOptions};
+    const unchanged = model.decisions.length === 0;
+    if (unchanged) {
+      viewOptions.collapseIdentical = false;
+    }
     this.view = createNbdimeMergeView({
       remote: model.remote,
       local: model.local,
       merged: model.merged,
       factory: this._editorFactory,
       translator: this._translator,
-      ...this._viewOptions,
+      ...viewOptions,
     });
     const trans = this._translator.load('nbdime');
     const wrapper = new CollapsiblePanel(
       this.view,
-      trans.__('Notebook metadata changed'),
+      unchanged ? trans.__('Notebook metadata unchanged') : trans.__('Notebook metadata changed'),
       true,
     );
     this.addWidget(wrapper);

packages/nbdime/src/styles/merge.css

@@ -1,8 +1,8 @@
-.jp-Notebook-merge .jp-Metadata-diff {
+.jp-Notebook-merge .jp-Metadata-merge {
   margin-bottom: 20px;
 }
 
-.jp-Notebook-merge .jp-Metadata-diff .jp-CollapsiblePanel {
+.jp-Notebook-merge .jp-Metadata-merge .jp-CollapsiblePanel {
   border: solid black thin;
 }
 

ui-tests/tests/nbdime-merge-test1.spec.ts

@@ -70,6 +70,11 @@ test.describe('merge test1', () => {
     // Finalize download
     expect(await download1.failure()).toBeNull();
   });
+
+  test('should not collapse source for unchanged metadata', async ({ page }) => {
+    await page.locator('.jp-Metadata-merge .jp-CollapsiblePanel-header-icon').click();
+    expect(await page.locator('#main').screenshot({animations: 'disabled'})).toMatchSnapshot();
+  });
 });
 
 test('3 panels view', async ({ page }) => {