add more comprehensive test for calendar component

teamtaverna · Feb 8, 2017 · 1bb9daf · 1bb9daf
1 parent ccd78ac
commit 1bb9daf
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/src/components/calendar/calendar.jsx b/src/components/calendar/calendar.jsx
@@ -21,7 +21,7 @@ const Calendar = () => (
     </div>
 
     <div className="mobile hidden info section tvn fade clipped">
-      <h3 className="ui medium header">Friday</h3>
+      <h3 className="ui medium header day">Friday</h3>
       <div className="ui sub header tvn regular weight">
         August 26, 2016
       </div>

diff --git a/src/components/calendar/calendar.test.jsx b/src/components/calendar/calendar.test.jsx
@@ -17,4 +17,20 @@ describe('<Calendar />', () => {
   it('should render <ExpandIcon />', () => {
     expect(wrapper.contains(<ExpandIcon />)).to.equal(true);
   });
+
+  it('should render an abbreviated version of the month', () => {
+    expect(wrapper.find('.ui .mobile').text()).to.equal('Aug');
+  });
+
+  it('should render the day', () => {
+    expect(wrapper.find('.ui .medium .header .day').text()).to.equal('Friday');
+  });
+
+  it('should render a span with the date', () => {
+    expect(wrapper.find('span').text()).to.equal('26');
+  });
+
+  it('should render the complete date', () => {
+    expect(wrapper.find('.ui .sub .header .tvn .regular').text()).to.equal('August 26, 2016');
+  });
 });