Тестові кутові 2 одиниці тестування: Неможливо знайти назву "описувати"

Я стежу за цим підручником з angular.io

Як вони сказали, я створив файл hero.spec.ts для створення одиничних тестів:

import { Hero } from './hero';
describe('Hero', () => {
  it('has name', () => {
    let hero: Hero = {id: 1, name: 'Super Cat'};
    expect(hero.name).toEqual('Super Cat');
  });
  it('has id', () => {
    let hero: Hero = {id: 1, name: 'Super Cat'};
    expect(hero.id).toEqual(1);
  });
});

Тести підрозділу працюють як шарм. Проблема полягає в тому, що я бачу деякі помилки, про які йдеться у підручнику:

Наш редактор і компілятор може скаржитися , що вони не знають , що it і expectє , тому що у них немає типізації файли, що описують жасмин. Наразі ми можемо ігнорувати ці дратівливі скарги, оскільки вони нешкідливі.

І вони справді проігнорували це. Незважаючи на те, що ці помилки нешкідливі, це не добре виглядає на моїй вихідній консолі, коли я отримую купу їх.

Приклад того, що я отримую:

Не вдається знайти назву "описувати".

Неможливо знайти назву "це".

Не вдається знайти назву "очікувати".

Що я можу зробити, щоб це виправити?

Я сподіваюся, що ви встановили -

npm install --save-dev @types/jasmine

Потім поставте наступний імпорт у верхній частині hero.spec.tsфайлу -

import 'jasmine';

Це має вирішити проблему.

За допомогою Typescript@2.0 або новішої версії ви можете встановлювати типи за допомогою:

npm install -D @types/jasmine

Потім імпортуйте типи автоматично, використовуючи typesопцію в tsconfig.json:

"types": ["jasmine"],

Це рішення не потребує import {} from 'jasmine';у кожному специфікаційному файлі.

npm install @types/jasmine

Як згадується в деяких коментарях, "types": ["jasmine"]це більше не потрібно, всі @typesпакунки автоматично включаються в компіляцію (оскільки я думаю, що v2.1).

На мою думку, найпростішим рішенням є виключення тестових файлів у вашому tsconfig.json, наприклад:

"exclude": [
    "node_modules",
    "**/*.spec.ts"
]

Це працює для мене.

Детальна інформація в офіційних документах tsconfig .

Потрібно встановити тихінги для жасмину. Якщо припустити, що ви користуєтеся відносно недавньою версією машинопису 2, ви повинні мати можливість:

npm install --save-dev @types/jasmine

За допомогою Typescript@2.0 або пізнішої версії ви можете встановлювати типи з npm install

npm install --save-dev @types/jasmine

потім імпортуйте типи автоматично за допомогою параметра typeRoots в tsconfig.json.

"typeRoots": [
      "node_modules/@types"
    ],

Це рішення не потребує імпорту {} з "жасмину"; у кожному файлі специфікації.

Вирішення цієї проблеми пов'язане з тим, що @Pace написав у своїй відповіді. Однак це не пояснює все так, якщо ви не заперечуєте, я напишу це сам.

РІШЕННЯ:

Додавання цього рядка:

///<reference path="./../../../typings/globals/jasmine/index.d.ts"/>

на початку hero.spec.tsпроблема виправлення файлів. Шлях веде доtypings папки (де зберігаються всі типізації).

Щоб встановити типізацію, вам потрібно створити typings.jsonфайл у корені проекту із наступним вмістом:

{
  "globalDependencies": {
    "core-js": "registry:dt/core-js#0.0.0+20160602141332",
    "jasmine": "registry:dt/jasmine#2.2.0+20160621224255",
    "node": "registry:dt/node#6.0.0+20160807145350"
  }
}

І запустіть typings install(де typingsпакет NPM).

У моєму випадку рішенням було усунути typeRootsмоє tsconfig.json.

Як ви можете прочитати в документі TypeScript

Якщо вказано typeRoots, будуть включені лише пакети під typeRoots.

Я сьогодні до останнього часу і знайшов найкращий спосіб вирішити це - нічого не робити ... ні typeRootsні typesні, excludeне includeвсі параметри за замовчуванням спрацьовують нормально. Насправді це не спрацювало для мене, поки я не видалив їх усіх. Я мав:

"exclude": [
    "node_modules"
]

але це за замовчуванням, тому я це усунув.

Я мав:

