Webapplicatietesten: Hoe test je een website? Soorten

Voordat we dieper ingaan op de verschillende soorten webtesten, laten we eerst kort definiëren wat webtesten precies inhoudt en bekijken waar het past in de leveringscyclus.

Wat is webapplicatietesten?

Testen van webapplicatiesWebapplicatietesten, ofwel websitetesten, houdt in dat uw webapplicatie of website wordt gecontroleerd op mogelijke bugs voordat deze live gaat en toegankelijk is voor het grote publiek. Bij webapplicatietesten worden de functionaliteit, gebruiksvriendelijkheid, beveiliging, compatibiliteit en prestaties van de webapplicatie of website gecontroleerd.

Tijdens deze fase worden aspecten zoals de beveiliging van de webapplicatie, de werking van de site, de toegankelijkheid voor zowel mindervalide als reguliere gebruikers en de capaciteit om het verkeer te verwerken gecontroleerd.

Een website is niet één programma. Het is een stapel componenten: HTML, CSS en JavaScript in de browser, plus APIs en databases op de server. Een laag die op zichzelf goed functioneert, kan alsnog falen zodra deze communiceert met de aangrenzende laag. Daarom zijn aanvullende technieken nodig voor webtesten.

Soorten webapplicaties die je moet testen

Voordat je technieken kiest, moet je eerst de architectuur in kaart brengen. De structuur bepaalt waar fouten zich concentreren en hoe je de inspanningen verdeelt tussen client en server.

Architectuur	Hoe het zich gedraagt?	Wat dit betekent voor testen
Toepassing met één pagina (SPA)	De pagina wordt één keer geladen en vervolgens wordt de weergave bijgewerkt zonder dat de hele pagina opnieuw hoeft te worden geladen. Gmail Het werkt op deze manier.	De meeste logica wordt naar de browser verzonden: focus op JavaScriptstatus, dynamische rendering en client-side sessies.
Aanvraag met meerdere pagina's (MPA)	Veel pagina's zijn via een aparte route bereikt. URLs, weergegeven aan de serverzijde. Vaak gebruikt voor e-commerce- en nieuwssites.	Het aantal navigatiepaden neemt toe: test elke route, elk formulier en elke omleiding van begin tot eind.
Progressieve web-app (PWA)	Werkt als een native app met behulp van service workers, een manifest en een app shell.	Voeg offlinegedrag, verouderde caches, pushmeldingen en installatieprompts toe.

De meeste producten combineren deze patronen. Stel vast met welk patroon je te maken hebt en doorloop vervolgens de acht onderstaande technieken.

Hoe u een webapplicatie of website kunt testen

Binnen Software Engineering kunnen de volgende testtypen/-technieken worden uitgevoerd, afhankelijk van uw webtestvereisten.

Elke techniek kan handmatig of via een script worden uitgevoerd, en die keuze heeft meer invloed op de kosten dan op de dekking.

Aspect	Handmatig testen	Geautomatiseerde testen
Het meest geschikt voor:	Bruikbaarheid en verkennende cheques	Regressie-, cross-browser- en belastingstests
Snelheid bij herhaalde runs	Langzaam; de inspanning herhaalt zich bij elke cyclus.	Snel; de suite wordt op aanvraag herhaald.
Kostenprofiel	Laag in de beginfase, stijgt bij elke nieuwe release.	Hogere kosten vooraf, daarna scriptonderhoud.

1. Functionaliteitstesten van een website

Functionaliteitstesten van een website is een proces dat verschillende testparameters omvat, zoals gebruikersinterface, API's, databasetests, beveiligingstests, client- en servertests en basiswebsitefunctionaliteiten. Functioneel testen is erg handig en stelt gebruikers in staat zowel handmatig als geautomatiseerd testen uit te voeren. Het wordt uitgevoerd om de functionaliteiten van elke functie op de website te testen.

Webtestactiviteiten omvatten:

Test allen links in uw webpagina's correct werken en zorg ervoor dat er geen verbroken links zijn. Links die moeten worden gecontroleerd, zijn onder meer:

• Uitgaande koppelingen
• Interne links
• Anchor Links
• MailNaar koppelingen

Test Formulieren werken zoals verwacht. Dit omvat-

• Scriptcontroles op het formulier werken zoals verwacht. Als een gebruiker bijvoorbeeld een verplicht veld in een formulier niet invult, wordt er een foutmelding weergegeven.
• Controleer of de standaardwaarden worden ingevuld
• Nadat de gegevens in de formulieren zijn ingediend, worden ze naar een actieve database gestuurd of gekoppeld aan een werkend e-mailadres
• Formulieren zijn optimaal opgemaakt voor een betere leesbaarheid

