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,32 +22,26 @@ const Avatar = ({
     background: color
   };
 
-  const fill = () => {
+  const letter = name.split('')[0];
-    if ( src ) {
+  const av = src ? (
-      return (
+    <img
-        <img
+      alt={name}
-          alt={name}
+      className={styles.picture}
-          className={styles.picture}
+      src={src}
-          src={src}
+      style={style}
-          style={style}
+    />
-        />
+  ) : (
-      );
+    <p
-    } else {
+      className={styles.letter}
-      const letter = name.split('')[0];
+      style={style}
-      return (
+    >
-        <p
+      {letter}
-          className={styles.letter}
+    </p>
-          style={style}
+  );
-        >
-          {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);
+});