Vitest: TypeError: `it.skip` is not a function about analog HOT 10 CLOSED

Hey @brandonroberts,

I know this issue is closed but I can't get the tests working. Still the same problem. Should I open a new Issue?

Sure, if you could add an example that would be great

from analog.

Looks like it works after adding this import to the test file:
import {describe, beforeEach, it, expect} from 'vitest';.

I'm assuming these are currently defaulting to @nx/jest used by @nx/angular plugin instead of the vitest ones.

from analog.

Its probably an issue with using the globals. Importing them directly should work fine in most cases

from analog.

Also when I import it or describe because I want to use it.each, fakeAsync doesn't work anymore (ProxyZone Error)

from analog.

as @jahusa02 said
direct importing causes
Error: Expected to be running in 'ProxyZone', but it was not found.

from analog.

as @jahusa02 said direct importing causes Error: Expected to be running in 'ProxyZone', but it was not found.

Yes, that's correct. You have to use the global functions that are patched correctly to operate inside the Zone.js/ProxyZone context

from analog.

as @jahusa02 said direct importing causes Error: Expected to be running in 'ProxyZone', but it was not found.

Yes, that's correct. You have to use the global functions that are patched correctly to operate inside the Zone.js/ProxyZone context

But what if I want to use it.each together with fakeAsync?

from analog.

@jahusa02 that should work. You can find the patched methods there

https://github.com/analogjs/analog/blob/beta/packages/vite-plugin-angular/setup-vitest.ts#L251

from analog.

@brandonroberts I have a spec file where I have fakeAsync and "normal" tests.

When I use the patched function (e.g. not importing it via import { it } from 'vitest'), the it.each tests will fail, but the fakeAsync not.

TypeError: Cannot read properties of undefined (reading 'withContext')
 ❯ ../../../packages/vite-plugin-angular/setup-vitest.ts:247:31
 ❯ src/lib/+state/effects/add-pending-contract/add-pending-contract.effects.spec.ts:98:6
     96|       { formStateValid: false, contractId: 'foo', satznummer: null },
     97|       { formStateValid: false, contractId: null, satznummer: 'bar' },
     98|     ])(
       |      ^
     99|       'should not post form values if ContractIds are %j',
    100|       ({ formStateValid, contractId, satznummer }) => {
 ❯ _ZoneDelegate.invoke ../../../node_modules/zone.js/fesm2015/zone.js:365:28
 ❯ ZoneImpl.run ../../../node_modules/zone.js/fesm2015/zone.js:111:43
 ❯ ../../../packages/vite-plugin-angular/setup-vitest.ts:41:21

When I importing it, the fakeAsync tests will fail with the mentioned Error: Expected to be running in 'ProxyZone', but it was not found., but the it.each will pass.

I can't give you a test repo at the moment, but maybe this is enough information for you

from analog.

Hey @brandonroberts,

I know this issue is closed but I can't get the tests working. Still the same problem. Should I open a new Issue?

from analog.