diff --git a/__tests__/src/components/WindowSideBarInfoPanel.test.js b/__tests__/src/components/WindowSideBarInfoPanel.test.js index ec625de88c82cf7238730ea4abf1eb83832250af..4fdf5f8b940428eebf7e3d7864191dfb3aa2f209 100644 --- a/__tests__/src/components/WindowSideBarInfoPanel.test.js +++ b/__tests__/src/components/WindowSideBarInfoPanel.test.js @@ -52,15 +52,17 @@ describe('WindowSideBarInfoPanel', () => { it('renders canvas metadata in LabelValueMetadata component', () => { expect( - wrapper.find(LabelValueMetadata).at(0).matchesElement( - <LabelValueMetadata labelValuePairs={metadata} />, + wrapper.find(Typography).at(3).matchesElement( + <Typography> + <LabelValueMetadata labelValuePairs={metadata} /> + </Typography>, ), ).toBe(true); }); it('renders manifest label', () => { expect( - wrapper.find(Typography).at(3).matchesElement( + wrapper.find(Typography).at(4).matchesElement( <Typography>The Manifest Label</Typography>, ), ).toBe(true); @@ -68,7 +70,7 @@ describe('WindowSideBarInfoPanel', () => { it('renders manifest description in SanitizedHtml component', () => { expect( - wrapper.find(Typography).at(4).matchesElement( + wrapper.find(Typography).at(5).matchesElement( <Typography> <SanitizedHtml htmlString="The Manifest Description" ruleSet="iiif" /> </Typography>, @@ -78,8 +80,10 @@ describe('WindowSideBarInfoPanel', () => { it('renders manifest metadata in LabelValueMetadata component', () => { expect( - wrapper.find(LabelValueMetadata).at(1).matchesElement( - <LabelValueMetadata labelValuePairs={metadata} />, + wrapper.find(Typography).at(6).matchesElement( + <Typography> + <LabelValueMetadata labelValuePairs={metadata} /> + </Typography>, ), ).toBe(true); }); diff --git a/src/components/WindowSideBarInfoPanel.js b/src/components/WindowSideBarInfoPanel.js index a93dd6537f255b3a36cf41cccc55ecab74c67324..e767d2648c42bac4046ebe568b2f8d7ba5fe7e6d 100644 --- a/src/components/WindowSideBarInfoPanel.js +++ b/src/components/WindowSideBarInfoPanel.js @@ -47,7 +47,9 @@ class WindowSideBarInfoPanel extends Component { )} {canvasMetadata.length > 0 && ( - <LabelValueMetadata labelValuePairs={canvasMetadata} /> + <Typography variant="body2"> + <LabelValueMetadata labelValuePairs={canvasMetadata} /> + </Typography> )} <Divider /> @@ -65,7 +67,9 @@ class WindowSideBarInfoPanel extends Component { )} {manifestMetadata.length > 0 && ( - <LabelValueMetadata labelValuePairs={manifestMetadata} /> + <Typography variant="body2"> + <LabelValueMetadata labelValuePairs={manifestMetadata} /> + </Typography> )} </div>