Açısal 2 Birim Testleri: 'description' adı bulunamıyor

Bu öğreticiyi angular.io sitesinden takip ediyorum

Dedikleri gibi, birim testleri oluşturmak için hero.spec.ts dosyası oluşturdum:

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);
  });
});

Birim Testleri bir cazibe gibi çalışır. Sorun: Ben öğretici belirtilen bazı hatalar görüyorum:

Bizim editörü ve derleyici onlar ne bilmiyorum şikayet edebilir it ve expectbunlar Jasmine'i tarif yazarak dosyaları yoksun çünkü bulunmaktadır. Zararsız oldukları için rahatsız edici şikayetleri şimdilik göz ardı edebiliriz.

Gerçekten de görmezden geldiler. Bu hatalar zararsız olsa da, bir sürü aldığımda çıkış konsolumda iyi görünmüyor.

Aldığım örnek:

'Description' adı bulunamıyor.

'İt' adı bulunamıyor.

'Bekleme' adı bulunamıyor.

Düzeltmek için ne yapabilirim?

Umarım yüklediniz -

npm install --save-dev @types/jasmine

Ardından, aşağıdaki içe aktarmayı hero.spec.tsdosyanın üstüne yerleştirin -

import 'jasmine';

Sorunu çözmeli.

Typescript@2.0 veya daha yeni bir sürümle türleri kurabilirsiniz:

npm install -D @types/jasmine

Ardından, aşağıdaki typesseçeneği kullanarak türleri otomatik olarak içe aktarın tsconfig.json:

"types": ["jasmine"],

Bu çözüm import {} from 'jasmine';her spec dosyasında gerektirmez .

npm install @types/jasmine

Bazı yorumlarda belirtildiği gibi "types": ["jasmine"], artık gerekli değildir, hepsi@types paketler otomatik olarak derlemeye dahil edilir (sanırım v2.1'den beri).

Bence en kolay çözüm tsconfig.json dosyasındaki test dosyalarını hariç tutmaktır :

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

Bu benim için çalışıyor.

Resmi tsconfig belgelerinde daha fazla bilgi .

Yasemin için yazımlar yüklemeniz gerekiyor. Daktilo yazısının nispeten yeni bir sürümünde olduğunuzu varsayarsak, şunları yapabilirsiniz:

npm install --save-dev @types/jasmine

Typescript@2.0 veya üzeri bir sürümle npm kurulumuyla türleri kurabilirsiniz

npm install --save-dev @types/jasmine

ardından tsconfig.json'daki typeRoots seçeneğini kullanarak türleri otomatik olarak içe aktarın .

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

Bu çözüm 'yasemin'ten ithal {} gerektirmez; her spec dosyasında.

Bu sorunun çözümü @Pace'in cevabında yazdıklarıyla bağlantılıdır . Ancak, her şeyi açıklamıyor, bu yüzden sakıncası yoksa, kendim yazacağım.

ÇÖZÜM:

Bu satırı ekliyor:

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

hero.spec.tsdosya başında sorunu giderir. Yol typingsklasöre yönlendirir (tüm yazımların depolandığı yer).

Yazıları yüklemek için typings.json, projenizin kök dizininde aşağıdaki içerikle dosya oluşturmanız gerekir :

{
  "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"
  }
}

Ve çalıştırın typings install( typingsNPM paketi nerede ).

Benim durumumda, çözüm typeRootsbenimtsconfig.json .

TypeScript belgesinde okuyabileceğiniz gibi

TypeRoots belirtilirse, yalnızca typeRoots altındaki paketler dahil edilir.

Bugün itibariyle en son sürümdeyim ve bunu çözmenin en iyi yolunu buldum hiçbir şey yapmamak ... typeRootshayır typeshayır excludehayır includetüm varsayılanlar gayet iyi çalışıyor gibi görünüyor. Aslında hepsini kaldırana kadar benim için işe yaramadı. Sahiptim:

"exclude": [
    "node_modules"
]

