Unit tests and linting in CI/CD [DEVOPS-408]

.enzyme/lingui-helper.js

@@ -0,0 +1,67 @@
+import React from 'react'
+import { shape, object } from 'prop-types'
+import { mount, shallow } from 'enzyme'
+import { I18nProvider } from '@lingui/react'
+
+// Create the I18nProvider to retrieve context for wrapping around.
+const language = 'en'
+const intlProvider = new I18nProvider({
+  language,
+  catalogs: {
+    [language]: {}
+  }
+}, {})
+
+const {
+  linguiPublisher: {
+    i18n: originalI18n
+  }
+} = intlProvider.getChildContext()
+
+// You customize the i18n object here:
+const i18n = {
+  ...originalI18n,
+  _: key => key // provide _ macro, for just passing down the key
+}
+
+/**
+ * When using Lingui `withI18n` on components, props.i18n is required.
+ */
+function nodeWithI18nProp(node) {
+  return React.cloneElement(node, { i18n })
+}
+
+/*
+ * Methods to use
+ */
+export function shallowWithIntl(node, { context } = {}) {
+  return shallow(
+    nodeWithI18nProp(node),
+    {
+      context: Object.assign({}, context, { i18n })
+    }
+  )
+}
+
+export function mountWithIntl(node, { context, childContextTypes } = {}) {
+  const newContext = Object.assign({}, context, { linguiPublisher: { i18n } })
+  /*
+   * I18nProvider sets the linguiPublisher in the context for withI18n to get
+   * the i18n object from.
+   */
+  const newChildContextTypes = Object.assign({},
+    {
+      linguiPublisher: shape({
+        i18n: object.isRequired
+      }).isRequired
+    },
+    childContextTypes
+  )
+  return mount(
+    nodeWithI18nProp(node),
+    {
+      context: newContext,
+      childContextTypes: newChildContextTypes
+    }
+  )
+}

.jest/register-context.js

@@ -8,3 +8,40 @@ jest.mock('../src/utils/sprite/spriteUI', () => ({
 jest.mock('../src/utils/sprite/spriteAssets', () => ({
   keys: () => [],
 }))
+
+jest.mock('../src/utils/sprite/coloredIconsUI', () => ({
+  keys: () => [],
+}))
+
+jest.mock('../src/public/assets/pic_transactions_112.svg', () => 'pic_transactions_112.svg')
+
+jest.mock('i18n/lingui', () => ({
+  i18n: {
+    _: (
+      key,
+      params,
+      data,
+    ) => {
+      if (!data) {
+        return key
+      }
+
+      const source = data.defaults
+
+      if (!params) {
+        return source
+      }
+
+      return Object.keys(params).reduce((
+        result,
+        param,
+      ) => {
+        if (result.indexOf(param) === -1) {
+          return result
+        }
+
+        return result.replace(`{${param}}`, params[param])
+      }, source)
+    }
+  }
+}))

Jenkinsfile

@@ -1,5 +1,31 @@
 builder(
+        jUnitReportsPath: 'reports/unit-tests',
+        coverageReportsPath: 'reports/coverage',
         buildTasks: [
+                [
+                        name: 'Linters',
+                        type: 'lint',
+                        method: 'inside',
+                        buildStage: 'build',
+                        command: [
+                                // 'npm run lint:css', // TODO: enable CSS linting
+                                'npm run lint:js',
+                        ],
+                ],
+                [
+                        name: 'Tests',
+                        type: 'test',
+                        method: 'inside',
+                        buildStage: 'build',
+                        jUnitPath: '/usr/src/app/reports/unit-tests',
+                        coveragePath: '/usr/src/app/reports/coverage',
+                        environment: [
+                                NODE_ENV: 'production',
+                        ],
+                        command: [
+                                'npm run test:unit',
+                        ],
+                ],
                 [
                         name: 'Nginx Checks',
                         type: 'test',

jest.config.js

@@ -11,7 +11,7 @@ module.exports = {
       statements: 0,
     },
   },
-  coverageDirectory: '<rootDir>/reports/unit-tests/coverage',
+  coverageDirectory: '<rootDir>/reports/coverage',
   coverageReporters: [
     'lcov',
   ],
@@ -25,7 +25,7 @@ module.exports = {
     '[/\\\\]node_modules[/\\\\](?!lodash-es).+\\.(js|jsx)$',
   ],
   moduleFileExtensions: ['js', 'jsx'],
-  moduleDirectories: ['src', 'node_modules'],
+  moduleDirectories: ['<rootDir>', 'src', 'node_modules'],
   moduleNameMapper: {
     '\\.(css|scss)$': 'identity-obj-proxy',
     '^lodash-es$': 'lodash',