Cookies testen werken zoals verwacht. Cookies zijn kleine bestanden die door websites worden gebruikt om voornamelijk actieve gebruikersessies te onthouden, zodat u niet telkens hoeft in te loggen wanneer u een website bezoekt. Cookietesten omvatten

• Testcookies (sessies) worden verwijderd wanneer de cache wordt gewist of wanneer de vervaldatum ervan is bereikt.
• Verwijder cookies (sessies) en test of er bij een volgend bezoek aan de site om inloggegevens wordt gevraagd.

HTML en CSS testen om ervoor te zorgen dat zoekmachines uw site gemakkelijk kunnen doorzoeken. Dit zal omvatten

• Controleren op syntaxisfouten
• Readable Kleurenschema's
• Standaardnaleving. Zorg ervoor dat normen zoals W3C, OASIS, IETF, ISO, ECMA of WS-I worden gevolgd.

Test de zakelijke workflow– Dit zal inclusief zijn

• Het testen van uw end-to-end workflow/bedrijfsscenario's waarbij de gebruiker door een reeks webpagina's wordt geleid om deze te voltooien.
• Test ook negatieve scenario’s, zodat wanneer een gebruiker een onverwachte stap uitvoert, er een passende foutmelding of hulp in uw webapplicatie wordt getoond.

Hulpmiddelen die gebruikt kunnen worden: QTP , IBM Rationeel, Selenium

2. Bruikbaarheidstesten

Usability Testing is nu een essentieel onderdeel geworden van elk webgebaseerd project. Het kan zijn uitgevoerd door testers zoals jou of een kleine focusgroep vergelijkbaar met de doelgroep van de webapplicatie.

Test de site Navigatie:

• Menu's, knoppen of links naar verschillende pagina's op uw site moeten gemakkelijk zichtbaar en consistent zijn op alle webpagina's

Test the Beschrijving:

• De inhoud moet leesbaar zijn, zonder spel- of grammaticafouten.
• Afbeeldingen, indien aanwezig, moeten een ‘alt’-tekst bevatten

Hulpmiddelen die gebruikt kunnen worden: Krijtmerk, Inhoudsvierkanten Clixpy

3. Interfacetesten

Zodra de functionaliteit en gebruiksvriendelijkheid in orde zijn, controleer dan of de onderliggende componenten goed met elkaar communiceren. Drie gebieden die hierbij getest moeten worden zijn: de applicatieserver, de webserver en de databaseserver.

• Toepassing: Testverzoeken worden correct naar de database verzonden en de uitvoer aan de clientzijde wordt correct weergegeven. Eventuele fouten moeten door de applicatie worden opgevangen en mogen alleen aan de beheerder worden getoond en niet aan de eindgebruiker.
• web Server: Testwebserver verwerkt alle applicatieverzoeken zonder enige serviceweigering.
• Database server: Zorg ervoor dat zoekopdrachten die naar de database worden verzonden, de verwachte resultaten opleveren.

Systeemreactie testen wanneer verbinding tussen de drie lagen (Applicatie, web en database) kan niet worden vastgesteld en het juiste bericht wordt aan de eindgebruiker getoond.

Hulpmiddelen die gebruikt kunnen worden: Ranorex

4. Databasetesten

Database is een cruciaal onderdeel van uw webapplicatie en er moet veel stress worden gelegd om deze grondig te testen. Testactiviteiten omvatten onder meer:

• Test of er fouten worden weergegeven tijdens het uitvoeren van query's
• Data Integrity blijft behouden tijdens het aanmaken, bijwerken of verwijderen van gegevens in de database.
• Controleer de responstijd van vragen en pas deze indien nodig aan.
• Testgegevens uit uw database worden nauwkeurig weergegeven in uw webapplicatie

Hulpmiddelen die gebruikt kunnen worden: QTP, Selenium

5. Compatibiliteitstesten

Compatibiliteitstesten zorgen ervoor dat uw webapplicatie correct wordt weergegeven en werkt op verschillende apparaten. Dit omvat:

Browsercompatibiliteitstest: Dezelfde website wordt in verschillende browsers anders weergegeven. U moet testen of uw webapplicatie correct wordt weergegeven in alle browsers, JavaScript, AJAX en authenticatie werken prima. U kunt ook controleren op Mobile Browsercompatibiliteit.

De weergave van webelementen zoals knoppen, tekstvelden etc. verandert met veranderingen in Operating-systeem. Zorg ervoor dat uw website goed werkt voor verschillende combinaties van Operasystemen zoals Windows, Linux, Mac en browsers zoals Firefox, Internet Explorer, Safari enz.

Hulpmiddelen die gebruikt kunnen worden: Dynatrace

