Merge pull request formatjs#293 from ericf/functional-tests

Basic Functional Tests

Author: ericf

.babelrc

@@ -0,0 +1,10 @@
+{
+    "plugins": [
+        "transform-es2015-modules-commonjs"
+    ],
+    "ignore": [
+        "dist/*.js",
+        "lib/index.js",
+        "locale-data/*.js"
+    ]
+}

.eslintignore

@@ -1,3 +1,4 @@
+coverage/**/*.js
 dist/**/*.js
 examples/**/node_modules/**/*.js
 examples/**/build/**/*.js

.istanbul.yml

@@ -1,4 +1,6 @@
 instrumentation:
     excludes:
+        - dist/*
+        - lib/*
         - locale-data/*
         - src/en.js

package.json

@@ -43,12 +43,13 @@
     "babel-cli": "^6.2.0",
     "babel-eslint": "^5.0.0-beta4",
     "babel-plugin-react-intl": "^2.0.0",
+    "babel-plugin-transform-es2015-modules-commonjs": "^6.4.0",
     "babel-plugin-transform-es3-member-expression-literals": "^6.3.13",
     "babel-plugin-transform-es3-property-literals": "^6.3.13",
     "babel-plugin-transform-object-rest-spread": "^6.1.18",
     "babel-polyfill": "^6.3.14",
     "babel-preset-es2015": "^6.1.18",
-    "babel-preset-es2015-rollup": "^1.0.0",
+    "babel-preset-es2015-rollup": "^1.1.1",
     "babel-preset-react": "^6.1.18",
     "babel-register": "^6.2.0",
     "babelify": "^7.2.0",
@@ -71,30 +72,31 @@
     "react-addons-test-utils": "^0.14.3",
     "react-dom": "^0.14.2",
     "rimraf": "^2.4.2",
-    "rollup": "^0.24.1",
-    "rollup-plugin-babel": "^2.3.3",
-    "rollup-plugin-commonjs": "^2.1.0",
+    "rollup": "^0.25.0",
+    "rollup-plugin-babel": "^2.3.9",
+    "rollup-plugin-commonjs": "^2.2.0",
     "rollup-plugin-memory": "^1.0.0",
-    "rollup-plugin-npm": "^1.1.0",
+    "rollup-plugin-npm": "^1.3.0",
     "rollup-plugin-replace": "^1.1.0",
     "rollup-plugin-uglify": "^0.1.0",
     "serialize-javascript": "^1.1.1",
     "superagent": "^1.5.0"
   },
   "scripts": {
-    "lint": "eslint src/ test/ scripts/ examples/",
     "clean": "rimraf src/en.js coverage/ dist/ lib/ locale-data/",
     "build:data": "babel-node scripts/build-data",
     "build:lib": "babel-node scripts/build-lib",
     "build:dist:dev": "NODE_ENV=development babel-node scripts/build-dist",
     "build:dist:prod": "NODE_ENV=production babel-node scripts/build-dist",
     "build:dist": "npm run build:dist:dev && npm run build:dist:prod",
     "build": "npm run build:data && npm run build:lib && npm run build:dist",
-    "test:unit": "mocha --compilers js:babel-register --require babel-polyfill --require intl --recursive test/unit/",
-    "test:unit:cov": "babel-node $(npm bin)/isparta cover --report text --report html node_modules/mocha/bin/_mocha -- --require babel-polyfill --require intl --recursive test/unit/",
-    "test:unit:watch": "npm run test:unit -- --watch --reporter min",
-    "test": "npm run test:unit",
-    "test:cov": "npm run test:unit:cov",
-    "prepublish": "npm run lint && npm run clean && npm run build && npm test"
+    "lint": "eslint .",
+    "test": "mocha --compilers js:babel-register --require babel-polyfill --require intl --recursive test/",
+    "test:cov": "babel-node $(npm bin)/isparta cover --report text --report html node_modules/mocha/bin/_mocha -- --require babel-polyfill --require intl --recursive test/",
+    "test:watch": "npm run test -- --watch --reporter min",
+    "pretest": "npm run lint",
+    "pretest:cov": "npm run lint",
+    "preversion": "npm run clean && npm run build && npm run test",
+    "prepublish": "npm run clean && npm run build"
   }
 }

test/functional/build.js

@@ -0,0 +1,18 @@
+import expect from 'expect';
+import * as ReactIntl from '../../src/';
+
+export default function (buildPath) {
+    describe('build', () => {
+        it('evaluates', () => {
+            expect(require(buildPath)).toExist();
+        });
+
+        it('has all React Intl exports', () => {
+            const ReactIntlBuild = require(buildPath);
+
+            Object.keys(ReactIntl).forEach((name) => {
+                expect(ReactIntlBuild[name]).toBeA(typeof ReactIntl[name]);
+            });
+        });
+    });
+}

test/functional/format.js

@@ -0,0 +1,97 @@
+import expect from 'expect';
+import expectJSX from 'expect-jsx';
+import React from 'react';
+import {createRenderer} from 'react-addons-test-utils';
+
+expect.extend(expectJSX);
+
+export default function (ReactIntl) {
+    describe('format', () => {
+        const {
+            IntlProvider,
+            FormattedDate,
+            FormattedTime,
+            FormattedRelative,
+            FormattedNumber,
+            FormattedMessage,
+        } = ReactIntl;
+
+        let renderer;
+        let intlProvider;
+
+        beforeEach(() => {
+            renderer     = createRenderer();
+            intlProvider = new IntlProvider({locale: 'en'}, {});
+        });
+
+        it('formats dates', () => {
+            const date = new Date();
+            const el   = <FormattedDate value={date} month="numeric" />;
+
+            renderer.render(el, intlProvider.getChildContext());
+            expect(renderer.getRenderOutput()).toEqualJSX(
+                <span>{date.getMonth() + 1}</span>
+            );
+        });
+
+        it('formats times', () => {
+            const date = new Date();
+            const el   = <FormattedTime value={date} />;
+
+            const hours   = date.getHours();
+            const minutes = date.getMinutes();
+
+            renderer.render(el, intlProvider.getChildContext());
+            expect(renderer.getRenderOutput()).toEqualJSX(
+                <span>
+                    {`${hours > 12 ? (hours % 12) : hours}:${minutes} ${hours < 12 ? 'AM' : 'PM'}`}
+                </span>
+            );
+        });
+
+        it('formats dates relative to "now"', () => {
+            const now = Date.now();
+            const el  = <FormattedRelative value={now - 1000} initialNow={now} />;
+
+            renderer.render(el, intlProvider.getChildContext());
+            expect(renderer.getRenderOutput()).toEqualJSX(
+                <span>1 second ago</span>
+            );
+        });
+
+        it('formats numbers with thousands separators', () => {
+            const el = <FormattedNumber value={1000} />;
+
+            renderer.render(el, intlProvider.getChildContext());
+            expect(renderer.getRenderOutput()).toEqualJSX(
+                <span>1,000</span>
+            );
+        });
+
+        it('formats numbers with decimal separators', () => {
+            const el = <FormattedNumber value={0.1} minimumFractionDigits={2} />;
+
+            renderer.render(el, intlProvider.getChildContext());
+            expect(renderer.getRenderOutput()).toEqualJSX(
+                <span>0.10</span>
+            );
+        });
+
+        it('pluralizes labels in strings', () => {
+            const el = (
+                <FormattedMessage
+                    id="num_emails"
+                    defaultMessage="You have {emails, plural, one {# email} other {# emails}}."
+                    values={{
+                        emails: 1000,
+                    }}
+                />
+            );
+
+            renderer.render(el, intlProvider.getChildContext());
+            expect(renderer.getRenderOutput()).toEqualJSX(
+                <span>You have 1,000 emails.</span>
+            );
+        });
+    });
+}

test/functional/index.js

@@ -0,0 +1,16 @@
+import buildTests from './build';
+import formatTests from './format';
+
+const builds = {
+    'ES'      : '../../lib/index.es.js',
+    'CJS'     : '../../lib/index.js',
+    'UMD-dev' : '../../dist/react-intl.js',
+    'UMD-prod': '../../dist/react-intl.min.js',
+};
+
+Object.keys(builds).forEach((name) => {
+    describe(name, () => {
+        buildTests(builds[name]);
+        formatTests(require(builds[name]));
+    });
+});

test/functional/locale-data.js

@@ -0,0 +1,20 @@
+import * as p from 'path';
+import expect from 'expect';
+import {sync as globSync} from 'glob';
+
+describe('locale data', () => {
+    it('has generated locale data modules with correct shape', () => {
+        const localeDataFiles = globSync('./locale-data/*.js');
+
+        expect(localeDataFiles.length).toBeGreaterThan(0);
+        localeDataFiles.forEach((filename) => {
+            const localeData = require(p.resolve(filename));
+
+            expect(localeData).toBeAn('array');
+            localeData.forEach((locale) => {
+                expect(locale).toBeAn('object');
+                expect(locale.locale).toExist();
+            });
+        });
+    });
+});