cignium-hypermedia-client - npm Package Compare versions

Comparing version 1.32.1 to 1.33.0

__tests__/am-pm-tests..js

@@ -6,3 +6,3 @@ // __tests__/minute-tests.js
 
-import TestUtils from 'react-addons-test-utils'
+import { createRenderer } from 'react-test-renderer/shallow'
 import AmPm from '../src/components/elements/inputs/date/am-pm'
@@ -15,3 +15,3 @@
   function renderComponent(date) {
-    const renderer = TestUtils.createRenderer()
+    const renderer = createRenderer()
     renderer.render(
@@ -18,0 +18,0 @@ <AmPm value={date} onCommit={commitSpy} />

__tests__/date-picker-tests.js

@@ -5,3 +5,3 @@ // __tests__/date-picker-tests.js
 
-import TestUtils from 'react-addons-test-utils'
+import { createRenderer } from 'react-test-renderer/shallow'
 import DatePicker from '../src/components/elements/inputs/date/datetime-picker'
@@ -25,3 +25,3 @@
   beforeEach(() => {
-    const renderer = TestUtils.createRenderer()
+    const renderer = createRenderer()
     renderer.render(<DatePicker value='2012-01-31' />)
@@ -28,0 +28,0 @@ datePicker = renderer.getRenderOutput()

__tests__/datetime-picker-tests.js

@@ -5,3 +5,3 @@ // __tests__/date-picker-tests.js
 
-import TestUtils from 'react-addons-test-utils'
+import { createRenderer } from 'react-test-renderer/shallow'
 import DateTimePicker from '../src/components/elements/inputs/date/datetime-picker'
@@ -31,3 +31,3 @@
   beforeEach(() => {
-    const renderer = TestUtils.createRenderer()
+    const renderer = createRenderer()
     renderer.render(
@@ -34,0 +34,0 @@ <DateTimePicker value='2012-01-31T14:35:00+00:00' />

__tests__/day-min-max-date-tests.js

@@ -5,4 +5,3 @@ // __tests__/day-min-max-date-tests.js
 
-import React from 'react'
-import TestUtils from 'react-addons-test-utils'
+import { createRenderer } from 'react-test-renderer/shallow'
 import Day from '../src/components/elements/inputs/date/day'
@@ -19,3 +18,3 @@ import { createDateTime } from '../src/components/elements/inputs/date/date-util'
   function renderComponent(date, property) {
-    const renderer = TestUtils.createRenderer()
+    const renderer = createRenderer()
     renderer.render(
@@ -22,0 +21,0 @@ <Day value={date} onCommit={commitSpy} minDate={property.minDate} maxDate={property.maxDate} />

__tests__/day-tests.js

@@ -5,4 +5,3 @@ // __tests__/day-tests.js
 
-import React from 'react'
-import TestUtils from 'react-addons-test-utils'
+import { createRenderer } from 'react-test-renderer/shallow'
 import Day from '../src/components/elements/inputs/date/day'
@@ -15,3 +14,3 @@
   function renderComponent(date) {
-    const renderer = TestUtils.createRenderer()
+    const renderer = createRenderer()
     renderer.render(
@@ -18,0 +17,0 @@ <Day value={date} onCommit={commitSpy} />

__tests__/hour-min-max-date-tests.js

@@ -5,4 +5,3 @@ // __tests__/hour-min-max-date-tests.js
 
-import React from 'react'
-import TestUtils from 'react-addons-test-utils'
+import { createRenderer } from 'react-test-renderer/shallow'
 import Hour from '../src/components/elements/inputs/date/hour'
@@ -19,3 +18,3 @@ import { createDateTime } from '../src/components/elements/inputs/date/date-util'
   function renderComponent(date, property, format) {
-    const renderer = TestUtils.createRenderer()
+    const renderer = createRenderer()
     renderer.render(
@@ -22,0 +21,0 @@ <Hour value={date} onCommit={commitSpy} minDate={property.minDate} maxDate={property.maxDate} />

__tests__/hour-tests.js

@@ -5,4 +5,3 @@ // __tests__/hour-tests.js
 
-import React from 'react'
-import TestUtils from 'react-addons-test-utils'
+import { createRenderer } from 'react-test-renderer/shallow'
 import Hour from '../src/components/elements/inputs/date/hour'
@@ -15,3 +14,3 @@
   function renderComponent(date) {
-    const renderer = TestUtils.createRenderer()
+    const renderer = createRenderer()
     renderer.render(
@@ -18,0 +17,0 @@ <Hour value={date} onCommit={commitSpy} />

__tests__/minute-min-max-date-tests.js

@@ -5,4 +5,3 @@ // __tests__/minute-min-max-date-tests.js
 
-import React from 'react'
-import TestUtils from 'react-addons-test-utils'
+import { createRenderer } from 'react-test-renderer/shallow'
 import Minute from '../src/components/elements/inputs/date/minute'
@@ -19,3 +18,3 @@ import { createDateTime } from '../src/components/elements/inputs/date/date-util'
   function renderComponent(date, property) {
-    const renderer = TestUtils.createRenderer()
+    const renderer = createRenderer()
     renderer.render(
@@ -22,0 +21,0 @@ <Minute value={date} onCommit={commitSpy} minDate={property.minDate} maxDate={property.maxDate} />

__tests__/minute-tests.js

@@ -5,4 +5,3 @@ // __tests__/minute-tests.js
 
-import React from 'react'
-import TestUtils from 'react-addons-test-utils'
+import { createRenderer } from 'react-test-renderer/shallow'
 import Minute from '../src/components/elements/inputs/date/minute'
@@ -15,3 +14,3 @@
   function renderComponent(date) {
-    const renderer = TestUtils.createRenderer()
+    const renderer = createRenderer()
     renderer.render(
@@ -18,0 +17,0 @@ <Minute value={date} onCommit={commitSpy} />

__tests__/month-min-max-date-tests.js

@@ -5,4 +5,3 @@ // __tests__/month-min-max-date-tests.js
 
-import React from 'react'
-import TestUtils from 'react-addons-test-utils'
+import { createRenderer } from 'react-test-renderer/shallow'
 import Month from '../src/components/elements/inputs/date/month'
@@ -17,5 +16,5 @@ import { createDate } from '../src/components/elements/inputs/date/date-util'
   const newDate = () => commitSpy.calls.mostRecent().args[0]
-  
+
   function renderComponent(date, property) {
-    const renderer = TestUtils.createRenderer()
+    const renderer = createRenderer()
     renderer.render(
@@ -22,0 +21,0 @@ <Month value={date} onCommit={commitSpy} minDate={property.minDate} maxDate={property.maxDate} />

__tests__/month-tests.js

@@ -5,4 +5,3 @@ // __tests__/month-tests.js
 
-import React from 'react'
-import TestUtils from 'react-addons-test-utils'
+import { createRenderer } from 'react-test-renderer/shallow'
 import Month from '../src/components/elements/inputs/date/month'
@@ -15,3 +14,3 @@
   function renderComponent(date) {
-    const renderer = TestUtils.createRenderer()
+    const renderer = createRenderer()
     renderer.render(
@@ -18,0 +17,0 @@ <Month value={date} onCommit={commitSpy} />

__tests__/year-min-max-date-tests.js

@@ -5,4 +5,3 @@ // __tests__/year-min-max-date-tests.js
 
-import React from 'react'
-import TestUtils from 'react-addons-test-utils'
+import { createRenderer } from 'react-test-renderer/shallow'
 import Year from '../src/components/elements/inputs/date/year'
@@ -20,3 +19,3 @@ import { createDate } from '../src/components/elements/inputs/date/date-util'
   function renderComponent(date, property) {
-    const renderer = TestUtils.createRenderer()
+    const renderer = createRenderer()
     renderer.render(
@@ -23,0 +22,0 @@ <Year value={date} onCommit={commitSpy} minDate={property.minDate} maxDate={property.maxDate} />

__tests__/year-tests.js

@@ -5,4 +5,3 @@ // __tests__/year-tests.js
 
-import React from 'react'
-import TestUtils from 'react-addons-test-utils'
+import { createRenderer } from 'react-test-renderer/shallow'
 import Year from '../src/components/elements/inputs/date/year'
@@ -15,3 +14,3 @@
   function renderComponent(date) {
-    const renderer = TestUtils.createRenderer()
+    const renderer = createRenderer()
     renderer.render(
@@ -18,0 +17,0 @@ <Year value={date} onCommit={commitSpy} />

.vscode/launch.json

@@ -5,2 +5,19 @@ {
         {
+            "name": "UI Tests",
+            "type": "node",
+            "request": "launch",
+            "port": 5859,
+            "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/wdio",
+            "windows": {
+                "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/wdio.cmd"
+            },
+            "cwd": "${workspaceRoot}",
+            "console": "integratedTerminal",
+            "args":[
+                "--spec", "${relativeFile}"
+                // To run a specific file, you can also do:
+                //"--spec", "test/specs/foo.spec.js"
+            ]
+        },
+        {
             "name": "Tests",
@@ -7,0 +24,0 @@ "type": "node",

package.json

@@ -52,3 +52,3 @@ {
     "npm-run-all": "^1.5.3",
-    "react-addons-test-utils": "~15.4.2",
+    "react-test-renderer": "^15.5.4",
     "react-transform-catch-errors": "^1.0.0",
@@ -70,10 +70,11 @@ "react-transform-hmr": "^1.0.1",
     "test-ui": "wdio wdio.conf.js",
+    "test-ui-local": "npm-run-all --parallel start-ui-test-server test-ui",
     "lint": "eslint .",
     "start": "npm-run-all --parallel start-server start-test",
     "start-server": "babel-node server.js",
-    "start-ui-test-server": "node ui-test-server.js",
+    "start-ui-test-server": "node ui-tests/generate-baseUrl && node ui-test-server.js",
     "start-test": "jest --config .jestrc --watch",
     "semantic-release": "semantic-release pre && npm publish && semantic-release post"
   },
-  "version": "1.32.1"
+  "version": "1.33.0"
 }

src/components/elements/inputs/factory.js

@@ -40,2 +40,5 @@ import BooleanList from './boolean-list'
   'ssn',
+  'numeric',
+  'acord',
+  'alphabetic',
 ]
@@ -42,0 +45,0 @@

src/components/elements/inputs/masked-input.js

@@ -22,6 +22,6 @@ import { Component } from 'react'
 
-    const decimalValue = !value || value === '' 
-                          ? null 
+    const decimalValue = !value || value === ''
+                          ? null
                           : isNumeric(value)
-                            ? value 
+                            ? value
                             : parseFloat(value.substring(1).replace(/,/g, ''))
@@ -47,2 +47,7 @@ onCommit(decimalValue)
       case 'email': return emailMask
+      case 'numeric': return createNumberMask({
+        prefix: '', suffix: '', allowDecimal: true, includeThousandsSeparator: false,
+      })
+      case 'acord': return createAcordMask
+      case 'alphabetic': return createAlphabeticalMask
       case 'zip': return [digit, digit, digit, digit, digit]
@@ -69,1 +74,31 @@ case 'ssn': return [digit, digit, digit, '-', digit, digit, '-', digit, digit, digit, digit]
 }
+function createAlphabeticalMask(rawValue) {
+  const possibleMask = Array.from(rawValue)
+  const regEx = /[a-zA-Z]/
+  const mask = possibleMask.reduce((accumulator, currentChar) => {
+    if (regEx.test(currentChar)) {
+      accumulator.push(regEx)
+    }
+    return accumulator
+  }, [])
+
+  return mask
+}
+
+function createAcordMask(rawValue) {
+  const possibleMask = Array.from(rawValue)
+  const firstCharRegEx = /^[a-zA-Z]/
+  const restRegEx = /^[a-zA-Z .,\'-]/
+  const anyCharRegEx = /./
+  const mask = possibleMask.reduce((accumulator, currentChar) => {
+    if (accumulator.length > 0 && restRegEx.test(currentChar)) {
+      accumulator.push(anyCharRegEx)
+    }
+    if (accumulator.length <= 0 && firstCharRegEx.test(currentChar)) {
+      accumulator.push(anyCharRegEx)
+    }
+    return accumulator
+  }, [])
+
+  return mask
+}

wdio.conf.js

 const browserstack = require('browserstack-local')
+const request = require('request')
+const errors = []
+const user = process.env.BROWSERSTACK_USERNAME || 'BROWSERSTACK_USERNAME'
+const key = process.env.BROWSERSTACK_ACCESS_KEY || 'BROWSERSTACK_ACCESS_KEY'
 
 exports.config = {
-  user: process.env.BROWSERSTACK_USERNAME || 'BROWSERSTACK_USERNAME',
-  key: process.env.BROWSERSTACK_ACCESS_KEY || 'BROWSERSTACK_ACCESS_KEY',
+  debug: process.env.CI ? false : true,
+  user,
+  key,
 
@@ -12,13 +17,21 @@ updateJob: false,
   exclude: [],
+  maxInstances: 2,
 
   capabilities: [{
     browser: 'chrome',
-    name: 'single_test',
+    name: 'chrome_tests',
     build: process.env.CI ?
-      'hypermedia-client #' +  process.env.TRAVIS_BUILD_NUMBER + '.' + process.env.TRAVIS_JOB_NUMBER :
+      'hypermedia-client #' +  process.env.TRAVIS_BUILD_NUMBER :
       'hypermedia-client-local',
     'browserstack.local': true,
+  }, {
+    browser: 'firefox',
+    name: 'firefox_tests',
+    build: process.env.CI ?
+      'hypermedia-client #' +  process.env.TRAVIS_BUILD_NUMBER :
+      'hypermedia-client-local',
+    'browserstack.local': true,
   }],
 
-  logLevel: 'verbose',
+  logLevel: 'silent',
   coloredLogs: true,
@@ -40,3 +53,3 @@ screenshotPath: './errorShots/',
     if (process.env.CI) {
-      console.log('On CI. Skipping local connection.')
+      console.log('On CI. Skipping local connection because Travis CI will handle this.')
       return
@@ -59,4 +72,23 @@ }
 
+  afterTest: test => {
+    if (!test.passed) {
+      errors.push(`${test.fullTitle} failed with error: '${test.err.message}'`)
+    }
+  },
+
+  after: (result, capabilities, specs) => {
+    if (result != 0) {
+      console.log('Failing session with id: ' + browser.sessionId)
+      request({
+        uri: `https://${user}:${key}@www.browserstack.com/automate/sessions/${browser.sessionId}.json`,
+        method:'PUT',
+        form:{ 'status':'error','reason': errors.join(' | ') },
+      })
+    }
+  },
+
   // Code to stop browserstack local after end of test
-  onComplete: (capabilties, specs) => {
+  onComplete: (exitCode, config, capabilities) => {
+    console.log('Exited with code: ' + exitCode)
+
     if (process.env.CI) {
@@ -66,2 +98,3 @@ console.log('On CI. No local connection to close.')
     }
+
     console.log('Closing local connection')
@@ -68,0 +101,0 @@ exports.bs_local.stop(() => {})

New alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Filesystem access

Supply chain risk

Accesses the file system, and could potentially read sensitive data.

Found 1 instance in 1 package

Fixed alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

29480500

increased by0.62%

Number of package files

107

increased by5.94%

Lines of code

6608

increased by4.28%

Worsened metrics

Number of low supply chain risk alerts

11

increased by57.14%

No dependency changes