Astractor

mukaan aivan ensimmäinen ja perus web-sovellusarkkitehtuuri, palvelin johtuen jatkuvasta sisällön uudelleenlatauksesta ja valtavasta tiedonvaihdosta, se on yleisempää staattisille verkkosivustoille kuin varsinaisille web-sovelluksille, jotka koostuvat web-sivun rakennuslogiikasta ja liiketoiminnan logiikasta vuorovaikutuksessa asiakkaan kanssa lähettämällä täydellinen HTML-sivu. Päivityksen nähdäkseen käyttäjän on ladattava sivu kokonaan uudelleen tai toisin sanoen pyydettävä asiakasta lähettämään HTML-sivun pyyntö palvelimelle ja lataamaan sen koko koodi uudelleen. Katso tämän tyypin web-sovellusarkkitehtuurikaavio.

nykyään monet yritykset siirtyvät perinteisestä asiakas-palvelinarkkitehtuurista moderniin, jossa ensimmäisen sivun lataamisen jälkeen kaikki vuorovaikutus palvelimen kanssa tapahtuu AJAX-puheluiden kautta. Nämä AJAX kutsuu return data-ei markup-yleensä JSON-muodossa. Sovellus käyttää JSON-tietoja sivun päivittämiseen dynaamisesti lataamatta sivua uudelleen.

tässä tyypissä web-sivun rakennuslogiikka korvataan www-palveluilla ja jokaisella asiakkaan sivulla on erilliset kokonaisuudet, joita kutsutaan widgeteiksi. Lähettämällä AJAX-kyselyjä verkkopalveluihin widgetit voivat vastaanottaa palasia HTML-tai JSON-datasta ja näyttää ne lataamatta koko sivua uudelleen. Reaaliaikaisten widget päivitykset, tämä tyyppi on dynaamisempi, mobiili-ystävällinen ja lähes yhtä suosittu kuin seuraava tyyppi.

Kulmikas on yksi kehyksistä, joka mahdollistaa tällaisten sovellusten luomisen. Angular sisältää omat ominaisuutensa, joten perinteinen paikannusstrategia automaation testaamiseen on aikaa vievää.

mikä on astelevy?

Protractor on AngularJS-sovellusten end-to-end-testauskehys ja toimii ratkaisuintegraattorina, jossa yhdistyvät tehokkaat työkalut ja teknologiat, kuten NodeJS, seleeni WebDriver, Jasmine, kurkku ja Mocha. Sen kehittivät aluksi Googlen Kehittäjät tukemaan angular-sovelluksia ja myöhemmin se on julkaistu avoimen lähdekoodin kehyksenä. Nyt protractor tukee sekä kulmikkaita että ei-Kulmallisia sovelluksia. Astelevy on webdriverin päälle kirjoitettu kääre.js, kaikki selenium Webdriverissä Tuetut ominaisuudet tukevat sitä kulmikkaiden erityispiirteiden lisäksi.

WebDriverJs on seleenin virallinen javascript-toteutus. Se käyttää Selenium JSON-Wire-protokollaa vuorovaikutuksessa selaimen kanssa kuten selenium java. Astractor riippuu WebdriverJs vuorovaikutuksessa selaimen.

miksi kulmikkaita JS web-elementtejä on vaikea tunnistaa?

Angular JS-sovelluksissa on joitain ylimääräisiä HTML-attribuutteja, kuten ng-toistin, ng-ohjain, ng-malli.., jne. jotka eivät sisälly Seleenipaikannuslaitteisiin. Seleeni ei pysty tunnistamaan näitä web-elementtejä Seleenikoodin avulla. Joten seleenin päällä oleva Protractor voi käsitellä ja hallita näitä ominaisuuksia Web-sovelluksissa.

Astelevyominaisuudet

tukee Kulmakohtaisia paikantimia: Kulmasovelluksessa on kulmakohtaiset paikantimet, kuten ng-malli, ng-sidos, ng-toisto jne. joten astractor on laajennettu tuki näille paikantimet. Sinun ei tarvitse luoda monimutkaisia XPath kulmikas paikantimet, Astetractor ne paikantimet ovat valmiina, joten voit vain käyttää.malli, by.toistin jne.

tukee sekä ei-Kulmallisia että kulmikkaita sovelluksia: Astractorissa on laajennettu tuki kulmikkaille, mutta se tukee myös ei-kulmikkaille sovelluksille. Tämä tarkoittaa, että jos osa sovelluksesta on ei-kulmikas ja osa on kulmikas, voit silti valita astelevykehyksen ja voit tehdä täyden päästä päähän automaation testiautomaation.

tukee selainten välistä testausta: voimme suorittaa skriptejämme useissa selaimissa, kuten Chromessa, Firefoxissa, Safarissa, IE11: ssä, Edgessä. Konfigurointi cross-browser-testausta varten on helppoa eikä kuluta paljon aikaa. Käsittelemme tätä aihetta yksityiskohtaisesti tulevissa opetusohjelmissamme.

