Cypress misslyckades med att ansluta till Chrome: 5 sätt att enkelt fixa det

JavaScript fungerar inte alltid bra med Chrome

Cypress är ett rent JavaScript-baserat front-end-testverktyg byggt för den moderna webben. Det syftar till att ta itu med de smärtpunkter som utvecklare eller QA-ingenjörer möter när de testar en applikation.

Cypress är ett mer utvecklarvänligt verktyg som använder en unik DOM-manipulationsteknik och fungerar direkt i webbläsaren. Cypress tillhandahåller också en unik interaktiv testlöpare som utför alla kommandon.

Oavsett dess lovande funktioner har användare klagat på att cypress inte kunde ansluta till Chrome. Vid andra tillfällen hävdar användare att cypress docker misslyckades med att ansluta till chrome, eller att cypress inte kunde verifiera att den här servern körs, bland annat.

Det är för detta som den här artikeln presenterar lösningar på de webbläsarbaserade problem som användare möter när de försöker utföra kommandon med Cypress.

Stöder Cypress alla webbläsare?

Cypress har en kritisk svaghet: den kan inte köra tester mot alla webbläsartyper. När denna artikel skrivs stöder Cypress endast en begränsad uppsättning webbläsare: Chrome, Edge, Electron och Firefox.

Det betyder inget stöd för Safari och Internet Explorer (IE). Cypress stöder inte heller mobila webbläsare.

Det finns dock ett sätt att köra Cypress-tester mot alla webbläsartyper, inklusive Safari, IE och mobila webbläsare: Applitools Visual AI med Ultrasnabbt testmoln.

Använder Cypress Chrome Devtools-protokollet?

När Cypress styr en Chromium-webbläsare har den en öppen fjärranslutning mellan Cypress och webbläsaren.

DevTools är ovärderligt för att felsöka en applikation eller förstå varför ett end-to-end-test går vilse. Vanligtvis använder Cypress Chrome Devtools-protokoll för att besöka webbplatsen och utföra speciella åtgärder som att ställa in cookies eller ställa in mappen för nedladdning av filer.

Under Cypress-tester kan du klicka på vilket kommando som helst för att se ytterligare information för det kommandot, inspektera DOM-element och observera nätverksanrop.

Hur får jag Cypress att fungera på Chrome?

1. Uppdatera webbläsaren Chrome

1. På din dator och starta Chrome.
2. Längst upp till höger klickar du på Mer ikon.
3. Klick Hjälp och då Om Google Chrome.
4. Klick Uppdatera Google Chrome. (Om du inte kan hitta den här knappen har du den senaste versionen)

Kolla också krom.cypress.io för länkar för att ladda ner en specifik version av Chrome (dev, Canary och stabil) för varje plattform.

2. Använd webbläsare med Chrome-smak

1. Öppna Cypress genom att skriva detta kommando i terminalen: node_modules/.bin/cypress öppna
2. Kör följande kommando i terminalen: cypress run -webbläsare chrome
3. De Test Runner-fönstret öppnas, vilket visar testfallet cypressTest1.js.
4. Du kan välja webbläsare för testfallet från den högra sidan av Test Runner.

Alla webbläsare med Chrome-smak kommer att upptäckas och stöds ovanför Chrome 64, som Chromium, Chrome Beta, Chrome Canary och andra.

3. Felsök webbläsaren Chrome

1. Aktivera webbläsaren för att felsöka loggar med denna kod: npm springa cypress: springa-hänga
2. När cy.pause()startar, går in chrome://krasch i URL: en för att se beteende.

Om du gör detta hjälper Cypress att fungera effektivt på Chrome

4. Ge Chrome behörighet att köra tester

Kolla upp Browser.setPermission kommando för att ställa in behörigheten. Genom att ge testlöparen behörigheten hoppar webbläsaren över att visa "ska den här webbplatsen ha tillgång till urklipp?" användarprompt.

5. Gör en manuell kontroll av kommandot

Det är möjligt att du skrev en oändlig loop och att du måste fixa din egen kod. Det kan också vara så att du kör många tester på en minnesintensiv applikation.

Vi hoppas att ovanstående korrigeringar kommer att lösa alla problem du kan stöta på. Du kan också kontrollera hur du fixar chromewebdata buttons fel.