TESZTELÉS A GYAKORLATBAN – A SZAKÉRTŐ TESZTELŐK LAPJA f á j l j a i t haszná l j a, hogy megá l l apí t sa pontosan mi i s t a l á l ható a webo l da l on ané l kü l , hogy meg j e l ení tené az t . A headless böngészős tesztelési applikációk úgy tudják használni a weboldalak assetjeit, hogy közben meghatározzák hogyan fog kinézni a weboldal, majd készítenek erről egy képernyőképet. Az egyes elemek pontos koordinátáit is megtalálhatod a weboldalon. Fontos megjegyezni, hogy a headless böngészős tesztelés módszer valójában nem böngésző tesztelés. Mikor egy headless tesztet futtatsz, azt valójában egy specif ikus böngészőn keresztül futtatod; csak a böngésződ nem rendel képet hozzá. A Chrome, Firefox, és más böngészők is lehetővé tették már, hogy az adott böngészőt headless módon futtathasd. Hogy kipróbáljam a headless böngészős tesztelést, megvizsgáltam három különböző applikációt: A Cypress10-t, a Puppeteer11-t és a TestCafe12-t. Mindhárom applikáció tud megszokott böngészős módban és headless módon is futni, bár a Puppeteer alapból headless. Találtam nagyszerű tutorialokat mindháromhoz, és mindhárommal le tudtam futtatni 1-1 headless tesztet igen gyorsan. A Cypress egy nagyszerű UI tesztelési eszköz, amit szinte pillanatok alatt föl lehet telepíteni és futtatni. Amint elkészültél egy teszttel és headless módon futtatni akarod, a következő parancsot kell Chrome-ban megadnod: cypress run --headless --browser chrome A Puppeteer az egy node.js könyvtár, ami kifejezetten Chrome-mal működik együtt. Hogy megtanuljam, hogyan telepítsem fel és futtassam, én Nick Chikovani nagyszerű tutorial13-ját használtam. Egyszerűen föltelepítettem a Puppeteer-t npm-mel és kipróbáltam az első tesztjét példa gyanánt. Nagyon vicces volt látni, hogy milyen könnyen lehet headless módon képernyőképeket készíteni. Végül kipróbáltam a TestCafé-t. Hogy föltelepítsem, egyszerűen az npm install -g testcafe parancsot használtam. Ezután készítet tem egy kezdetleges teszt fáj lt a következő oldal instrukciói alapján: ht tps://devexpress.github.io/ t es t ca f e /documen t a t i on /ge t t i ng - s t a r t ed /. Hogy elindítsam a tesztemet, a következő parancsot használtam: testcafe "chrome:headless" test1.js Három egyszerű teszttel éppen hogy csak a felszínét érintettem annak, hogy mikre képesek ezek az applikációk. De örültem neki, hogy megnézhettem, mennyire könnyű is összerakni és elkezdeni dolgozni egy headless böngészős tesztközegben. Remélem hasznosnak találod a leír takat ahogy beleveted magad az UI tesztelésbe headless módszerrel. Szerző: Kristin Jackovny Forrás: https://thethinkingtester.blogspot.com/2020/02/ less-is-more-part-i-serverless.html https://thethinkingtester.blogspot.com/2020/02/ less-is-more-part-ii-headless-browser.html Hivatkozások: 1. https://aws.amazon.com/ 2. https://azure.microsoft.com/hu-hu/ 3. https://cloud.google.com/ 4. https://cloud.ibm.com/functions/ 5. https://en.wikipedia.org/wiki/Denial-of-service_ attack 6. https://www.postman.com/ 7. https://curl.haxx.se/docs/manpage.html 8. https://aws.amazon.com/getting-started/handson/build-serverless-web-app-lambda-apigateways3-dynamodb-cognito/ 9. https://stackoverflow.com/questions/46185613/ aws-api-gateway-method-test-error-authorizationnot-configured/48038072#48038072 10. https://www.cypress.io/ 11. https://github.com/puppeteer/puppeteer 12. https://github.com/DevExpress/testcafe 13. https://www.toptal.com/puppeteer/headlessbrowser-puppeteer-tutorial Kristin Jackvony Kristin Jackvony miután majdnem két évtizeden keresztül zenepedagógusként dolgozott, felfedezte szenvedélyét a szoftvertesztelés iránt. Az elmúlt tíz évben mi nőségb i z t os í t ás i mérnök, menedzser és vezető volt, és jelenleg a Paylocity mi nőségb i z t os í t ás i vezetője. 23 . oldal TESZTTECHNIKÁK
RkJQdWJsaXNoZXIy MTEyMzcyNw==