add simple tests to more components

ui/src/components/avatar/index.js

@@ -7,7 +7,7 @@ const styles = require('./style.css');
 const Avatar = ({
   color,
   src,
-  name,
+  name = '',
   className,
   style
 }) => {
@@ -22,19 +22,15 @@ const Avatar = ({
     background: color
   };
 
-  const fill = () => {
+  const letter = name.split('')[0];
-    if ( src ) {
+  const av = src ? (
-      return (
     <img
       alt={name}
       className={styles.picture}
       src={src}
       style={style}
     />
-      );
+  ) : (
-    } else {
-      const letter = name.split('')[0];
-      return (
     <p
       className={styles.letter}
       style={style}
@@ -42,12 +38,10 @@ const Avatar = ({
       {letter}
     </p>
   );
-    }
-  };
 
   return (
     <div className={cn} style={style}>
-      {fill()}
+      {av}
     </div>
   );
 };

ui/test/index.js

@@ -6,8 +6,38 @@ const {
   shallow
 } = enzyme;
 
+test('renders <Avatar> without exploding', (t) => {
+  const Avatar = require('../src/components/avatar');
+  const wrapper = shallow(<Avatar />);
+  t.deepEqual(wrapper.length, 1);
+});
+
 test('renders <Base> without exploding', (t) => {
   const Base = require('../src/components/base');
   const wrapper = shallow(<Base />);
   t.deepEqual(wrapper.length, 1);
 });
+
+test('renders <Button> without exploding', (t) => {
+  const Button = require('../src/components/button');
+  const wrapper = shallow(<Button />);
+  t.deepEqual(wrapper.length, 1);
+});
+
+test('renders <Checkbox> without exploding', (t) => {
+  const Checkbox = require('../src/components/checkbox');
+  const wrapper = shallow(<Checkbox />);
+  t.deepEqual(wrapper.length, 1);
+});
+
+test('renders <Column> without exploding', (t) => {
+  const Column = require('../src/components/column');
+  const wrapper = shallow(<Column />);
+  t.deepEqual(wrapper.length, 1);
+});
+
+test('renders <Container> without exploding', (t) => {
+  const Container = require('../src/components/container');
+  const wrapper = shallow(<Container />);
+  t.deepEqual(wrapper.length, 1);
+});