Require statement not part of import statement (@typescript-eslint/no-var-requires) at tests/unit/electron.spec.js

Describe the bug When adding the plugin to a project that has typescript enabled:

electron.spec is in JavaScript, not TypeScript

vue add electron-builder ends with a failure


➜  ~ vue create hello-world

Vue CLI v4.3.1 ? Please pick a preset: Manually select features ? Check the features needed for your project: Babel, TS, PWA, Router, Vuex, CSS Pre-processors, Linter, Unit, E2E ? Use class-style component syntax? Yes ? Use Babel alongside TypeScript (required for modern mode, auto-detected polyfills, transpiling JSX)? Yes ? Use history mode for router? (Requires proper server setup for index fallback in production) Yes ? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): Sass/SCSS (with dart-sass ) ? Pick a linter / formatter config: Prettier ? Pick additional lint features: Lint on save ? Pick a unit testing solution: Jest ? Pick an E2E testing solution: Cypress ? Where do you prefer placing config for Babel, ESLint, etc.? In dedicated config files ? Save this as a preset for future projects? No

Vue CLI v4.3.1 ✨ Creating project in /home/patrick/hello-world. 🗃 Initializing git repository... ⚙️ Installing CLI plugins. This might take a while...

yarn install v1.22.4 info No lockfile found. [1/4] Resolving packages... [2/4] Fetching packages... info fsevents@2.1.3: The platform "linux" is incompatible with this module. info "fsevents@2.1.3" is an optional dependency and failed compatibility check. Excluding it from installation.

success Saved lockfile. Done in 23.97s. 🚀 Invoking generators... 📦 Installing additional dependencies... [5/5] ⢀ cypress yarn install v1.22.4 [1/4] Resolving packages... [2/4] Fetching packages... info fsevents@2.1.3: The platform "linux" is incompatible with this module. info "fsevents@2.1.3" is an optional dependency and failed compatibility check. Excluding it from installation. info fsevents@1.2.13: The platform "linux" is incompatible with this module. info "fsevents@1.2.13" is an optional dependency and failed compatibility check. Excluding it from installation. [3/4] Linking dependencies... [4/4] Building fresh packages...

success Saved lockfile. Done in 11.34s. ⚓ Running completion hooks...

📄 Generating README.md...

🎉 Successfully created project hello-world. 👉 Get started with the following commands:

$ cd hello-world $ yarn serve

➜ ~ cd hello-world ➜ hello-world git:(master) vue add electron-builder

📦 Installing vue-cli-plugin-electron-builder...

