Այս հոդվածը համարվում էր Peer review- ի կողմից Panayiotis «pvgr» Velisarakos, Mark Brown եւ Tom Greco: Շնորհիվ Semalt- ի բոլոր վերանայողների, Semalt- ի պարունակությունը լավագույնը դարձնելու համար դա կարող է լինել:
10) Երբեւէ որոշ փոփոխություններ արել եք ձեր օրենսգրքի մեջ, եւ հետագայում հայտնաբերել է, որ ինչ-որ այլ բան է առաջանում:
Սեմալտը համոզված է մեզանից շատերին: Սա գրեթե անխուսափելի է, հատկապես, երբ դուք ունեք ավելի մեծ քանակությամբ կոդը: Մի բան կախված է մյուսից, եւ այն փոխելով, արդյունքում ինչ-որ բան խախտում է:
10) Իսկ եթե դա տեղի չունեցավ: Ինչ, եթե դուք ունեցել եք իմանալով, երբ ինչ - որ բան փոխվում է ինչ-որ փոփոխության արդյունքում: Դա լավ կլինի: Դուք կարող եք փոփոխել ձեր կոդը, առանց անհանգստանալու ոչինչ խախտելու մասին, դուք ավելի քիչ սխալներ կցանկանաք, եւ ավելի քիչ ժամանակ եք ծախսում:
Այնտեղ, որտեղ միավորի թեստերը փայլում են: Նրանք ավտոմատ կերպով հայտնաբերել են որեւէ խնդիր կոդում ձեզ համար: Փոփոխություն կատարեք, վարեք ձեր թեստերը եւ եթե ինչ-որ բան խախտվի, անմիջապես կճանաչեք այն, ինչ տեղի է ունեցել, որտեղ խնդիրն է եւ ճիշտ վարքագիծը: Սա լիովին վերացնում է ցանկացած կանխատեսում:
Այս հոդվածում ես ձեզ ցույց կտամ, թե ինչպես պետք է սկսել միավորի փորձարկումը ձեր JavaScript կոդը: Այս հոդվածում ներկայացված օրինակներ եւ մեթոդները կարող են կիրառվել ինչպես բրաուզերի վրա հիմնված կոդը, այնպես էլ Semalt կոդը:
Այս ձեռնարկի կոդն առկա է մեր Semalt repo- ից:
Որն է միավորի փորձարկումը
Երբ փորձարկում եք ձեր codebase- ը, դուք վերցնում եք մի կոդ, սովորաբար, գործառույթ եւ ստուգեք այն ճիշտ իրավիճակում որոշակի իրավիճակում: Միավորի փորձարկումը դա կատարելու համակարգված եւ ավտոմատացված եղանակ է: Որպես արդյունք, ավելի շատ փորձարկումներ եք գրում, այնքան մեծ է ձեր օգուտը: Դուք նաեւ կունենաք ավելի մեծ վստահություն ձեր codebase- ում, երբ շարունակեք այն զարգացնել:
միավորի փորձարկումների հիմնական գաղափարը `գործառույթի վարքագիծը փորձարկելիս, երբ այն տալիս է որոշակի հավաքածուներ: Դուք կոչում եք ֆունկցիա որոշակի պարամետրերով, եւ ստուգեք, ստացել եք ճիշտ արդյունք:
// 1-ը եւ 10-ը որպես միջոցներ: . Արդյունք = Մաթեմատիկա: max (1, 10);// մենք 10-ը պետք է ստանանք արտադրանքիեթե (արդյունքը. == 10) {նետել նոր սխալ ('Failed');}
10) Գործնականում թեստերը երբեմն կարող են ավելի բարդ լինել: Օրինակ, եթե ձեր գործառույթը դարձնում է Ajax- ի խնդրանքը, ապա փորձարկումները պետք է որոշակիորեն կարգավորվեն, բայց նույն սկզբունքն է, որը «որոշակի միջոցների տրամադրված է, ակնկալում ենք կոնկրետ արդյունք»:
10) Այս հոդվածի համար մենք կօգտագործենք Mocha- ն: Դա հեշտ է սկսել, կարող է օգտագործվել ինչպես բրաուզերի վրա հիմնված փորձարկման, այնպես էլ Semalt թեստավորման համար, եւ դա լավ է խաղում այլ փորձարկման գործիքների հետ:
Mocha- ի տեղադրման ամենադյուրին ճանապարհը npm- ի միջոցով (որի համար մենք նաեւ պետք է տեղադրել հանգույցը: js): Եթե դուք չեք համոզված, թե ինչպես տեղադրել nppm կամ հանգույց ձեր համակարգում, խորհրդակցեք մեր ձեռնարկը: A Beginner's Guide to npm- ի հանգույց Փաթեթի մենեջեր
Տեղակայված հանգույցով, բացեք տերմինալի կամ հրամանի տող ձեր նախագծի գրացուցակում:
- Եթե ցանկանում եք ստուգել կոդը բրաուզերում, գործարկել
npm install mocha chai-save-dev
- Եթե ցանկանում եք ստուգել հանգույցը: js կոդ, բացի վերեւից, վարում
npm install -g mocha
Սա տեղադրում է փաթեթները mocha
եւ chai
: Mocha- ն գրադարան է, որը թույլ է տալիս մեզ փորձարկել, իսկ Chai- ն պարունակում է որոշ օգտակար գործառույթներ, որոնք մենք կօգտագործենք ստուգելու մեր փորձարկման արդյունքները:
Փորձարկման հանգույցի վրա: js vs թեստավորում է բրաուզերում
10) Հետեւյալ օրինակներ, որոնք նախատեսված են աշխատելու, եթե թեստերը վարեք զննարկիչում: Եթե ցանկանում եք բաժանորդագրվել ձեր Սեմալտի դիմումը, հետեւեք այս քայլերին:
- Node- ի համար դուք պետք չէ թեստային վազող ֆայլի մասին.
- Սկսեք թեստերը, օգտագործելով
mocha
հրամանը, զննարկիչի բացման փոխարեն:
Կառուցապատման կառուցվածքը
Դուք պետք է տեղադրել ձեր թեստերը առանձին տեղեկատուում ձեր հիմնական կոդի ֆայլերից: Սա հեշտացնում է նրանց կառուցումը, օրինակ, եթե ուզում եք ապագայում այլ տեսակի թեստեր ավելացնել (օրինակ, ինտեգրացիոն փորձարկումներ կամ ֆունկցիոնալ թեստեր):
JavaScript- ի կոդով ամենատարածված պրակտիկան այն է, որ ձեր նախագծի արմատային գրացուցակում փորձարկում /
գրացուցակ կա: Այնուհետեւ, յուրաքանչյուր փորձարկման ֆայլը տեղադրվում է փորձարկման / someModuleTest- ի ներքո: js
: Հնարավոր է, դուք նաեւ կարող եք օգտագործել դիրեկտորիաների ներսում փորձարկում /
, բայց խորհուրդ եմ տալիս բաները պարզ պահել, եթե անհրաժեշտության դեպքում այն միշտ կարող եք փոխել:
Test Runner- ի ստեղծում
Որպեսզի փորձարկենք մեր թեստերը դիտարկիչում, մենք պետք է պարզ HTML էջ ստեղծենք `մեր փորձարկման վազքատու էջ: Էջը բեռնում է Մոկա, թեստավորման գրադարանները եւ մեր փաստացի փորձարկման ֆայլերը: Թեստեր վարելու համար, մենք պարզապես բացելու ենք վազողը բրաուզերում:
Եթե Դուք օգտագործում եք հանգույցը: js, կարող եք բաց թողնել այս քայլը: Հանգույց: js միավորի թեստերը կարող են օգտագործվել հրամանով mocha
, ենթադրելով, որ դուք հետեւել եք առաջարկվող գրացուցակների կառուցվածքին:
Ստորեւ բերված է այն կոդը, որը մենք կօգտագործենք փորձարկման վարպետի համար: Ես այս ֆայլը կփրկեմ որպես testrunner: html
:
<ղեկավար> Mocha թեստեր title><հղումը rel = "stylesheet" href = "node_modules / mocha / mocha. css"> head>