ເຄື່ອງມືອັດຕະໂນມັດທົດສອບ ສຳ ລັບການທົດສອບການສະ ໝັກ ReactJS

ຂ້ອຍ ກຳ ລັງວາງແຜນທີ່ຈະທົດສອບໂປແກຼມ ReactJS ແລະຢາກຊອກຫາເຄື່ອງມືທີ່ດີທີ່ສຸດໃນຕະຫຼາດເພື່ອ ດຳ ເນີນການທົດສອບໃນຕອນທ້າຍແນວໃດ? ຫລັງຈາກເຮັດການຄົ້ນຄ້ວານ້ອຍໆຂ້ອຍພົບວ່າມີຫລາຍເຄື່ອງມືທີ່ມີຢູ່ໃນການທົດສອບໂປແກຼມ ReactJS ແຕ່ວ່າມັນແມ່ນຫຍັງທີ່ດີທີ່ສຸດທີ່ຈະໃຊ້ ສຳ ລັບການທົດສອບໃນຕອນທ້າຍ?

ຄຳ ຕອບ:

ມັນບໍ່ມີແນວຄວາມຄິດຂອງ“ ເຄື່ອງມືທີ່ດີທີ່ສຸດ” ເມື່ອເວົ້າເຖິງການທົດສອບແບບອັດຕະໂນມັດ. ມັນທັງ ໝົດ ແມ່ນຂື້ນກັບສະພາບການຂອງໂຄງການຂອງທ່ານແລະສິ່ງທີ່ທ່ານຕ້ອງການໃຫ້ບັນລຸຈາກເຄື່ອງມື.


ຂ້ອຍໄດ້ທົດສອບທັງສອງໂປຣແກຣມ Angular ແລະ ReactJS ແລະຂ້ອຍໃຊ້ພຽງແຕ່ Selenium WebDriver ເປັນເຄື່ອງມືອັດຕະໂນມັດການທົດສອບເພື່ອສ້າງການທົດສອບໃນຕອນທ້າຍ. ເຖິງຢ່າງໃດກໍ່ຕາມ, ມັນເບິ່ງຄືວ່າມີ ຈຳ ນວນເຄື່ອງມືແລະກອບແບບອັດຕະໂນມັດຂອງ JS ທີ່ເພີ່ມຂື້ນເພື່ອທົດສອບການ ນຳ ໃຊ້ ReactJS. ເຄື່ອງມືເຫລົ່ານີ້ເບິ່ງຄືວ່າມັນໄດ້ຮັບຄວາມນິຍົມສູງຈາກບັນດານັກພັດທະນາດ້ານ 'ດ້ານ ໜ້າ' ຍ້ອນວ່າພວກເຂົາແມ່ນອີງໃສ່ພາສາທີ່ນັກພັດທະນາຮູ້.

ນັ້ນ ໝາຍ ຄວາມວ່າບໍ່ພຽງແຕ່ນັກທົດສອບສາມາດຂຽນການທົດສອບແບບອັດຕະໂນມັດໃນຕອນທ້າຍ, ແຕ່ນັກພັດທະນາຍັງສາມາດຊ່ວຍໃນເວລາທີ່ບໍ່ມີເວລາຫລືຊັບພະຍາກອນພຽງພໍ.


ຂ້າງລຸ່ມນີ້ແມ່ນບັນຊີເຄື່ອງມືແລະກອບການທົດສອບອັດຕະໂນມັດເພື່ອທົດສອບການ ນຳ ໃຊ້ ReactJS:



ເຄື່ອງມືທົດສອບອັດຕະໂນມັດ ສຳ ລັບ ReactJS

WebDriver.io

WebdriverIO ແມ່ນເຄື່ອງມືທົດສອບແຫຼ່ງເປີດ ສຳ ລັບ Node.js . ມັນເຮັດໃຫ້ມັນເປັນໄປໄດ້ທີ່ຈະຂຽນການທົດສອບ selenium ງ່າຍດາຍ Super ກັບ Javascript ໃນກອບທົດສອບ BDD ຫຼື TDD ທີ່ທ່ານມັກ.

ໂມງກາງຄືນ

ໂມງກາງຄືນ ແມ່ນງ່າຍທີ່ຈະນໍາໃຊ້ Node.js ອີງໃສ່ໂຊລູຊັ່ນການທົດສອບ End-to-End (E2E) ສຳ ລັບແອັບ apps ແລະເວັບໄຊທ໌ທີ່ໃຊ້ໃນ browser. ມັນໃຊ້ຜູ້ມີ ອຳ ນາດ W3C WebDriver API ເພື່ອປະຕິບັດ ຄຳ ສັ່ງແລະຂໍ້ອ້າງຕ່າງໆກ່ຽວກັບອົງປະກອບ DOM.

NightmareJS

Nightmare ແມ່ນຫໍສະມຸດອັດຕະໂນມັດໃນລະດັບສູງຂອງຫ້ອງສະ ໝຸດ ອັດຕະໂນມັດ ສ່ວນ .


ພາຍໃຕ້ຜ້າຄຸມ, ມັນໃຊ້ ເອເລັກໂຕຣນິກ , ເຊິ່ງແມ່ນຄ້າຍຄືກັນກັບ PhantomJS ແຕ່ປະມານສອງເທົ່າຂອງໄວແລະທັນສະໄຫມ.

Niffy ແມ່ນເຄື່ອງມືທີ່ມີຄວາມຮັບຮູ້ທີ່ແຕກຕ່າງກັນທີ່ສ້າງຂື້ນໃນ Nightmare. ມັນຊ່ວຍໃຫ້ທ່ານກວດພົບການປ່ຽນແປງຂອງ UI ແລະຂໍ້ບົກພ່ອງຕ່າງໆໃນທົ່ວການປ່ອຍແອັບ web ເວັບຂອງທ່ານ.

