Cypress Gagal Terhubung ke Chrome: 5 Cara Memperbaikinya dengan Mudah

JavaScript tidak selalu bekerja dengan baik dengan Chrome

cemara adalah alat pengujian front-end murni berbasis JavaScript yang dibuat untuk web modern. Ini bertujuan untuk mengatasi masalah yang dihadapi pengembang atau insinyur QA saat menguji aplikasi.

Cypress adalah alat yang lebih ramah pengembang yang menggunakan teknik manipulasi DOM unik dan beroperasi langsung di browser. Cypress juga menyediakan test runner interaktif unik yang mengeksekusi semua perintah.

Terlepas dari fitur-fiturnya yang menjanjikan, pengguna telah mengeluh bahwa cypress gagal terhubung ke Chrome. Pada kesempatan lain, pengguna mengklaim cypress docker gagal terhubung ke chrome, atau cypress tidak dapat memverifikasi bahwa server ini sedang berjalan, antara lain.

Untuk itulah artikel ini memberikan solusi untuk masalah berbasis browser yang dihadapi pengguna saat mencoba menjalankan perintah menggunakan Cypress.

Apakah Cypress mendukung semua browser?

Cypress memiliki kelemahan kritis: ia tidak dapat menjalankan tes secara native terhadap semua jenis browser. Pada saat menulis artikel ini, Cypress hanya mendukung satu set browser terbatas: Chrome, Edge, Electron, dan Firefox.

Itu berarti tidak ada dukungan untuk Safari dan Internet Explorer (IE). Cypress juga tidak mendukung browser seluler.

Namun, ada cara untuk menjalankan tes Cypress terhadap semua jenis browser, termasuk Safari, IE, dan browser seluler: menggunakan Applitools Visual AI dengan Awan Uji Ultracepat.

Apakah Cypress menggunakan protokol Chrome Devtools?

Saat Cypress mengontrol browser Chromium, ia memiliki koneksi antarmuka jarak jauh terbuka antara Cypress dan browser.

DevTools sangat berharga untuk men-debug aplikasi, atau memahami mengapa pengujian ujung-ke-ujung tersesat. Biasanya, Cypress menggunakan protokol Chrome Devtools untuk mengunjungi situs dan melakukan operasi khusus seperti mengatur cookie atau mengatur folder unduhan file.

Selama pengujian Cypress, Anda dapat mengeklik perintah apa pun untuk melihat informasi tambahan untuk perintah tersebut, memeriksa elemen DOM, dan mengamati panggilan jaringan.

Bagaimana cara membuat Cypress berfungsi di Chrome?

1. Perbarui peramban Chrome

1. Di komputer Anda dan luncurkan Chrome.
2. Di kanan atas, klik pada Ikon lainnya.
3. Klik Membantu lalu Tentang Google Chrome.
4. Klik Perbarui Google Chrome. (Jika Anda tidak dapat menemukan tombol ini, Anda menggunakan versi terbaru)

Juga, periksa chromium.cypress.io untuk tautan untuk mengunduh versi Chrome tertentu yang dirilis (dev, Canary, dan stable) untuk setiap platform.

2. Gunakan browser rasa Chrome

1. Buka Cypress dengan mengetikkan perintah ini di terminal: node_modules/.bin/cypress terbuka
2. Jalankan perintah berikut di terminal: cypress run -browser chrome
3. Itu Jendela Test Runner akan terbuka, yang akan menunjukkan test case cypressTest1.js.
4. Anda dapat memilih browser untuk test case dari sisi kanan Test Runner.

Semua browser rasa Chrome akan terdeteksi dan didukung di atas Chrome 64, seperti Chromium, Chrome Beta, Chrome Canary, dan lainnya.

3. Debug browser Chrome

1. Aktifkan browser untuk men-debug log menggunakan kode ini: npm run cypress: run-hang
2. Kapan cy.pause()dimulai, masuk chrome://crash di URL untuk melihat perilaku.

Melakukan ini akan membantu Cypress berfungsi secara efektif di Chrome

4. Berikan Chrome Izin untuk menjalankan tes

Memeriksa Peramban.setIzin perintah untuk mengatur izin. Dengan memberikan izin kepada pelari uji, browser melompati menampilkan "haruskah situs ini memiliki akses ke clipboard?” permintaan pengguna.

5. Lakukan pemeriksaan manual pada perintah

Ada kemungkinan bahwa Anda menulis loop tanpa akhir dan Anda harus memperbaiki kode Anda sendiri. Bisa juga Anda menjalankan banyak tes pada aplikasi yang membutuhkan banyak memori.

Kami berharap perbaikan di atas akan menyelesaikan masalah apa pun yang mungkin Anda alami. Anda juga dapat memeriksa cara memperbaikinya kesalahan tombol chromewebdata.