Njb/add typings

[NickBolles]

Add typescript typings, makes writing typescript tests much easier!

[NickBolles]

@bahmutov could you take a look at this?

[bahmutov]

Hey @NickBolles I have added TS in https://github.com/bahmutov/cypress-vue-unit-test/releases/tag/v3.4.0 I think this should be enough for now

[NickBolles]

@bahmutov Sweet! I just tried it out and there are a few things missing.

First off, Cypress.vue isn't defined, unless that's changed recently, we should add this to the typings:

declare global {
  // eslint-disable-next-line no-redeclare
  namespace Cypress {
    interface Cypress {
      vue: Vue;
    }
  }
}

I'm also seeing this (which looks like it should be valid based off of the readme)

This probably means we need to update
This line
to be

type VueComponent = Vue.ComponentOptions<any> | Vue.VueConstructor<V>

[bahmutov]

@NickBolles I have added those 2 things in #354 Mind taking a look? I need a good Vue app with TS setup to really test it unfortunately

[NickBolles]

@bahmutov that looks good. I can't figure out how to pull it (I thought yarn add github:buhmutov/cypress-vue-unit-test#extend-vue-type would do it, but I guess not?)

[bahmutov]

Check the spelling ;)

…

Sent from my iPhone

On Jul 10, 2020, at 14:57, Nick Bolles ***@***.***> wrote:  @bahmutov that looks good. I can't figure out how to pull it (I thought yarn add github:buhmutov/cypress-vue-unit-test#extend-vue-type would do it, but I guess not?) — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or unsubscribe.

[NickBolles]

oops, that was just a miss-type into the comment though. I tried the correct spelling too :)

[bahmutov]

@NickBolles I have released the new version and it solved my TypeScript typing for a project I scaffolded for #356

Speaking of which - @NickBolles how did you set up the WebPack / settings for transpile for TS? I have a fresh TS project and it keeps getting an error ...

[NickBolles]

@bahmutov perfect.

I use nuxt, so I was messing with it in this comment, which builds a webpack processor in the ts-preporcessor file.

Since then I've packaged that up so that it's easier to do for Nuxt - cypress-nuxt

Because the rest of the webpack config is setup correctly, cypress-vue-unit-test just adds an entry point and it goes from that entry point.

[bahmutov]

@NickBolles you should definitely add it to https://on.cypress.io/plugins#framework-tooling!

[NickBolles]

@bahmutov sweet! I submitted a PR here: cypress-io/cypress-documentation#2979

I also updated the documentation for the more recent version of cypress-vue-unit-test, let me know if you have any suggestions!