ມື້ຝັນ ແມ່ນການຂະຫຍາຍ chrome ທີ່ມີການຍ້ອງຍໍທີ່ສ້າງຂື້ນໂດຍ @ ສະຕີມພັນ 888 ທີ່ສ້າງສະຄິບ Nightmare ສຳ ລັບທ່ານໃນຂະນະທີ່ທ່ານທ່ອງເວັບ.

ແມ່ນ

Jest ຖືກໃຊ້ໂດຍ Facebook ເພື່ອທົດສອບລະຫັດ JavaScript ທັງ ໝົດ ລວມທັງ React applications. ໜຶ່ງ ໃນປັດຊະຍາຂອງ Jest ແມ່ນການໃຫ້ປະສົບການ“ ການຕັ້ງຄ່າແບບບໍ່ມີການຕັ້ງຄ່າ”. ພວກເຮົາສັງເກດເຫັນວ່າໃນເວລາທີ່ວິສະວະກອນໄດ້ຮັບເຄື່ອງມືພ້ອມທີ່ຈະໃຊ້, ພວກເຂົາຈົບການຂຽນການທົດສອບເພີ່ມເຕີມ, ເຊິ່ງມັນຈະສົ່ງຜົນໃຫ້ຖານຂໍ້ ກຳ ນົດທີ່ມີລະຫັດທີ່ ໝັ້ນ ຄົງແລະມີສຸຂະພາບດີຂື້ນ. Jest ຍັງຂະຫນານການແລ່ນທົດລອງທົ່ວ ກຳ ມະກອນເພື່ອເຮັດໃຫ້ເກີດປະສິດຕິພາບສູງສຸດ.


Mocha

ໃນຂະນະທີ່ Jest ເປັນທີ່ນິຍົມໃນບັນດານັກພັດທະນາເຟສບຸກທີ່ຈະຂຽນການທົດສອບແບບອັດຕະໂນມັດ ສຳ ລັບໂປແກຼມ ReactJS, ມັນມີບາງບັນຫາ (ຊ້າ, ການເຍາະເຍີ້ຍແມ່ນສັບສົນ). Mocha ໄດ້ກາຍເປັນທາງເລືອກທີ່ເປັນທີ່ນິຍົມ. ມັນເປັນເລື່ອງທີ່ເຈັບປວດຫຼາຍທີ່ຈະຕັ້ງຄ່າແຕ່ວ່າອາດຈະເບິ່ງທີ່ຄຸ້ມຄ່າ. ຂ້າພະເຈົ້າຄາດຫວັງວ່າມັນຈະໄດ້ຮັບຄວາມນິຍົມຫລາຍຂື້ນໃນອະນາຄົດເວັ້ນເສຍແຕ່ວ່າ Jest ຈະເອົາຊະນະບາງບັນຫາຕົ້ນຕໍເຫລົ່ານັ້ນ. ເບິ່ງ React Web Apps ການທົດສອບກັບ Mocha ເພື່ອເລີ່ມຕົ້ນ.

ຜູ້ຕໍ່ຕ້ານ

ສຳ ລັບການທົດສອບການຍອມຮັບ, ທ່ານສາມາດພິຈາລະນາ Protector. ມັນຕົ້ນຕໍແມ່ນເຄື່ອງມື Angular ທີ່ສ້າງຢູ່ເທິງສຸດຂອງ Selenium ແລະມັນມາພ້ອມກັບ API ທີ່ດີກວ່າເກົ່າ. ໂຊກດີ, ມັນເປັນໄປໄດ້ທີ່ຈະຕັ້ງຄ່າມັນເພື່ອເຮັດວຽກກັບ React. ສິ່ງທີ່ດີກ່ຽວກັບວິທີການນີ້ແມ່ນວ່ານີ້ຈະຊ່ວຍໃຫ້ທ່ານສາມາດທົດສອບການສະ ໝັກ ຂອງທ່ານກັບ browser ຕ່າງໆ.

ເອນໄຊ

Enzyme ແມ່ນເຄື່ອງມືທົດສອບ JavaScript ສຳ ລັບ React ເຊິ່ງເຮັດໃຫ້ງ່າຍຕໍ່ການຢືນຢັນ, ຈັດການແລະຂ້າມຜົນຜະລິດຂອງສ່ວນປະກອບ React ຂອງທ່ານ. ພັດທະນາໃນເບື້ອງຕົ້ນໂດຍ Airbnb, ແມ່ນໄດ້ຮັບຄວາມນິຍົມຫຼາຍຂື້ນ. ທ່ານສາມາດໃຊ້ມັນກັບນັກແລ່ນທົດສອບ (mocha, jasmine, …) ແລະມີປະໂຫຍດ chai-enzyme ປັ.ກອິນ.

Enzyme + Mocha ເບິ່ງຄືວ່າເປັນການປະສົມປະສານທີ່ດີທີ່ສຸດເພື່ອທົດສອບການ ນຳ ໃຊ້ເວັບທີ່ຂຽນໃນ ReactJS. ມັນເປັນເລື່ອງງ່າຍທີ່ຈະຮຽນຮູ້, ແມ່ນແຕ່ ສຳ ລັບຄົນ ໃໝ່ ທີ່ ReactJS ແລະ Mocha ສາມາດຮັບມືກັບເຄື່ອງມືເຫຼົ່ານີ້ໄດ້ໃນເວລາສັ້ນໆ.