yarn add v1.22.4 [1/4] Resolving packages... [2/4] Fetching packages... info fsevents@2.1.3: The platform "linux" is incompatible with this module. info "fsevents@2.1.3" is an optional dependency and failed compatibility check. Excluding it from installation. info fsevents@1.2.13: The platform "linux" is incompatible with this module. info "fsevents@1.2.13" is an optional dependency and failed compatibility check. Excluding it from installation. [3/4] Linking dependencies... [4/4] Building fresh packages... success Saved lockfile. success Saved 109 new dependencies. info Direct dependencies └─ vue-cli-plugin-electron-builder@1.4.6 info All dependencies ├─ @develar/schema-utils@2.1.0 ├─ @sindresorhus/is@0.14.0 ├─ @szmarczak/http-timer@1.1.2 ├─ @types/debug@4.1.5 ├─ ansi-align@3.0.0 ├─ app-builder-bin@3.4.3 ├─ app-builder-lib@21.2.0 ├─ archiver@2.1.1 ├─ array-find-index@1.0.2 ├─ bl@1.2.2 ├─ boxen@3.2.0 ├─ buffer-alloc-unsafe@1.1.0 ├─ buffer-alloc@1.2.0 ├─ buffer-fill@1.0.0 ├─ cacheable-request@6.1.0 ├─ camelcase-keys@2.1.0 ├─ chromium-pickle-js@0.2.0 ├─ cli-boxes@2.2.0 ├─ clone-response@1.0.2 ├─ compress-commons@1.2.2 ├─ configstore@4.0.0 ├─ crc@3.8.0 ├─ crc32-stream@2.0.0 ├─ crypto-random-string@1.0.0 ├─ css-parse@2.0.0 ├─ css-value@0.0.1 ├─ currently-unhandled@0.4.1 ├─ decompress-response@3.3.0 ├─ deep-extend@0.6.0 ├─ defer-to-connect@1.1.3 ├─ dev-null@0.1.1 ├─ dmg-builder@21.2.0 ├─ dot-prop@4.2.0 ├─ duplexer3@0.1.4 ├─ electron-builder@21.2.0 ├─ electron-chromedriver@5.0.1 ├─ electron-download@4.1.1 ├─ electron-publish@21.2.0 ├─ env-paths@1.0.0 ├─ friendly-errors-webpack-plugin@1.7.0 ├─ fs-constants@1.0.0 ├─ gaze@1.1.3 ├─ globule@1.3.1 ├─ got@9.6.0 ├─ grapheme-splitter@1.0.4 ├─ has-yarn@2.1.0 ├─ http-cache-semantics@4.1.0 ├─ immediate@3.0.6 ├─ import-lazy@2.1.0 ├─ is-npm@3.0.0 ├─ is-utf8@0.2.1 ├─ is-yarn-global@0.3.0 ├─ isbinaryfile@4.0.6 ├─ json-buffer@3.0.0 ├─ jszip@3.4.0 ├─ keyv@3.1.0 ├─ latest-version@5.1.0 ├─ lazystream@1.0.0 ├─ lie@3.3.0 ├─ lodash.merge@4.6.2 ├─ loud-rejection@1.6.0 ├─ lowercase-keys@1.0.1 ├─ map-obj@1.0.1 ├─ meow@3.7.0 ├─ npm-install-package@2.1.0 ├─ nugget@2.0.1 ├─ optimist@0.6.1 ├─ p-cancelable@1.1.0 ├─ package-json@6.5.0 ├─ progress-stream@1.2.0 ├─ redent@1.0.0 ├─ registry-auth-token@4.1.1 ├─ registry-url@5.1.0 ├─ responselike@1.0.2 ├─ rgb2hex@0.1.10 ├─ rx-lite-aggregates@4.0.8 ├─ rx-lite@4.0.8 ├─ semver-diff@2.1.0 ├─ set-immediate-shim@1.0.1 ├─ shebang-loader@0.0.1 ├─ single-line-log@1.1.2 ├─ spectron@7.0.0 ├─ speedometer@0.1.4 ├─ split@1.0.1 ├─ split2@3.1.1 ├─ stat-mode@0.3.0 ├─ sumchecker@2.0.2 ├─ tar-stream@1.6.2 ├─ term-size@1.2.0 ├─ through2-filter@3.0.0 ├─ through2-map@3.0.0 ├─ to-buffer@1.1.1 ├─ to-readable-stream@1.0.0 ├─ trim-newlines@1.0.0 ├─ truncate-utf8-bytes@1.0.2 ├─ unique-string@1.0.0 ├─ unzip-crx@0.2.0 ├─ update-notifier@3.0.1 ├─ url-parse-lax@3.0.0 ├─ utf8-byte-length@1.0.4 ├─ vue-cli-plugin-electron-builder@1.4.6 ├─ wdio-dot-reporter@0.0.10 ├─ webdriverio@4.14.4 ├─ webpack-chain@5.2.4 ├─ wgxpath@1.0.0 ├─ widest-line@2.0.1 ├─ wordwrap@0.0.3 ├─ yaku@0.16.7 └─ zip-stream@1.2.0 Done in 22.74s. ✔ Successfully installed plugin: vue-cli-plugin-electron-builder

? Choose Electron Version ^6.0.0 ? Add tests with Spectron to your project? Yes

🚀 Invoking generator for vue-cli-plugin-electron-builder... WARN Devtools extensions are broken in Electron 6.0.0 and greater WARN Vue Devtools have been disabled, see the comments in your background file for more info 📦 Installing additional dependencies...