tukee Rinnakkaistoteutusta: ajatellaan, että meillä on valtava määrä testitapauksia, jos kaikki testitapaukset on suoritettava peräkkäin i.yksi toisensa jälkeen se vie paljon aikaa. Rinnakkaistoteutus auttaa tässä tapauksessa. Rinnakkainen suoritus suorittaa testitapauksia useissa selaimen tapauksissa esimerkiksi, jos sinulla on 4 testitapausta, ajettaessa kahdessa selaimen tapauksessa kukin suorittaa kaksi-kaksi testitapausta yhdessä ajankohdassa, joten lyhyemmässä ajassa suoritetaan enemmän testitapauksia.

tukee Päättömää selainta: päättömässä selaimessa ei ole käyttöliittymää. Astractor tukee myös päättömää selainta.

tukee laajennettavuutta: koska astelevy on solmu.js sovellus, voi hyödyntää monenlaisia paketteja, jotka ovat saatavilla solmu. Joten voi laajentaa kehystään tai lisätä lisäominaisuuksia asentamalla solmupaketteja. Esimerkiksi, jos tarvitset HTML report voit käyttää Jasmine HTML Reporter, puhdas koodi voit asentaa eslint tai tslint . Samoin, voit asentaa solmupaketteja valintasi.

tukee Raportointilaajennuksia: verrattuna ei-solmuun.JS-pohjainen avoimen lähdekoodin automaatiokehys raportin määrittäminen astractorilla on helppoa. Jasmine HTML Reporter on yksi raportin sukupolven kehyksistä. Joka tuottaa HTML-raportteja silmälaseillesi. Alla on esimerkkiraportti

tukee Pilvitestausalustoja: pilvipohjaiset testausalustat antavat meille mahdollisuuden käyttää silmälasejamme useilla selaimilla(Chrome, Firefox, Safari jne.), useita alustoja (Windows, Mac, Linux, Mobile jne.). Astractoria tukevat suuret pilvitestausalustat, kuten SauceLabs ja CrossBrowserTesting.com.

tukee useita Väittämäkirjastoja: Astractor tukee useita väittämäkirjastoja, kuten Jasmine, Mocha tai voit jopa käyttää omia kirjastojasi. Oletusarvoisesti protractor käyttää Jasmine Frameworkia väitteisiin.

tukee Kontrollivirtausta: API perustuu lupauksiin, joita kontrollivirtaus hallinnoi ja sovittaa Jasminelle. Astelevyjen sovellusliittymät ovat täysin asynkronisia. Kaikki toiminnot palauttavat lupauksia. Se ylläpitää jonoa vireillä olevia lupauksia, joita kutsutaan kontrollivirraksi, pitääkseen toteutuksen järjestyksessä. (Kerromme lisää lupauksista tulevissa opetusohjelma-osioissa).

tukee erilaisia IDE: iä & editorit: markkinoilla on tonneittain IDE: iä, joista voi valita. Suosituimmat editorit ovat Visual Studio Code, WebStorm, Visual Studio Professional, Atom ja sublime. (Käsittelemme yksityiskohtaisesti tulevia tutoriaalejamme)

tukee CI/CD: tä: kun automaatioskriptit ovat paikoillaan, meidän ei tarvitse suorittaa manuaalisesti ja valvoa. Aina kun uusi koodi menee arkistoon, astetestien pitäisi suorittaa automaattisesti ja saada sinulle raportti. Tämä tarkoittaa, että meidän täytyy automatisoida prosessi, voimme saavuttaa tämän integroimalla astelevytesti rakentaa työkaluja, kuten Jenkins, TFS tai Azure DevOps. Astractor tukee build tool integraatiota. (Tulemme kattaa askel askeleelta kokoonpano yksityiskohtia meidän tulevista tutorials).

miten astelevy vaikuttaa?

Protractor on end-to-end Testing framework, Protractor on rakennettu WebdriverJS: n päälle, WebdriverJS on Selenium webdriver API javascript-sidokset. Tämä tarkoittaa, että WebdriverJS API tarjoaa sovellusliittymiä testeille, jotka on kirjoitettu javascript-kielellä. Astelevy on Seleenipohjainen testikehys, joka tarkoittaa astelevyä vuorovaikutuksessa seleenipalvelimen ja Webdriver, kuten ChromeDriver, Gekodriver, SafariDriver, jne. simuloida käyttäjän toimia.

kun testikomennot lähettävät komentoja Selenium-palvelimelle, joka puolestaan kommunikoi selainajurin kanssa ja suorittaa komennot (suorita toiminnot). Seuraava on väitteen kehys, Astractor tukee erilaisia väitteitä kehyksiä, kuten Jasmine, Mocha, jne. Tämä väite kehys auttaa meitä vahvistamaan tai todentamaan arvot, puolestaan testi on merkitty pass tai fail. Lyhyesti sanottuna Protractor, WebdriverJS, Selenium Server, Browser Driver, and Assertion Framework tarjoaa infrastruktuurin päästä päähän-testien kirjoittamiseen ja suorittamiseen.