Pesel

Projekt został wygenerowany przy użyciu Angular CLI.

Warunki wstępne do uruchomienia aplikacji

• Zainstaluj NodeJS
• Zainstaluj Angualar CLI npm install -g @angular/cli

Lokalny serwer developerski

Wykonaj npm install aby zainstalować potrzebne biblioteki Wykonaj ng serve aby uruchomić aplikację lokalną. Otwórz http://localhost:4200/. Aplikacja automatycznie się odświeży po zmianie plików. Możesz też wykonać komendę ng serve --open aby aplikacja otworzyła się automatycznie w oknie przeglądarki

Build

Komenda ng build buduje projekt. Artefakty build'u przechowywane są w dist/. Flaga --prod powinna być wykorzystana aby wykonać build produkcyjny.

Uruchomienie lintera

Uruchom ng lint aby uruchomić linter TypeScriptu TSLint

Uruchomienie testów jednostkowych

Uruchom ng test aby wykonać testy jednostkowe z wykorzystaniem Karma. Kod testów jednostkowych znajduje się w /src/app/app.component.spec.ts.

Uruchomienie testów end-to-end

Uruchom ng e2e aby wykonać testy end to end z wykorzystaniem Protractor. Kod testów e2e znajduje się w /e2e/src/app.e2e-spec.ts

Zadanie 1 - setup

• Stwórz forka repozytorium
• Sklonuj sforkowane repozytorium (pracujemy na swoich repozytoriach)
• Uruchom aplikację lokalnie

Zadanie 2 - naprawa testów

• Uruchom linter
• Napraw wszystkie błędy lintera (plik /src/app/app.component.ts )
• Uruchom testy jednostkowe
• Napraw testy jednostkowe
• Uruchom testy End-to-End
• Napraw test End-to-End

Zadanie 3 - rozszerzenie unit testów

• Uruchom testy jednostkowe z flagą --code-coverage
• Zweryfikuj raport html pokrycia kodu w pliku .coverage\pesel\index.html dopisz przypadki testowe, które zwiększa pokrycie - zignoruj przypadki dla funkcji onSubmit()

Zadanie 4 - Konfiguracja pipeline'u CI

• Zaloguj się w TravisCI z wykorzystaniem swojego GithubID
• Jeśli już masz konto, zastosuj "sync account"
• Uruchom CI dla repozytorium PESEL
• Utwórz nowy plik .travis.yml
• W pliku dodaj wstępną konfigurację CI

language: node_js
node_js:
  - "10"
dist: trusty
sudo: required
addons:
  chrome: stable
branches:
  only:
  - master
before_script:
  - npm install -g @angular/cli
script:
- ng build --prod --base-href https://bamanczak.github.io/pesel/

• git commit oraz git push - sprawdź czy Travis uruchomił Build
• rozszerz konfigurację CI o linter oraz testy jednostkowe (Uwaga: nie dodawaj na razie testów E2E, tymi zajmiemy się na następnych zajęciach), sprawdź czy wszystko działa na serwerze CI

Zadanie 5 - Konfiguracja deploymentu

• w pliku z konfiguracją travisa dodaj

deploy:
  provider: pages
  skip_cleanup: true
  github_token: $GITHUB_TOKEN
  local_dir: dist/pesel
  on:
    branch: master

• Wygeneruj Token dla Githuba
• Dodaj token jako zmienną środowiskową w konfiguracji Builda w travisie: otwórz projekt w Travisie, kliknij prawym przyciskiem na "More options: Settings". Znajdź sekcję "Environment Variables", dodaj tam wygenerowany przed chwilą token z nazwą GITHUB_TOKEN (lub inną, zmień wtedy konfigurację .travis.yml)
• git commit oraz git push - sprawdź czy Travis uruchomił Build
• Wejdź w ustawienia swojego repozytorium, włącz GitHub Pages (wybierz branch gh-pages)

Zadanie 6 - Udowodnienie, że całość działa

• W swoim repozytorium stwórz dodatkowy branch valid
• Wprowadź nieistotną zmianę na branchu valid
• git commit oraz git push
• stwórz Pull Request z valid do master
• W swoim repozytorium stwórz dodatkowy branch invalid
• Wprowadź na branchu invalid zmianę, która spowoduje, że któryś z testów nie przejdzie u
• git commit oraz git push
• stwórz Pull Request z invalid do master

Zadanie *

• Co najmniej 1 rodzaj nieprawidłowego numeru PESEL jest oznaczany przez walidator jako prawidłowy. Jesteś w stanie go znaleźć?
• Jesteś w stanie go naprawić?