ember-changeset-validations-validateConfirmation-undefined

controllers.application.js

import Changeset from 'ember-changeset';
import Ember from 'ember';
import PasswordValidations from '../validations/password';
import lookupValidator from 'ember-changeset-validations';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  init() {
    this._super(...arguments);

    this.set('changeset', new Changeset({
    	password: 'test',
    	passwordConfirmation: undefined,
      passwordConfirmation2: null
    }, lookupValidator(PasswordValidations), PasswordValidations));
  }
});

templates.application.hbs

<h1>Testing validateConfirmation</h1>

{{#bs-form model=changeset showAllValidations=true as |form|}}
	{{form.element
  	label='Password'
  	property='password'
  }}
  {{form.element
  	label='Password confirmation (undefined)'
  	property='passwordConfirmation'
  }}
  {{form.element
  	label='Password confirmation (null)'
  	property='passwordConfirmation2'
  }}
{{/bs-form}}

twiddle.json

{
  "version": "0.12.1",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.12.0",
    "ember-template-compiler": "2.12.0",
    "ember-testing": "2.12.0"
  },
  "addons": {
  	"ember-bootstrap": "1.0.0-beta.2",
    "ember-bootstrap-changeset-validations": "1.0.0-alpha.2",
  	"ember-changeset": "1.3.0",
    "ember-changeset-validations": "1.2.8",
    "ember-data": "2.12.1"
  }
}

validations.password.js

import {
  validateConfirmation,
  validateLength
} from 'ember-changeset-validations/validators';

export default {
  password: validateLength({
    allowNone: false,
    min: 3
  }),
  passwordConfirmation: validateConfirmation({ on: 'password' }),
  passwordConfirmation2: validateConfirmation({ on: 'password' })
};