Cypress klarte ikke å koble til Chrome: 5 måter å enkelt fikse det på

JavaScript fungerer ikke alltid bra med Chrome

Sypress er et rent JavaScript-basert front-end testverktøy bygget for det moderne nettet. Den tar sikte på å adressere smertepunktene utviklere eller QA-ingeniører møter mens de tester en applikasjon.

Cypress er et mer utviklervennlig verktøy som bruker en unik DOM-manipulasjonsteknikk og opererer direkte i nettleseren. Cypress gir også en unik interaktiv testløper som utfører alle kommandoer.

Uavhengig av de lovende funksjonene, har brukere klaget over at cypress ikke klarte å koble til Chrome. Ved andre anledninger hevder brukere at cypress docker ikke klarte å koble til chrome, eller at cypress ikke kunne bekrefte at denne serveren kjører, blant annet.

Det er for dette denne artikkelen presenterer løsninger på de nettleserbaserte problemene som brukere møter når de prøver å utføre kommandoer ved hjelp av Cypress.

Støtter Cypress alle nettlesere?

Cypress har en kritisk svakhet: den kan ikke kjøre tester mot alle nettlesertyper. På tidspunktet for skriving av denne artikkelen støtter Cypress kun et begrenset sett med nettlesere: Chrome, Edge, Electron og Firefox.

Det betyr ingen støtte for Safari og Internet Explorer (IE). Cypress støtter heller ikke mobilnettlesere.

Det er imidlertid en måte å kjøre Cypress-tester mot alle nettlesertyper, inkludert Safari, IE og mobilnettlesere: Applitools Visual AI med Ultrarask testsky.

Bruker Cypress Chrome Devtools-protokollen?

Når Cypress kontrollerer en Chromium-nettleser, har den en åpen ekstern grensesnittforbindelse mellom Cypress og nettleseren.

DevTools er uvurderlig for å feilsøke en applikasjon, eller forstå hvorfor en ende-til-ende-test kommer på avveie. Vanligvis bruker Cypress Chrome Devtools-protokollen for å besøke nettstedet og utføre spesielle operasjoner som å sette informasjonskapsler eller angi mappen for nedlasting av filer.

Under Cypress-tester kan du klikke på en kommando for å se tilleggsinformasjon for den kommandoen, inspisere DOM-elementer og observere nettverksanrop.

Hvordan får jeg Cypress til å fungere på Chrome?

1. Oppdater Chrome-nettleseren

1. På datamaskinen og start Chrome.
2. Øverst til høyre klikker du på Mer ikon.
3. Klikk Hjelp og så Om Google Chrome.
4. Klikk Oppdater Google Chrome. (Hvis du ikke finner denne knappen, er du på den nyeste versjonen)

Sjekk også krom.cypress.io for lenker for å laste ned en spesifikk utgitt versjon av Chrome (dev, Canary og stabil) for hver plattform.

2. Bruk nettlesere med Chrome-smak

1. Åpne Cypress ved å skrive denne kommandoen i terminalen: node_modules/.bin/cypress åpne
2. Kjør følgende kommando i terminalen: cypress run -nettleser chrome
3. De Test Runner-vinduet vil åpne, som viser testsaken cypressTest1.js.
4. Du kan velge nettleseren for testsaken fra høyre side av Test Runner.

Alle nettlesere med Chrome-smak vil bli oppdaget og støttes over Chrome 64, for eksempel Chromium, Chrome Beta, Chrome Canary og andre.

3. Feilsøk Chrome-nettleseren

1. Aktiver nettleseren for å feilsøke logger ved å bruke denne koden: npm løpe sypress: løpe-henge
2. Når cy.pause()starter, skriv inn chrome://krasj i URL-en for å se atferd.

Å gjøre dette vil hjelpe Cypress til å fungere effektivt på Chrome

4. Gi Chrome tillatelse til å kjøre tester

Kryss av Browser.setPermission kommando for å angi tillatelsen. Ved å gi testløperen tillatelsen, hopper nettleseren over å vise "skal dette nettstedet ha tilgang til utklippstavlen?» brukerforespørsel.

5. Gjør en manuell sjekk av kommandoen

Det er mulig du skrev en endeløs loop og at du må fikse din egen kode. Det kan også være at du kjører mange tester på et minnekrevende program.

Vi håper at rettelsene ovenfor vil løse eventuelle problemer du måtte støte på. Du kan også sjekke hvordan du fikser chromewebdata buttons feil.