ama bu öntanımlıdır, bu yüzden bunu kaldırdım.

Sahiptim:

"types": [
    "node"
]

derleyici uyarısı geçmiş olsun. Ama şimdi ben de kaldırdım.

Olmaması gereken uyarı: error TS2304: Cannot find name 'AsyncIterable'. dannode_modules\@types\graphql\subscription\subscribe.d.ts

ki çok iğrenç bu yüzden tsconfig bunu yükler bunu yaptım:

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

çünkü esnext setinde. Doğrudan kullanmıyorum, bu yüzden henüz uyumluluk konusunda endişelenmenize gerek yok. Umarım bu beni daha sonra yakmaz.

Sadece birkaç node_modülün bulunduğu bir Lerna Mono- repo'da @tipleri almak için aşağıdakileri yapmak zorundaydı .

npm install -D @types/jasmine

Daha sonra her bir modül veya uygulamanın her tsconfig.file dosyasında

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

TypeScript Derleyicinin derleme sırasında görünür tüm Tip Tanımlarını kullanabilmesi için, typesseçeneğin compilerOptionsalandaki alandan tamamen kaldırılması gerekir .tsconfig.json dosyadaki .

Bu sorun , aynı anda bazı typesgirişler olduğunda ortaya çıkar.compilerOptionsjest girdinin eksik .

Yani sorunu çözmek amacıyla, compilerOptionssenin alan tscongfig.jsonya içermelidir jestiçinde typesveya alan kurtulmak 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"
  ]
}

Ben sadece "typescript" benim için işe yarayan cevap ekleyeceğim: "3.2.4" Ben node_modules / @ türlerinde yasemin yasemin türü altında ts3.1 için bir klasör olduğunu fark ettim, bu yüzden adımlar şunlardır: -

• Yasemin türü yükleyin npm install -D @types/jasmine

• Ekle tsconfig.json yasemin / ts3.1

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

• Jasmine türlerine ekle

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

Not: Artık buna gerekimport 'jasmine';yok.

Benim durumumda, test ederken değil, uygulamayı sunarken bu hatayı alıyordum. Tsconfig.app.json dosyamda farklı bir yapılandırma ayarım olduğunu fark etmedim.

Daha önce bu vardı:

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

.spec.tsUygulamayı sunarken tüm dosyalarımı içeriyordu. include property toDışlama`yı değiştirdim ve bunun gibi tüm test dosyalarını hariç tutmak için bir normal ifade ekledim:

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

Şimdi beklendiği gibi çalışıyor.

İthalat bakmak bir döngü bağımlılığı var belki , bu benim durumumda hata, kullanarak import {} from 'jasmine';konsoldaki hataları düzeltir ve kodu derlenebilir yapar ama şeytanın kökünü kaldırmaz (benim durumumda döngü bağımlılığı).

Angular 6, Typescript 2.7 kullanıyorum ve birim testi için Jest framework kullanıyorum. Ben vardı @types/jestyüklenmiş ve ilavetypeRoots içtsconfig.json

Ancak yine de aşağıdaki ekran hatası var (yani: terminalde hata yok)

isim bulamıyorum tarif

Ve içe aktarmayı ekleyerek:

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

Teknik olarak hiçbir şey yapmaz, bu yüzden bu soruna neden olan bir yerde bir ithalat olduğunu düşündüm, sonra dosyayı silerseniz

tsconfig.spec.json

içinde src/ klasörün benim için sorun çözüldü. @ Tipleri daha önce rootTypes içine alınır.

Aynı dosyayı yapmanızı ve bu dosyayı silmenizi tavsiye ederim, içeride gerekli yapılandırma yok. (ps: benimle aynı durumdaysanız)

hata .specs app / app.component.spec.ts (7,3) dosyasındaysa: hata TS2304: 'beforeEach' adı bulunamıyor.

bunu dosyanızın üstüne ekleyin ve npm install rxjs

'rxjs' den {range} dosyasını içe aktarın; 'rxjs / operators' öğesinden {map, filter} içe aktarma;