Baseline tests for image picker component

apps/src/code-studio/components/ImagePicker.jsx

@@ -84,7 +84,7 @@ export default class ImagePicker extends React.Component {
       !this.props.typeFilter || this.props.typeFilter === 'image';
     if (this.props.assetChosen && imageTypeFilter) {
       modeSwitch = (
-        <div>
+        <div id="modeSwitch">
           <p onClick={this.setFileMode} style={styles.fileModeToggle}>
             My Files
           </p>

apps/test/unit/code-studio/components/ImagePickerTest.js

@@ -0,0 +1,41 @@
+import {assert} from '../../../util/reconfiguredChai';
+import React from 'react';
+import {shallow} from 'enzyme';
+import ImagePicker from '@cdo/apps/code-studio/components/ImagePicker';
+import IconLibrary from '@cdo/apps/code-studio/components/IconLibrary';
+import AssetManager from '@cdo/apps/code-studio/components/AssetManager';
+
+describe('ImagePicker', () => {
+  const defaultProps = {
+    assetChosen: () => true,
+    typeFilter: 'image',
+    uploadsEnabled: false,
+    showUnderageWarning: false,
+    useFilesApi: false
+  };
+
+  it('shows mode switch', () => {
+    const wrapper = shallow(<ImagePicker {...defaultProps} />);
+    assert.equal(wrapper.find('#modeSwitch').length, 1);
+  });
+
+  it('shows icons and files as options', () => {
+    const wrapper = shallow(<ImagePicker {...defaultProps} />);
+    const tabs = wrapper.find('#modeSwitch').find('p');
+
+    assert.equal(tabs.length, 2);
+    assert.equal(tabs.find('p[children="Icons"]').length, 1);
+    assert.equal(tabs.find('p[children="My Files"]').length, 1);
+  });
+
+  it('initially shows file picker by default', () => {
+    const wrapper = shallow(<ImagePicker {...defaultProps} />);
+    assert.equal(wrapper.find(AssetManager).length, 1);
+  });
+
+  it('shows icon picker when clicked', () => {
+    const wrapper = shallow(<ImagePicker {...defaultProps} />);
+    wrapper.find('p[children="Icons"]').simulate('click');
+    assert.equal(wrapper.find(IconLibrary).length, 1);
+  });
+});