Ember Test: input focus

Question

I really don't understand the chain of events that's happening here. Trying to follow the guide as well as possible. I have:

test('Tab focus', function(assert) { 
    visit('/demo/form');
    click('input[type=text]');
    andThen(function() {
        assert.equal(
            find('input[type=text]').css('borderTopColor'), 'rgb(0, 125, 164)', 'Text input has focus'
        );
    });
});

only to have it fail:

There are no transitions on the color change, and if I hit rerun, it DOES pass.

What happens if you test for focus using find('input[type=text]').is(":focus") ? — JonRed, Nov 06 '16 at 01:27
Both `find('input[type=text]').is(':focus')` and `find('input[type=text]:focus')` will NOT return the true/.length = 1 as expected. :( — Brian, Nov 07 '16 at 14:25
If you can set up an ember twiddle (https://ember-twiddle.com/) with the example, maybe a few of us can take a look? — JonRed, Nov 07 '16 at 17:29

score 1 · Answer 1 · answered Dec 18 '18 at 13:58

1

for anyone still looking for an answer - you have to trigger "focus" event manually in your test:

triggerEvent(<alement selector>, 'focus');

more info: https://guides.emberjs.com/v2.14.0/testing/acceptance/#toc_asynchronous-helpers

answered Dec 18 '18 at 13:58

Igor

592
2
9
31

Ember Test: input focus

1 Answers1