Vue-test-utils: Async API like "waitForElementVisible(selector, [timeout])"

[JYC-99]

Perhaps similar to: https://www.npmjs.com/package/enzyme-wait

[JYC-99]

I dont find how can I do this check for now

[eddyerburgh]

I don't think we should add this to vue-test-utils. Waiting for promises/ timeouts to resolve isn't a vue specific problem. I'm happy to discuss this though because a few people have requested a similar feature.

You can wait for promises to resolve using flush-promises.

import flushPromises from 'flush-promises'

test('an async component', async () => {
  const wrapper = mount(AsyncComponent)
  await flushPromises()
  expect(wrapper.contains('div')).toBe(true)
})

[JYC-99]

@eddyerburgh Thanks for explaining and I see your points.

I'm using setTimeout/_.defer to work around which seems exactly what flush-promises does.

[lmiller1990]

I second this shouldn't be in vue-test-utils. This is a common request - but I think people really asking "how do I do this" rather than "make the feature".

I think the best solution is a guide in the docs how on to deal with async.

Edit: see #151 .