測(cè)試瀏覽器中的自動(dòng)化。不需要本地設(shè)置？

現(xiàn)在測(cè)試自動(dòng)化就是這樣QA其中一項(xiàng)基本任務(wù)是工程師。但是我們現(xiàn)在的大部分工作都涉及到準(zhǔn)備環(huán)境和設(shè)置測(cè)試的復(fù)雜性。

我正在研究在瀏覽器中直接運(yùn)行檢測(cè)的選項(xiàng)，不需要太多的工作。在運(yùn)行中GitHub CodeSpaces之后，我立刻想到了一個(gè)可以嘗試的解決方案。

假如你還沒(méi)聽(tīng)說(shuō)過(guò)，你應(yīng)該試一試。你不再需要當(dāng)?shù)氐陌l(fā)展環(huán)境。

您可以從GitHub借用獨(dú)立的開(kāi)發(fā)環(huán)境，在那里進(jìn)行檢測(cè)。

讓我們繼續(xù)看一個(gè)實(shí)際的例子，復(fù)制一個(gè)包括例子測(cè)試在內(nèi)的測(cè)試庫(kù)，然后運(yùn)行到它。GitHub CodeSpaces中。

使用示例檢測(cè)獲得存儲(chǔ)庫(kù)。

在GitHub在上面建立一個(gè)新的存儲(chǔ)庫(kù)

你應(yīng)該先建立一個(gè)新的存儲(chǔ)庫(kù)，你會(huì)在里面進(jìn)行測(cè)試。GitHub并且用你喜歡的名字創(chuàng)建一個(gè)新的存儲(chǔ)庫(kù)。

下一步，我們應(yīng)該去做TestCafe在存儲(chǔ)庫(kù)中進(jìn)行測(cè)試。打開(kāi)瀏覽器中的目錄：

testcafe/examples/basicatmaster·DevExpress/testcafe

用于端到端自動(dòng)化Web測(cè)試的Node.js工具。-testcafe/examples/basicatmaster·DevExpress/testcafe

我們不需要fork整個(gè)存儲(chǔ)庫(kù)，因?yàn)槲覀冎恍枰@三份文件：

test.js：包含測(cè)試的主要文件

page-model.js：網(wǎng)頁(yè)中元素的概念

package.json：NodeJS環(huán)境變量。

你可以把這些文件導(dǎo)航回你的全新存儲(chǔ)庫(kù)，并在那里重建，它應(yīng)該具體如下：

忽略了這里的一些額外文件——它將在我們初始化這些測(cè)試之后自動(dòng)建立。

現(xiàn)在，我們要好好地進(jìn)行測(cè)試。

環(huán)境準(zhǔn)備

下一步是打開(kāi)我們的瀏覽器窗口。GitHubCodeSpaces。開(kāi)啟GitHub存儲(chǔ)器頁(yè)面右側(cè)“代碼”部分，然后選擇“在master上面的代碼建設(shè)是空的”。

這是一個(gè)可以用來(lái)測(cè)試的保存端，可以用來(lái)打開(kāi)一個(gè)。

為了準(zhǔn)備我們的環(huán)境，我們應(yīng)該在那里做些什么：

npminstall//在根目錄下安裝。這樣就可以完全依賴(lài)于我們的檢測(cè)和安裝。NodeJS

這個(gè)項(xiàng)目是典型的

在GitHub CodeSpaces中運(yùn)行檢測(cè)

在GitHub CodeSpaces的TestCafe檢測(cè)中間運(yùn)行

我們準(zhǔn)備好運(yùn)行我們的測(cè)試。只要在終端上輸入以下內(nèi)容，Enter，接著就會(huì)看到眼前發(fā)生的法術(shù)：

testcafe firefox：無(wú)頭測(cè)試。js -c 3 -e

你可能會(huì)問(wèn)為什么是“firefox:headless”？好問(wèn)題。我們使用它headless選項(xiàng)是由于GithubCodeSpaces不需要進(jìn)行行測(cè)試GUI選項(xiàng)。

你可以安裝其它瀏覽器，例如Chrome或Edge，接著，查看這些瀏覽器的結(jié)果。TestCafe框架的奇妙之處。

結(jié)論

你必須毫不費(fèi)力地在當(dāng)?shù)氐挠螒蛑羞M(jìn)行測(cè)試。一切都在你的瀏覽器中運(yùn)行——不需要復(fù)雜的配置，也不需要在你的當(dāng)?shù)卦O(shè)備上安裝任何東西。

歡迎來(lái)到未來(lái)，你需要一個(gè)裝置，希望你能自動(dòng)化代碼。

在你需要的時(shí)候，所有的基礎(chǔ)設(shè)施都已經(jīng)為你建造和配備。

yinyiprinting.cn 寧波海美seo網(wǎng)絡(luò)優(yōu)化公司 是網(wǎng)頁(yè)設(shè)計(jì)制作，網(wǎng)站優(yōu)化，企業(yè)關(guān)鍵詞排名，網(wǎng)絡(luò)營(yíng)銷(xiāo)知識(shí)和開(kāi)發(fā)愛(ài)好者的一站式目的地，提供豐富的信息、資源和工具來(lái)幫助用戶(hù)創(chuàng)建令人驚嘆的實(shí)用網(wǎng)站。 該平臺(tái)致力于提供實(shí)用、相關(guān)和最新的內(nèi)容，這使其成為初學(xué)者和經(jīng)驗(yàn)豐富的專(zhuān)業(yè)人士的寶貴資源。