**Tags:** #software_testing/handigheidjes #software_testing/tools Soms is het tijdens het testen van de front-end handig om data te kunnen mocken. Bijvoorbeeld als je wil testen of er een foutmelding getoond wordt wanneer er geen data binnenkomt. Chrome bied een mogelijkheid om inkomende data te mocken https://developer.chrome.com/docs/devtools/overrides In de devtools (f12) zoek je onder Network de data die je wil mocken. Klik hier met je rechtermuisknop op om de opties 'Override Headers' of 'Override Content' te kiezen ![[Pasted image 20241001150622.png]] > [!tip] De eerste keer moet je toestemming geven > De eerste keer dat je dit doet moet je een map op je computer aanwijzen waar je mockdata opgeslagen mag worden. Na het kiezen moet je ook nog even toestemming geven. Zodra je bijvoorbeeld 'Override Content' hebt gekozen ga je naar het tabblad 'sources' en is er een nieuw bestandje voor je aangemaakt met de huidige response data. Dit kan je nu aanpassen! Nadat je het hebt opgeslagen en de website die je test opnieuw inlaad zal hij deze data pakken in plaats van de daadwerkelijke data Data welke gemockt wordt krijgt een paars bolletje. ![[Pasted image 20241001150830.png]]Let op! Als je dit aan laat staan dan zal hij de override elke keer toepassen wanneer je de devtools open hebt. Om het weer uit te zetten kun je op het tabblad Sources > Overrides het vinkje bij 'Enable Local Overrides' uitzetten. # Chrome extensie Een extensie die het nog wat makkelijker maakt: https://tweak-extension.com/