How do I assert the value of an input field with chai/chai-smoothie?

Question

Thanks for chai-smoothie!

How do I assert the value of an input field with chai/chai-smoothie?

Given that getText() is always empty, and we should use element.getAttribute('value') (see: How to getText on an input in protractor)

I'd like to be able to do something like:

expect(this.nameTextbox).to.eventually.have.value('name');

This doesn't seem to work:

expect(this.nameTextbox.getAttribute('value')).to.eventually.equal('name');

AssertionError: expected { Object (browser_, then, ...) } to equal 'name'

Answer 1

chai-smoothie is enable the error message more read friendly when assertion failed. But it can't handle promise: this.nameTextbox.getAttribute('value') return a promise.

Note: All Protractor API return promise.

You need to use chai-as-promised with chai to handle promise.

var chai = require('chai'),

chai.use(require('chai-as-promised'));
chai.use(require('chai-smoothie'));

global.expect = chai.expect;

// then can do assertion as following:
expect(this.nameTextbox.getAttribute('value')).to.eventually.equal('name');