PhantomJS don't support! fixed intl helper with vanilla js

.eslintignore

@@ -1 +0,0 @@
-src/components/SurahInfo/htmls/*

karma.conf.js

@@ -13,17 +13,19 @@ module.exports = function(config) {
       'karma-sinon',
       'karma-webpack',
       'karma-chrome-launcher',
-      'karma-phantomjs-launcher'
+      'karma-phantomjs-launcher',
+      'karma-intl-shim'
     ],
 
     // frameworks to use
     // available frameworks: https://npmjs.org/browse/keyword/karma-adapter
-    frameworks: ['mocha', 'chai-sinon', 'sinon'],
+    frameworks: ['mocha', 'chai-sinon', 'sinon', 'intl-shim'],
 
     // list of files / patterns to load in the browser
     files: [
       './node_modules/phantomjs-polyfill/bind-polyfill.js',
       './tests/polyfill/Event.js',
+      './node_modules/Intl/locale-data/jsonp/en-US.js',
       {pattern: 'static/images/*', watched: false, included: false, served: true},
 
       // Actual tests here

package.json

@@ -113,7 +113,7 @@
     "url-loader": "0.5.7",
     "webpack": "2.1.0-beta.20",
     "webpack-isomorphic-tools": "2.5.7",
-    "react-intl":"2.1.5",
+    "react-intl": "2.1.5",
     "winston": "1.1.2",
     "react-inlinesvg": "0.5.4"
   },
@@ -136,6 +136,7 @@
     "karma-chai": "0.1.0",
     "karma-chai-sinon": "0.1.5",
     "karma-chrome-launcher": "0.2.0",
+    "karma-intl-shim": "1.0.3",
     "karma-junit-reporter": "0.3.4",
     "karma-mocha": "0.2.0",
     "karma-phantomjs-launcher": "~0.2.1",

src/locale/ar.js

@@ -62,7 +62,7 @@ export default {
     'nav.usefulSites': 'مواقع مفيدة',
     'nav.otherLinks': 'روابط اخرى',
     'nav.contactUs': 'اتصل بنا',
-    'nav.aboutQuranProject': 'Quran.com المعروف أيضا باسم القرآن الكريم، قناة القرآن الكريم، القرآن الكريم، القرآن الكريم) هو مشروع خيري)',
+    'nav.aboutQuranProject': 'Quran.com المعروف أيضا باسم القرآن الكريم، قناة القرآن الكريم، القرآن الكريم، القرآن الكريم) هو مشروع خيري)',  // eslint-disable-line max-len
     'nav.mobile': 'التليفون المحمول',
     'nav.legacySite': 'الموقع القديم'
   }

tests/helpers/intl-enzyme-test-helper.js

@@ -12,30 +12,28 @@ import React from 'react';
 import { IntlProvider, intlShape } from 'react-intl';
 import { mount, shallow } from 'enzyme';
 
-// You can pass your messages to the IntlProvider. Optional: remove if unneeded.
-const messages = require('../../src/locale/en.js');
 
 // Create the IntlProvider to retrieve context for wrapping around.
-const intlProvider = new IntlProvider({ locale: 'en', messages: messages.messages }, {});
-const { intl } = intlProvider.getChildContext();
+var intlProvider = new IntlProvider({ locale: 'en' }, {});
+var intl  = intlProvider.getChildContext();
 
 /**
  * When using React-Intl `injectIntl` on components, props.intl is required.
  */
 function nodeWithIntlProp(node) {
-  return React.cloneElement(node, { intl });
+  return React.cloneElement(node,  intl );
 }
 
-/**
+/**a
  * Export these methods.
  */
 export function shallowWithIntl(node) {
-  return shallow(nodeWithIntlProp(node), { context: { intl } });
+  return shallow(nodeWithIntlProp(node), { context: intl  });
 }
 
 export function mountWithIntl(node) {
   return mount(nodeWithIntlProp(node), {
-    context: { intl },
+    context: intl ,
     childContextTypes: { intl: intlShape }
   });
 }