yarn install v1.22.4 [1/4] Resolving packages... [2/4] Fetching packages... info fsevents@2.1.3: The platform "linux" is incompatible with this module. info "fsevents@2.1.3" is an optional dependency and failed compatibility check. Excluding it from installation. info fsevents@1.2.13: The platform "linux" is incompatible with this module. info "fsevents@1.2.13" is an optional dependency and failed compatibility check. Excluding it from installation. [3/4] Linking dependencies... [4/4] Building fresh packages... success Saved lockfile. $ electron-builder install-app-deps • electron-builder version=21.2.0 Done in 18.00s. ⠋ Running completion hooks...

WARN It is detected that you are using Vue Router. If you are using history mode, you must push the default route when the root component is loaded. Learn more at https://goo.gl/GM1xZG . error: Require statement not part of import statement (@typescript-eslint/no-var-requires) at tests/unit/electron.spec.js:1:30:

1 | const { testWithSpectron } = require("vue-cli-plugin-electron-builder"); | ^ 2 | jest.setTimeout(50000); 3 | 4 | test("Window Loads Properly", async () => {

1 error found.


**To Reproduce**
Steps to reproduce the behavior:
```bash
➜  ~ vue create hello-world
Vue CLI v4.3.1
? Please pick a preset: Manually select features
? Check the features needed for your project: Babel, TS, PWA, Router, Vuex, CSS Pre-processors, Linter, Unit, E2E
? Use class-style component syntax? Yes
? Use Babel alongside TypeScript (required for modern mode, auto-detected polyfills, transpiling JSX)? Yes
? Use history mode for router? (Requires proper server setup for index fallback in production) Yes
? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): Sass/SCSS (with dart-sass
)
? Pick a linter / formatter config: Prettier
? Pick additional lint features: Lint on save
? Pick a unit testing solution: Jest
? Pick an E2E testing solution: Cypress
? Where do you prefer placing config for Babel, ESLint, etc.? In dedicated config files
? Save this as a preset for future projects? No
➜  ~ cd hello-world
➜  ~ vue add electron-builder   
✔  Successfully installed plugin: vue-cli-plugin-electron-builder

? Choose Electron Version ^6.0.0
? Add tests with Spectron to your project? Yes

Expected behavior

spec is generated in typescript
spec does not throw errors from @typescript-eslint

Screenshots If applicable, add screenshots to help explain your problem.

Environment (please complete the following information):

OS and version: Ubuntu 20.04
node version: v14.2.0
npm version:
yarn version (if used): 1.22.4
vue-cli-plugin-electron-builder version : "vue-cli-plugin-electron-builder": "~1.4.6"
electron version: "electron": "^6.0.0"

other vue plugins used:

"devDependencies": {
"@types/jest": "^24.0.19",
"@typescript-eslint/eslint-plugin": "^2.26.0",
"@typescript-eslint/parser": "^2.26.0",
"@vue/cli-plugin-babel": "~4.3.0",
"@vue/cli-plugin-e2e-cypress": "~4.3.0",
"@vue/cli-plugin-eslint": "~4.3.0",
"@vue/cli-plugin-pwa": "~4.3.0",
"@vue/cli-plugin-router": "~4.3.0",
"@vue/cli-plugin-typescript": "~4.3.0",
"@vue/cli-plugin-unit-jest": "~4.3.0",
"@vue/cli-plugin-vuex": "~4.3.0",
"@vue/cli-service": "~4.3.0",
"@vue/eslint-config-prettier": "^6.0.0",
"@vue/eslint-config-typescript": "^5.0.2",
"@vue/test-utils": "1.0.0-beta.31",
"electron": "^6.0.0",
"eslint": "^6.7.2",
"eslint-plugin-prettier": "^3.1.1",
"eslint-plugin-vue": "^6.2.2",
"prettier": "^1.19.1",
"sass": "^1.26.3",
"sass-loader": "^8.0.2",
"typescript": "~3.8.3",
"vue-cli-plugin-electron-builder": "~1.4.6",
"vue-template-compiler": "^2.6.11"
}

custom config for vcp-electron-builder: n/a
(if possible) link to your repo: n/a

Additional context Add any other context about the problem here.

nklayman / vue-cli-plugin-electron-builder

Require statement not part of import statement (@typescript-eslint/no-var-requires) at tests/unit/electron.spec.js #759