6. Prestatietests

Dit zorgt ervoor dat uw website onder alle omstandigheden goed functioneert. De testactiviteiten omvatten onder andere:

• Reactietijden van websiteapplicaties bij verschillende verbindingssnelheden
• Belastingstest van uw webapplicatie om het gedrag onder normale belasting en piekbelasting te bepalen
• Voer een stresstest uit voor uw website om het breekpunt te bepalen wanneer deze tijdens piekuren tot boven de normale belasting wordt gepusht.
• Test of er een crash optreedt als gevolg van piekbelasting, hoe herstelt de site van een dergelijke gebeurtenis
• Zorg ervoor dat optimalisatietechnieken zoals gzip-compressie, browser- en server-side cache zijn ingeschakeld om de laadtijden te verkorten

Hulpmiddelen die gebruikt kunnen worden: Loadrunner, JMeter

7. Beveiligingstests

Beveiligingstests is van vitaal belang voor e-commercewebsites die gevoelige klantinformatie zoals creditcards opslaan. Testactiviteiten omvatten:

• Het testen van ongeautoriseerde toegang tot beveiligde pagina's mag niet worden toegestaan
• Beperkte bestanden mogen niet worden gedownload zonder de juiste toegang
• Controlesessies worden automatisch beëindigd na langdurige inactiviteit van de gebruiker
• Bij gebruik van SSL-certificaten moet de website worden omgeleid naar gecodeerde SSL-pagina's.

Intruder

Intruder is een krachtige kwetsbaarheidsscanner die u helpt de vele zwakke punten in uw webapplicaties en onderliggende infrastructuur bloot te leggen. Het aanbieden van toonaangevende veiligheidscontroles, continue monitoring en een eenvoudig te gebruiken platform, Intruder beschermt bedrijven van elke omvang tegen hackers.

Kenmerken

• De beste dreigingsdekking in zijn klasse met meer dan 10,000 veiligheidscontroles
• Controleert op zwakke punten in de configuratie, ontbrekende patches, zwakke punten in de applicatie (zoals SQL-injectie en cross-site scripting) en meer
• Automatische analyse en prioritering van scanresultaten
• Intuïtieve interface, snel in te stellen en uw eerste scans uit te voeren
• Proactieve beveiligingsmonitoring voor de nieuwste kwetsbaarheden
• AWS, Azureen Google Cloud connectoren
• API-integratie met uw CI/CD-pijplijn

Bezoek Intruder >>

8. Crowdtests

Je selecteert een groot aantal mensen (een crowd) om tests uit te voeren die anders door een kleine interne groep zouden zijn uitgevoerd. Crowdsourced testen is een interessant en opkomend concept dat helpt bij het opsporen van veel onopgemerkte defecten.

Hulpmiddelen die gebruikt kunnen worden: Crowdtestplatform

Testproces voor webapplicaties: stap voor stap

De acht technieken geven aan wat je moet controleren. Het onderstaande proces laat zien wanneer je ze moet uitvoeren.

1. Verzamel en verduidelijk de vereisten. Beschrijf wat de applicatie moet doen en hoe deze zich moet gedragen. Onduidelijke eisen leiden tot ontestbare verwachtingen, dus los deze eerst op. Deze stap verankert webtesten in een breder kader. levenscyclus van softwaretests.
2. Schrijf het testplan. Bepaal welke technieken van toepassing zijn, wie ze uitvoert, welke tools nodig zijn en binnen welk tijdsbestek. Het plan is je routekaart en je kostenraming.
3. Ontwikkel testgevallen. Vertaal elke vereiste naar concrete stappen met verwachte resultaten, waarbij zowel het ideale scenario als de negatieve scenario's die gebruikers per ongeluk kunnen veroorzaken, aan bod komen.
4. Stel de testomgeving in. Probeer de productie zo nauwkeurig mogelijk na te bootsen, rekening houdend met het budget: dezelfde combinaties van browser en besturingssysteem, vergelijkbare datavolumes en realistische netwerksnelheden.
5. Voer de tests uit. Voer de testcases uit, noteer de werkelijke resultaten ten opzichte van de verwachte resultaten en maak screenshots, console-uitvoer en serverlogboeken terwijl de fout nog reproduceerbaar is.
6. Verslag en track defecten. Registreer elk probleem met de stappen om het te reproduceren en een prioriteit, test vervolgens opnieuw na de oplossing en controleer of er niets in de buurt kapot is gegaan.
7. Sluit de cirkel. Stel een testoverzicht op met daarin beschreven wat er is getest, wat er is gevonden, wat er nog openstaat en wat er verbeterd moet worden, en geef vervolgens toestemming voor publicatie.

Veelgestelde vragen