"types": [
    "node"
]

щоб пройти якесь попередження компілятора. Але зараз я теж це зняв.

Попередження, якого не повинно бути: error TS2304: Cannot find name 'AsyncIterable'. відnode_modules\@types\graphql\subscription\subscribe.d.ts

що дуже неприємно, тому я зробив це в tsconfig, щоб він завантажував його:

"compilerOptions": {
    "target": "esnext",
}

оскільки він знаходиться в наборі esnext. Я не використовую його безпосередньо, тому тут не турбуйтеся про сумісність. Сподіваюся, що згодом мене не спалить.

Лише потрібно було зробити наступне, щоб забрати @types в Lerna Mono-repo, де існує декілька node_modules.

npm install -D @types/jasmine

Потім у кожному tsconfig.file кожного модуля чи програми

"typeRoots": [
  "node_modules/@types",
  "../../node_modules/@types" <-- I added this line
],

Для того, щоб компілятор TypeScript під час компіляції використовував усі видимі Визначення типів, typesопцію слід повністю видалити з compilerOptionsполя у tsconfig.jsonфайлі.

Ця проблема виникає, коли typesв compilerOptionsполі є деякі записи , де одночасно jestзапис відсутні.

Тому для того , щоб виправити цю проблему, compilerOptionsполе в вашому tscongfig.jsonповинні або включати jestв typesобласті або позбутися від typescomnpletely:

{
  "compilerOptions": {
    "esModuleInterop": true,
    "target": "es6",
    "module": "commonjs",
    "outDir": "dist",
    "types": ["reflect-metadata", "jest"],  //<--  add jest or remove completely
    "moduleResolution": "node",
    "sourceMap": true
  },
  "include": [
    "src/**/*.ts"
  ],
  "exclude": [
    "node_modules"
  ]
}

Я просто додам відповідь на те, що працює для мене в "typecript": "3.2.4" Я зрозумів, що у жасмину в node_modules / @ type є папка для ts3.1 під типом жасмину, ось ось кроки: -

• Встановіть тип жасмину npm install -D @types/jasmine

• Додати в tsconfig.json жасмін / ts3.1

  "typeRoots": [ ... "./node_modules/jasmine/ts3.1" ],

• Додайте Жасмін до типів

  "types": [ "jasmine", "node" ],

Примітка: Більше цього не потрібноimport 'jasmine';.

У моєму випадку я отримував цю помилку, коли я обслуговую програму, а не під час тестування. Я не розумів, що у моєму файлі tsconfig.app.json у мене інший параметр конфігурації.

У мене раніше було таке:

{
  ...
  "include": [
    "src/**/*.ts"
  ]
}

Це було, включаючи всі мої .spec.tsфайли при обслуговуванні програми. Я змінив include property toвилучення` і додав регулярний вираз, щоб виключити всі тестові файли, як це:

{
  ...
  "exclude": [
    "**/*.spec.ts",
    "**/__mocks__"
  ]
}

Зараз це працює як очікувалося.

Подивіться на імпорт, можливо, у вас є залежність від циклу , це в моєму випадку помилка, використовуючи import {} from 'jasmine';виправить помилки в консолі та зробить код комбінованим, але не видаляє корінь диявола (у моєму випадку залежність циклу).

Я на Angular 6, Typescript 2.7, і я використовую Jest Framework для тестування одиниць. Я @types/jestвстановив і додав typeRootsвсерединуtsconfig.json

Але все-таки є помилка відображення нижче (тобто: на терміналі немає помилок)

не вдається знайти опис імені

І додавання імпорту:

import {} from 'jest'; // in my case or jasmine if you're using jasmine

технічно нічого не робить, тому я подумав, що десь є імпорт, що викликає цю проблему, то я виявив, що якщо видалити файл

tsconfig.spec.json

в src/ папці, вирішив проблему для мене. Оскільки @types імпортується раніше, ніж всередині rootTypes.

Я рекомендую вам зробити те ж саме і видалити цей файл, не потрібна конфігурація всередині. (ps: якщо ти в тому самому випадку, що і я)

якщо помилка є у файлі .specs app / app.component.spec.ts (7,3): помилка TS2304: Неможливо знайти ім’я 'beforeEach'.

додайте це у верхній частині вашого файлу та npm встановіть rxjs

import {range} з 'rxjs'; імпортувати {map, filter} з 'rxjs / operator';