jquery. kod doskonały helion, ebooki
[ Pobierz całość w formacie PDF ]
Spis treści
Rozdział 1.
Wstęp ............................................................................... 5
Dla kogo jest ta książka?
5
Czego możesz się nauczyć?
6
Jak czytać tę książkę?
7
Dołączanie jQuery do strony
8
Rozdział 2.
Przyjazny kod ................................................................ 11
Konwencja kodu
11
Wcięcia
11
Linia kodu
12
Komentarze
13
Deklaracja zmiennych
15
Instrukcje warunkowe
15
Nazewnictwo
15
Zorganizowany kod
17
Stosuj moduły
18
Funkcje anonimowe a wzorce projektowe
20
Nie powtarzaj się
23
Nienachalny kod
26
Skrypty niezależne od przeglądarki
29
Stosuj szablony HTML
30
CoffeeScript
32
Rozdział 3.
Wydajny kod ................................................................. 35
Selektory
35
Warstwa abstrakcji
37
Proces selekcji
38
Optymalizacja
42
4
jQuery. Kod doskonały
Manipulacja
48
Powolne drzewo DOM
48
Tworzenie elementów
50
Zdarzenia
53
Propagacja zdarzeń
53
Metoda bind()
57
Metody live() i delegate()
60
Metoda on()
61
Tablice, iteracje, moduły i jQuery.utils
63
Tablice i obiekty
63
Rozdział 4.
Elastyczny kod .............................................................. 69
Własne selektory
69
Metoda data()
72
Potwierdzanie akcji
75
Skróty klawiszowe
77
Tworzenie dodatków
78
Rozszerzanie obiektu jQuery
78
Rozszerzanie obiektu jQuery.fn
83
Rozdział 5.
Przetestowany kod ....................................................... 89
QUnit — testy jednostkowe
90
Asercje
91
Struktura testów
95
Przykładowy zestaw testów
98
Jasmine — testy TDD
102
Środowisko Jasmine
104
Praca z Jasmine
105
Podsumowanie ................................................................................. 117
Przyszłość jQuery
118
Twoja cegiełka w jQuery
119
Skorowidz .......................................................................................... 121
Rozdział 5.
Przetestowany kod
Jeśli do tej pory nie miałeś w zwyczaju sprawdzania poprawności
swojego kodu JavaScript testami, prawdopodobnie testujesz działanie
strony bezpośrednio w przeglądarce, klikając elementy i oczekując
na pojawienie się błędu. Kiedy napotkasz błąd, możesz go poprawić
i dalej testować działanie skryptów. Jest to bardzo popularne podej-
ście do testowania JavaScript. Przede wszystkim jest jednak błędne.
Manualne testowanie zaimplementowanych funkcjonalności to cza-
sochłonny proces. Wymaganie, aby programista za każdym razem
weryfikował działanie skryptów, opóźnia proces tworzenia aplikacji.
Oczywiście ten obowiązek może przejąć tester aplikacji, wolelibyśmy
jednak zredukować tego rodzaju koszty w procesie rozwoju aplikacji.
Ponadto testująca osoba może przeoczyć niektóre niedociągnięcia.
Nawet po poprawieniu błędów wkrótce mogą się one ujawnić po-
nownie, dlatego nawet na późniejszych etapach rozwoju aplikacji
musisz nadal sprawdzać funkcjonalność, która została już przete-
stowana. Jeżeli zdarzy Ci się coś przeoczyć — wówczas błędny kod
może znaleźć się w środowisku produkcyjnym aplikacji, a co za tym
idzie — klienci odwiedzający stronę dostrzegą błędy. Testowanie
manualne prawie zawsze prowadzi do regresji i przypadkowo ujaw-
niających się błędów na stronie.
Rozwiązaniem tych problemów jest wprowadzenie automatycznych
testów pokrywających zaimplementowany przez Ciebie kod Java-
Script.
90
jQuery. Kod doskonały
Zanim rozpoczniemy pracę z testami, musimy ustalić, w jakim języ-
ku będziemy opisywać pożądane przez nas zachowania. Przyjęło się,
że powinien być to język angielski (podobnie jak w przypadku na-
zewnictwa zmiennych i funkcji). Jedynie treści widziane przez użyt-
kowników aplikacji powinny ukazywać się w przeznaczonym dla
nich języku. Ponadto powinieneś założyć, że kod Twojej aplikacji
może być w przyszłości rozwijany przez programistę, który nie
zna Twojego ojczystego języka. Zaleca się prezentowanie wyników
testów w języku angielskim.
QUnit — testy jednostkowe
Biblioteka QUnit zaimplementowana przez twórców jQuery umoż-
liwi Ci tworzenie testów jednostkowych pokrywających Twój kod
JavaScript. Testy jednostkowe pozwolą Ci na testowanie metod,
obiektów i zachowań aplikacji pozostających w izolacji. Dzięki temu
będziesz mógł łatwo znaleźć miejsce, w którym wystąpił błąd. Kod
źródłowy narzędzia dostępny jest pod adresem
https://github.com/
jquery/qunit
.
Aby rozpocząć pracę z QUnit, posłużymy się szablonem HTML
z listingu 5.1.
Listing 5.1.
Plik szablonu zestawu testów jednostkowych QUnit
<!DOCTYPE html>
<html>
<head>
<title>My tests</title>
<link rel="stylesheet"
" type="text/css" media="screen">
<link rel="stylesheet"
<script type="text/javascript"
</script>
<!-- Tutaj umie skrypty, które bdziesz testowa -->
<script type="text/javascript" src="myapp.js"></script>
<!-- Miejsce na pliki z testami -->
<script type="text/javascript" src="tests.js"></script>
[ Pobierz całość w formacie PDF ]