[0.12.8] Replace moment.js with date-fns (#52)

* added date-fns to package

* ripped moment out of order-list.js

* [WIP] replacing moment

* all tests passing

* bumpped version to 0.12.8

* clean up

* now grabbing date functions individually

* changed approach to mocking dates. Tests now passing

* refactor businessDaysFromNow function

Author: Arron Fletcher

__tests__/components/checkout/__snapshots__/shipping-methods.spec.js.snap

@@ -173,7 +173,7 @@ exports[`renders error messages 1`] = `
             <span
               className="c-shipping-method__list-delivery-date"
             >
-              Wednesday 15th May
+              Wednesday 22nd May
             </span>
           </label>
         </div>
@@ -218,7 +218,7 @@ exports[`renders error messages 1`] = `
             <span
               className="c-shipping-method__list-delivery-date"
             >
-              Thursday 16th May
+              Thursday 23rd May
             </span>
           </label>
         </div>
@@ -263,7 +263,7 @@ exports[`renders error messages 1`] = `
             <span
               className="c-shipping-method__list-delivery-date"
             >
-              Wednesday 15th May
+              Wednesday 22nd May
             </span>
           </label>
         </div>
@@ -308,7 +308,7 @@ exports[`renders error messages 1`] = `
             <span
               className="c-shipping-method__list-delivery-date"
             >
-              Thursday 16th May
+              Thursday 23rd May
             </span>
           </label>
         </div>

__tests__/components/checkout/shipping-methods.spec.js

@@ -1,5 +1,6 @@
 // Libraries
 import React from 'react'
+import MockDate from 'mockdate'
 
 // Components
 import ShippingMethods from '../../../src/components/checkout/shipping-methods'
@@ -13,20 +14,10 @@ import shippingMethodsFixture from '../../fixtures/shipping-methods'
 
 describe('ShippingMethods', () => {
   // Setup mock date for testing business days
-  const RealDate = Date
-  const mockDate = new Date('2019-01-01')
-
-  beforeAll(() => {
-    global.Date = class extends Date {
-      constructor () {
-        super()
-        return mockDate
-      }
-    }
-  })
+  MockDate.set('5/20/2019')
 
   afterAll(() => {
-    global.Date = RealDate
+    MockDate.reset()
   })
 
   test('renders a nothing when shipping methods are loading', () => {
@@ -57,7 +48,7 @@ describe('ShippingMethods', () => {
     expect(wrapper.find('div').first()).toHaveClassName(mockClassName)
     expect(wrapper).toIncludeText(shippingMethodsFixture[0].label)
     // Check for estimated delivery
-    expect(wrapper).toIncludeText('Wednesday 9th January')
+    expect(wrapper).toIncludeText('Tuesday 21st May')
 
     // Get the last shipping method in the fixture
     const lastShippingMethodFixture = shippingMethodsFixture[shippingMethodsFixture.length - 1]

__tests__/components/orders/order-list.spec.js

@@ -1,8 +1,6 @@
 // Libraries
 import React from 'react'
-import moment from 'moment-business-days'
-
-moment.locale('en-gb')
+import format from 'date-fns/format'
 
 // Component
 import OrderList from '../../../src/components/orders/order-list'
@@ -24,7 +22,7 @@ test('renders correctly', () => {
   const order = orders.data[0]
   const shippingTotal = instance.renderShippingTotal(order)
   const orderTotal = penceToPounds(order.pricing.total_inc_tax)
-  const orderDate = moment(new Date(order.placed_at)).format('MMM D, YYYY')
+  const orderDate = format(new Date(order.placed_at), 'MMM D, YYYY')
 
   // Assert
   expect(wrapper).toMatchSnapshot()

__tests__/components/products/listing/product-listing-card.spec.js

@@ -10,9 +10,9 @@ import productSearchHit from '../../../fixtures/product-search-hit'
 test('renders ProductListingCard correctly', () => {
   // Act
 
-  // at the moment we dont pass the image size throught algolia,
-  // the fixture will need updating when we do. At the moment
-  // product listing is set to default to 280
+  // Currently we dont pass the image size through algolia,
+  // the fixture will need updating when we do. Currently,
+  // product listing is set to default to 280.
 
   const wrapper = mount(
     <ProductListingCard