建站
咨詢
售后
建站咨詢
新聞中心
市面上有一款新的性能測(cè)試工具：Flood Element。它是可擴(kuò)展的、基于瀏覽器的工具，讓你可以用JavaScript編寫(xiě)腳本，像實(shí)際用戶那樣與網(wǎng)頁(yè)進(jìn)行交互。
瀏覽器級(jí)用戶(Browser Level Users)是一種比較新的負(fù)載測(cè)試方法，克服了傳統(tǒng)測(cè)試方法的許多常見(jiàn)挑戰(zhàn)。它提供：
- 類似Selenium等常見(jiàn)功能測(cè)試工具的腳本，更易于上手。
- 更真實(shí)的結(jié)果，基于實(shí)際的瀏覽器性能而不是API響應(yīng)。
- 針對(duì)Web應(yīng)用程序的所有組件進(jìn)行測(cè)試的功能，包括通過(guò)瀏覽器呈現(xiàn)的JavaScript等元素。
鑒于上述優(yōu)點(diǎn)，考慮Flood Element用于Web負(fù)載測(cè)試是不二的選擇，如果你使用JMeter或HP LoadRunner之類的現(xiàn)有工具覺(jué)得不盡如人意，更是如此。
結(jié)合Element和Flood將其變成了非常強(qiáng)大的負(fù)載測(cè)試工具。這里有一篇詳細(xì)的指南(https://help.flood.io/getting-started-with-load-testing/step-by-step-guide-flood-element)，如果你想開(kāi)始入手，不妨一讀。幾個(gè)月來(lái)，我一直在使用和測(cè)試Element，在此分享這個(gè)過(guò)程中學(xué)到的幾個(gè)貼士。
一、初始化腳本
你始終可以從零開(kāi)始，但最快捷的入手方法是從終端輸入element init myfirstelementtest，并填寫(xiě)偏愛(ài)的項(xiàng)目名稱。
然后，系統(tǒng)要求你輸入測(cè)試標(biāo)題以及編寫(xiě)腳本的相應(yīng)URL。1分鐘后，你會(huì)看到一個(gè)新的目錄已創(chuàng)建：
Element將自動(dòng)創(chuàng)建一個(gè)名為test.ts的文件。此文件包含腳本的框架以及一些示例代碼，可幫助你找到按鈕然后點(diǎn)擊。但在你打開(kāi)它之前，先做這個(gè)......
二、選擇合適的文本編輯器
在Element中編寫(xiě)腳本已經(jīng)很簡(jiǎn)單，但語(yǔ)法高亮和代碼完成是大有幫助的兩項(xiàng)功能。語(yǔ)法高亮將極大地改善學(xué)用像Element這種新測(cè)試工具的體驗(yàn)，而代碼完成將使你在變得更有經(jīng)驗(yàn)后編寫(xiě)腳本極快。我的***文本編輯器是Visual Studio Code，它擁有這兩個(gè)功能。它漂亮且實(shí)用。
語(yǔ)法高亮是指文本編輯器根據(jù)代碼在編程語(yǔ)言中的角色，智能地更改代碼的字體顏色。這是我們之前在VS Code中生成的test.ts文件的屏幕截圖，以表明我要傳達(dá)的意思：
這使得代碼解讀起來(lái)更一目了然：注釋呈綠色，值和標(biāo)簽呈橙色，等等。
代碼完成是指你開(kāi)始輸入內(nèi)容時(shí)，VS Code貼心地打開(kāi)上下文菜單，給出了你可以使用的方法方面的建議。
我喜歡該功能，因?yàn)檫@意味著我不需要記住方法的確切名稱。它還建議你已定義的變量名稱，并高亮顯示無(wú)意義的代碼。這將有助于使你的測(cè)試對(duì)別人來(lái)說(shuō)更易于維護(hù)和閱讀，如果你希望將來(lái)擴(kuò)展測(cè)試，這是一大好處。
三、獲取截圖
Element***大的功能之一是它能夠獲取屏幕截圖。我發(fā)現(xiàn)調(diào)試時(shí)非常有用，因?yàn)橛袝r(shí)這樣更容易看明情況。若使用基于協(xié)議的工具，調(diào)試會(huì)是極其復(fù)雜化和技術(shù)化的過(guò)程。
有兩種方法可以在Element中獲取屏幕截圖：
1. 添加設(shè)置以便遇到錯(cuò)誤時(shí)自動(dòng)獲取屏幕截圖。為此，你可以在TestSettings中將screenshotOnFailure設(shè)置為“true”：
- export const settings: TestSettings = {
- device: Device.iPadLandscape,
- userAgent: 'flood-chrome-test',
- clearCache: true,
- disableCache: true,
- screenshotOnFailure: true,
- }
2. 在腳本中的某個(gè)點(diǎn)顯式獲取屏幕截圖。為此，將await browser.takeScreenshot()添加到你的代碼中。
四、查看截圖
一旦你在測(cè)試中獲取了屏幕截圖，可能希望查看它們，知道它們會(huì)存起來(lái)以備將來(lái)妥善保管。無(wú)論你在本地運(yùn)行測(cè)試還是將其上傳到Flood以便以更高的并發(fā)性運(yùn)行，F(xiàn)lood Element都能滿足你的要求。
1.本地運(yùn)行測(cè)試
屏幕截圖將作為.jpg文件保存在與你的運(yùn)行對(duì)應(yīng)的帶時(shí)間戳的文件夾中。它看起來(lái)應(yīng)該是這樣：…myfirstelementtest/tmp/element-results/test/2018-11-20T135700.595Z/flood/screenshots/。屏幕截圖會(huì)以獨(dú)特的方式命名，那樣即使同一步驟的新屏幕截圖也不會(huì)覆蓋舊屏幕截圖。
然而，我很少需要查找該文件夾中的屏幕截圖，因?yàn)槲腋矚g在iTerm2 for MacOS中查看它們。iTerm是終端的替代工具，與Element特別兼容。獲取屏幕截圖后，iTerm實(shí)際上會(huì)嵌入式顯示：
2.測(cè)試在Flood中運(yùn)行
需要更大的并發(fā)性時(shí)，在Flood上運(yùn)行Element腳本很理想。Flood不會(huì)在本地訪問(wèn)你的屏幕截圖，而是將圖像集中到帳戶中，那樣即使在云負(fù)載注入器被破壞后圖像依然存在?？梢酝ㄟ^(guò)下載Archived Results來(lái)訪問(wèn)屏幕截圖文件：
還可以點(diǎn)擊儀表板上的步驟查看測(cè)試的幻燈片：
五、使用日志
你可能需要查看日志進(jìn)行更技術(shù)性的調(diào)試，尤其是屏幕截圖說(shuō)明不了全部情況時(shí)。同樣，無(wú)論你在本地運(yùn)行測(cè)試還是將其上傳到Flood以便以更高的并發(fā)性運(yùn)行，F(xiàn)lood Element都能滿足你的要求。
本地運(yùn)行測(cè)試
比如說(shuō)，你可以輸入：console.log('orderValues = ’ + orderValues)，輸出到控制臺(tái)。
這將在腳本中的這個(gè)點(diǎn)輸出變量orderValues的值。如果你在本地運(yùn)行Element，會(huì)在終端中看到這個(gè)。
測(cè)試在Flood中運(yùn)行
如果你在Flood上運(yùn)行腳本，可以下載日志(在前面提到的同一個(gè)Archived Results壓縮文件中)或點(diǎn)擊Logs選項(xiàng)卡：
六、有趣的標(biāo)志
Element隨帶幾個(gè)標(biāo)志(flag)，那樣可以更好地控制腳本在本地如何運(yùn)行。這是我偏愛(ài)的幾個(gè)標(biāo)志：
headless標(biāo)志
如有疑問(wèn)，在non-headless模式下運(yùn)行Element，看看在Chrome上實(shí)際打開(kāi)Web應(yīng)用程序并與頁(yè)面進(jìn)行交互的腳本。這只能在本地實(shí)現(xiàn)，但能親眼看到實(shí)時(shí)發(fā)生的情況再好不過(guò)了，而不是事后依賴屏幕截圖和日志。想啟用該模式，運(yùn)行測(cè)試時(shí)添加該標(biāo)志：
- element run myfirstelementtest.ts --no-headless
watch標(biāo)志
Element遇到錯(cuò)誤或完成迭代時(shí)會(huì)自動(dòng)關(guān)閉瀏覽器窗口。添加--watch將使瀏覽器窗口保持打開(kāi)，然后監(jiān)視腳本。一旦腳本保存完畢，它會(huì)從頭開(kāi)始自動(dòng)在同一個(gè)窗口中運(yùn)行。只需添加該標(biāo)志，如上例所示：
- --watch
dev tools標(biāo)志
打開(kāi)一個(gè)瀏覽器實(shí)例，并在Chrome Dev Tools打開(kāi)的情況下運(yùn)行腳本，讓你可以查找要編寫(xiě)腳本的下一個(gè)操作的定位符。只需添加該標(biāo)志，如***示例所示：
- --dev-tools
想了解更多標(biāo)志，請(qǐng)使用element run --help。
七、試一試Element
你剛大致了解了Flood Element，已準(zhǔn)備好開(kāi)始使用。下載Element(https://element.flood.io/)，開(kāi)始編寫(xiě)功能測(cè)試腳本并將其重新用作Flood上的負(fù)載測(cè)試腳本。 如果你沒(méi)有Flood帳戶，可以在Flood官網(wǎng)(https://flood.io/load-performance-testing-tool/free-load-testing-trial/)上輕松注冊(cè)免費(fèi)試用版。
標(biāo)題名稱：使用和測(cè)試FloodElement性能的若干貼士
URL網(wǎng)址：http://www.5511xx.com/article/cdigeed.html
