Protractor tests fails because model value is empty <p>I have a sample <a href="http://fiddle.jshell.net/yfUQ8/9/edit/" rel="nofollow">fiddle</a> that I am trying to test using protractor. </p> <p>Below are my tests</p> <pre><code>describe("Fiddle homepage", function() { beforeEach(function() { browser.get('http://fiddle.jshell.net/yfUQ8/9/show'); browser.rootEl = 'div'; }); describe("binding", function() { var inputByModel; beforeEach(function() { inputByModel = element(by.model('model.yourName')); }) // Fail it("should have value Julie1", function() { inputByModel.sendKeys('Julie1'); // browser.waitForAngular(); expect(inputByModel.getText()).to.eventually.equal('Julie1'); }); // Fail it("should have value Julie2", function() { inputByModel.sendKeys('Julie2'); var greeting = element(by.model('model.yourName')); expect(greeting.getText()).to.eventually.equal('Julie2'); }); // Pass it("should have value Julie3", function() { inputByModel.sendKeys('Julie3'); var byBinding = element(by.binding('model.yourName')); expect(byBinding.getText()).to.eventually.equal('Julie'); }); // Fail it("should get value by id and should pass the test", function() { inputByModel.sendKeys('Julie4'); var byID = element(by.id('myinput')); expect(byID.getText()).to.eventually.equal('Julie4'); }) }); }); </code></pre> <p>I am using mocha, chaiAsPromised to run my tests. Can anyone explain why my first two tests are failing?</p>