Cypress se nepodařilo připojit k Chrome: 5 způsobů, jak to snadno opravit

JavaScript v prohlížeči Chrome ne vždy funguje dobře

Cypřiš je čistě JavaScriptový front-end testovací nástroj vytvořený pro moderní web. Jeho cílem je řešit problémy, kterým vývojáři nebo inženýři QA čelí při testování aplikace.

Cypress je vývojářsky přívětivější nástroj, který využívá jedinečnou techniku ​​DOM manipulace a funguje přímo v prohlížeči. Cypress také poskytuje unikátní interaktivní testovací běh, který provádí všechny příkazy.

Bez ohledu na jeho slibné funkce si uživatelé stěžovali, že se cypřiš nepodařilo připojit k Chromu. Při jiných příležitostech uživatelé tvrdí, že cypress docker se nepodařilo připojit k Chrome, nebo že cypress nemohl ověřit, že tento server je spuštěn, mimo jiné.

Z tohoto důvodu tento článek představuje řešení problémů založených na prohlížeči, s nimiž se uživatelé potýkají při pokusu o provádění příkazů pomocí Cypress.

Podporuje Cypress všechny prohlížeče?

Cypress má zásadní slabinu: nemůže nativně spouštět testy proti všem typům prohlížečů. V době psaní tohoto článku podporuje Cypress pouze omezenou sadu prohlížečů: Chrome, Edge, Electron a Firefox.

To znamená, že žádná podpora pro Safari a Internet Explorer (IE). Cypress také nepodporuje mobilní prohlížeče.

Existuje však způsob, jak spustit testy Cypress proti jakémukoli typu prohlížeče, včetně Safari, IE a mobilních prohlížečů: pomocí Applitools Visual AI s Ultrarychlý testovací cloud.

Používá Cypress protokol Chrome Devtools?

Když Cypress ovládá prohlížeč Chromium, má otevřené vzdálené rozhraní mezi Cypressem a prohlížečem.

DevTools jsou neocenitelné pro ladění aplikací nebo pro pochopení toho, proč se komplexní test ztratí. Cypress obvykle používá protokol Chrome Devtools k návštěvě webu a provádění speciálních operací, jako je nastavení souborů cookie nebo nastavení složky pro stahování souborů.

Během testů Cypress můžete kliknout na libovolný příkaz a zobrazit další informace o daném příkazu, prohlédnout si prvky DOM a sledovat síťová volání.

Jak zajistím, aby Cypress fungoval v prohlížeči Chrome?

1. Aktualizujte prohlížeč Chrome

1. Na počítači a spusťte Chrome.
2. Vpravo nahoře klikněte na Další ikona.
3. Klikněte Pomoc a pak O Google Chrome.
4. Klikněte Aktualizujte Google Chrome. (Pokud toto tlačítko nemůžete najít, používáte nejnovější verzi)

Také zkontrolujte chrom.cypress.io pro odkazy ke stažení konkrétní vydané verze Chrome (dev, Canary a stable) pro každou platformu.

2. Používejte prohlížeče s příchutí Chrome

1. Otevřete Cypress zadáním tohoto příkazu do terminálu: node_modules/.bin/cypress open
2. Spusťte v terminálu následující příkaz: cypřiš run -prohlížeč chrome
3. The Okno Test Runner otevře se, což ukáže testovací případ cypressTest1.js.
4. Prohlížeč pro testovací případ můžete vybrat na pravé straně Test Runneru.

Všechny prohlížeče s příchutí Chrome budou detekovány a jsou podporovány nad Chrome 64, jako je Chromium, Chrome Beta, Chrome Canary a další.

3. Ladění prohlížeče Chrome

1. Povolte prohlížeči ladit protokoly pomocí tohoto kódu: npm run cypress: run-hang
2. Když cy.pause()začíná, zadejte chrome://crash v URL pro zobrazení chování.

To pomůže Cypressu efektivně fungovat v Chrome

4. Udělte Chromu oprávnění ke spouštění testů

Šek Browser.setPermission příkaz pro nastavení oprávnění. Udělením povolení testovacímu běžci prohlížeč přeskočí zobrazení „měl by mít tento web přístup do schránky?“ uživatelská výzva.

5. Proveďte ruční kontrolu příkazu

Je možné, že jste napsali nekonečnou smyčku a že musíte opravit svůj vlastní kód. Může se také stát, že spouštíte spoustu testů na paměťově náročné aplikaci.

Doufáme, že výše uvedené opravy vyřeší jakýkoli problém, se kterým se můžete setkat. Můžete také zkontrolovat, jak opravit chyba tlačítek chromewebdata.