Repository navigation
Vite Build fails because of test TypeScript error #1191
Description
My build fails because of typescript errors in a test
describe('SearchDetailed inAccountNumberRange', () => {
it('returns true as no accountStart', () => {
let wrapper = shallowMount(SearchDetailed, { global: _global, props })
expect(wrapper.vm.inAccountNumberRange('452')).toBe(true)
})
})
The error message is error TS2339: Property 'inAccountNumberRange' does not exist on type '{ $: ComponentInternalInstance; $data: {}; $props: Partial<{ results: Item[]; }> & Omit<Readonly<{ results?: unknown; accountStart?: unknown; accountEnd?: unknown; } & { results: Item[]; } & { ...; }> & VNodeProps & AllowedComponentProps & ComponentCustomProps, "results">; ... 10 more ...; $watch(source: string | Fu...'.
inAccountNumberRange is a method in the SearchDetailed component
The test runs fine, only the build fails.
The test is in the same folder as the component
Activity
cexbrayat commentedon Dec 28, 2021
Hi @rrd108
It's hard to say what's going on without at least the component code and which versions are you using.
Would you mind sharing a minimal reproduction with us? Ideally a GitHub repository with just the minimum required to reproduce your issue.
rrd108 commentedon Dec 29, 2021
@cexbrayat
Here is the repo: https://github.com/rrd108/vue-test-utils-1191
Outputs in my system.
Tests
Build
cexbrayat commentedon Dec 29, 2021
Thanks, that's what I was suspecting: your component is using
script setupso this TS error is sadly expected. See #972We are doing some magic in VTU to make this test possible, but we are waiting for a fix in Vue itself to make this type-checking possible. In the meantime, you have to explicitly add a cast like
(wrapper.vm) as unknown as { inAccountNumberRange: (n: string) => boolean }).You can track #972 and vuejs/core#4465
Closing this one as duplicates.