Testing text field input with Spectator

Question

I'm trying to test my directive with @ngneat/spectator version 6.1.1

it('should allow all numbers', () => {
    spectator = createDirective('<input appNumbersOnly type="number">')
    const input = spectator.query('input') as HTMLInputElement

    spectator.typeInElement('1234', input)

    expect(input.value).toHaveExactText('1234')
})

That always comes back with input.value being blank. I'm just getting started with spectator. What's the right way to perform this test?

Have you managed to solve this? I have a bit different issue - I seem to be able to set the value, however Angular's form.valid property does not seem to be updated. — Kirill G., Jan 01 '22 at 02:54

score 1 · Answer 1 · answered Jan 09 '22 at 14:05

1

Just use:

expect(input.value).toEqual('1234');

answered Jan 09 '22 at 14:05

tm1701

7,307
17
79
168

Testing text field input with Spectator

1 Answers1