2016-09-06 15 views
5

Mój projekt przechodzi od wersji samodzielnej do sieci Web, nasz nowy serwis internetowy jest tworzony w AngularJS, więc kątomierz jest narzędziem wybranym do testowania automatyzacji.Jak napisać skrypty testowe skrętu przy użyciu maszynopisu wraz ze strukturą Jasmine w Visual studio Code?

Chcę zintegrować maszynopis z zależnościami jaśminu i węzła tak, że nie pojawiają się błędy takie jak

cannot find name Describe 
cannot find name it 
cannot find name Expect 

może ktoś mi powiedzieć jak dodać jaśminu i kątomierz zależności, tak że kiedy uderzy ctrl + spacja dostanę wszystkie dostępne opcje.

Zainstalowałem Maszynopis. I otrzymuję zależności kątowe, takie jak przeglądarka, element itp.

Co powinienem zrobić, aby opisać, to, oczekiwać (rzeczy Jasmine)?

+0

sprawdzić moją odpowiedź na to pytanie .. to nie jest dokładnie to samo, ale ja uważasz, że masz ten sam problem. Potrzebne są pliki definicji typów dla jasmine..http: //stackoverflow.com/questions/39058504/whyi-i-am-notable-be-see-expect-methods-like-tobe-in-protractor/39058896 # 39058896 – TypeScripter

+0

Gdzie mogę znaleźć plik jasmine.d.ts? Dostałem ten sam błąd co balaji. –

+0

/typings/main/ambient/jasmine/jasmine.d.ts nie ma takiej ścieżki. –

Odpowiedz

4

Każdego dnia używam Visual Studio Code, aby napisać moje skrypty, jest to mój ulubiony edytor dla Kątomierza z powodu wbudowanego wsparcia dla TypeScript!

Oto następujące rzeczy, które mogą wchodzić w moim umyśle, które mogą Ci pomóc konfiguracji Twój framework-

  • Pobierz najnowszą wersję kodu VS - https://code.visualstudio.com/download
  • Install maszynopis globalnie npm install -g typescript
  • Install kątomierz globalnie npm install -g protractor
  • Utwórz swój folder projektu
  • Skonfiguruj folder projektu dla r git, węzeł i maszynopis -

    npm init -f // will create default package.json stating its nodejs project 
    git init // will create .git file, you project is now git project 
    tsc --init // will create tsconfig.json stating its typescript project 
    
  • Install typowania i dev Zależności

    npm install --save-dev protractor // this will install protractor as a dev dependency 
    npm install --save-dev typescript // this will install typescript as a dev dependency 
    npm install --save-dev @types/jasmine // jasmine typings 
    npm install --save-dev @types/node // node typings 
    
  • W tym momencie trzeba skonfigurować swoje podstawowe protractor-typescript projekt i można zobaczyć wszystkie typowania i zależności w package.json. Teraz dobrze jest napisać swoje pisane skrypty :).
  • Teraz skompilować skrypty uruchamiając -

    tsc or tsc -w 
    
  • Po udanej kompilacji zostanie wygenerowany wszystkie pliki JavaScript.
  • Bieg kątomierz

    protractor config.js 
    
  • Można również skonfigurować swój vs kodu do debugowania kątomierz, które mam wspomniano tutaj - Protractor -VS Code Debugging

Aby uzyskać więcej szczegółów pls odnoszą TypeScript Tutorial, Protractor API

Błąd maszynopisu, którego przestrzegasz, wynika z faktu, że kod VS nie rozpoznaje wersji globalnej maszynopisu 2.0.

Aby rozwiązać ten otwarty plik vscode, przejdź do preferencji -> ustawienia użytkownika -> ustawienia.json zostaną otwarte i wprowadź ścieżkę podświetlony jak pokazano

enter image description here Zapisz plik i uruchom VSCode teraz jesteś dobry, aby przejść :)

+0

Zrobiłem wszystkie kroki sugerowane przez ciebie Ram. Stworzyłem mój pierwszy plik jako test.ts. Nadal mówi, że nie może znaleźć nazwy "opisz" i nie może znaleźć "tego". Dodałem zrzut ekranu. Proszę zobaczyć. –

+0

zaimportuj {$} z 'D:/nsWeb/node_modules/protractor/globals'; Czy to jest opcja? –

+0

Nie trzeba podawać absolutnej ścieżki, którą można po prostu nadać 'import {$} z 'kątomierza/globals'' i błąd maszynopisu, który widzisz, jest istniejącym problemem, pracują nad nim, zobaczyłbyś, że to pokaże ale faktycznie kompiluje się pomyślnie, zostanie to naprawione w nadchodzącym wydaniu! –

Powiązane problemy