Skip to content
Snippets Groups Projects
Select Git revision
  • 4277a99505c2fb9c26147c79b86d4b97d20fd905
  • mui5-annotation-on-video-stable default
  • get_setter_canvasSizeInformations
  • fix-error-div-into-p
  • annotation-on-video-v2
  • detached
  • annotation-on-video-r17
  • mui5
  • mui5-react-18
  • jacob-test
  • annotation-on-video protected
  • master
  • test-antoinev1
  • 20-fetch-thumbnail-on-annotation
  • add-research-field
  • Save
  • add-plugin
  • 14-wip-no-seek-to
  • 14-bug-on-video-time-control
  • 9_wip_videotests
  • _upgrade_material_ui
  • latest-tetras-16
  • v3.3.0
  • v3.2.0
  • v3.1.1
  • v3.1.0
  • v3.0.0
  • v3.0.0-rc.7
  • v3.0.0-rc.6
  • v3.0.0-rc.5
  • v3.0.0-rc.4
  • v3.0.0-rc.3
  • v3.0.0-rc.2
  • v3.0.0-rc.1
  • v3.0.0-beta.10
  • v3.0.0-beta.9
  • v3.0.0-beta.8
  • v3.0.0-beta.7
  • v3.0.0-beta.6
  • v3.0.0-beta.5
  • v3.0.0-beta.3
41 results

CanvasInfo.test.js

Blame
  • user avatar
    Chris Beer authored
    54b4fa20
    History
    CanvasInfo.test.js 1.94 KiB
    import { shallow } from 'enzyme';
    import Typography from '@material-ui/core/Typography';
    import { CanvasInfo } from '../../../src/components/CanvasInfo';
    import { LabelValueMetadata } from '../../../src/components/LabelValueMetadata';
    import CollapsibleSection from '../../../src/containers/CollapsibleSection';
    import SanitizedHtml from '../../../src/containers/SanitizedHtml';
    
    describe('CanvasInfo', () => {
      const metadata = [{ label: {}, value: {} }];
      let wrapper;
    
      describe('when metadata is present', () => {
        beforeEach(() => {
          wrapper = shallow(
            <CanvasInfo
              canvasLabel="The Canvas Label"
              canvasDescription="The Canvas Description"
              canvasMetadata={metadata}
              id="xyz"
              t={str => str}
            />,
          );
        });
    
        it('renders the content in a CollapsibleSection', () => {
          expect(wrapper.find(CollapsibleSection).length).toBe(1);
        });
    
        it('renders canvas label', () => {
          expect(
            wrapper.find(Typography).at(0).matchesElement(
              <Typography>The Canvas Label</Typography>,
            ),
          ).toBe(true);
        });
    
        it('renders canvas description in SanitizedHtml component', () => {
          expect(
            wrapper.find(Typography).at(1).matchesElement(
              <Typography>
                <SanitizedHtml htmlString="The Canvas Description" ruleSet="iiif" />
              </Typography>,
            ),
          ).toBe(true);
        });
    
        it('renders canvas metadata in LabelValueMetadata component', () => {
          expect(
            wrapper.find(LabelValueMetadata).at(0).matchesElement(
              <LabelValueMetadata labelValuePairs={metadata} />,
            ),
          ).toBe(true);
        });
      });
    
      describe('when metadata is not present', () => {
        beforeEach(() => {
          wrapper = shallow(
            <CanvasInfo id="xyz" />,
          );
        });
    
        it('does not render empty elements elements', () => {
          expect(wrapper.find(LabelValueMetadata).length).toBe(0);
        });
      });
    });