原创 WEB自動化-11-數據驅動

11 數據驅動     數據驅動是測試框架中一個非常好的功能,使用數據驅動,可以在不增加代碼量的情況下生成不同的測試策略。下面我們來看看在Cypress中的數據驅動使用方法。 11.1 數據在文件中     在前面已經使用很多次,示例如下所

原创 WEB自動化-10-Page Object 模型

10 Page Object 模型 10.1 概述     在針對一個WEB頁面編寫自動化測試用例時,需要引用頁面中的元素(數據)才能進行操作(動作)並顯示出頁面內容。如果編寫的測試用例是直接針對WEB頁面元素進行操作,則無法應對經常發生變

原创 WEB自動化-09-Cypress 測試報告

9 測試報告     一份好的測試報告,可以很直觀的看出整個測試過程的各種數據。而Cypress的測試報告是基於Mocha,因此任何支持Mocha的測試報告都可以應用於Cypress。但實際上,Cypress默認使用spec輸出測試報告。如

原创 WEB自動化-08-Cypress 接口測試

8 接口測試     在服務和服務、系統和系統之間進行通信時,常常會使用到接口。通過接口測試,可以在項目早期更快發現問題。接口有很多類型,而現階段使用的接口是基於HTTP協議的接口。 8.1 Cypress支持的HTTP請求方式     在

原创 WEB自動化-07-Cypress Test Runner

7 Test Runner 7.1 概述     Test Runner是Cypress非常重要一個組件,其主要作用爲運行測試、更改配置、將運行的測試結果寫入控制檯等等。     打開Cypress Test Runner的方式如下所示:

原创 WEB自動化-06-命令行運行Cypress

6 命令行運行Cypress     Cypress命令行的運行基本語法格式如下所示: cypress <command> [options]     command代表運行的命令,是必選參數。支持的命令有:open、run、instal

原创 WEB自動化-04-Cypress 測試用例編寫和組織

4 測試用例編寫和組織 4.1 用例結構     Cypress是建立在Mocha和Chai之上,因此同時支持Chai的BDD和TDD兩種風格。如果你熟悉JavaScript風格的代碼,那麼在Cypress中寫測試用例是很容易上手的。 M

原创 WEB自動化-03-Cypress 測試框架概述

3 Cypress 測試框架概述 3.1 Cypress 默認文件結構     在Cypress安裝完成後,其生成的默認文件目錄如下所示: 3.1.1 Fixtures     Fixture又稱之爲測試夾具,通常配合cy.fixture

原创 WEB自動化-02-Cypress 安裝

2 Cypress 安裝 2.1 安裝要求 2.1.1 系統要求     在操作系統滿足以下要求時,才能進行安裝,具體要求如下所示: MacOS 10.9+(僅支持64位版本) Linux Ubuntu 12.04+、Fedora 21和

原创 WEB自動化-01-Cypress 介紹

1. Cypress 介紹 1.1 Cypress 簡介     Cypress是一款基於JavaScript的下一代前端測試工具。可以對瀏覽器中運行的任何內容進行快速、簡單和可靠的測試。     Cypress是自集成的,提供了一套完整的

原创 JavaScript快速入門-08-JSON

8 JSON     因平時工作時,使用JSON的場景比較多,其JSON語法不再介紹,僅介紹在JavaScript中JSON的解析和序列化。 8.1 JSON 對象     JSON對象有兩個方法: stringify():將JavaSc

原创 JavaScript快速入門-07-異常處理與調試

7、異常處理與調試 7.1 異常處理 7.1.1 try/catch語句     try/catch語句常用於處理JavaScript中的異常,其基本語法如下所示: try { // 可能出錯的代碼 } catch(error){

原创 JavaScript快速入門-06-函數

6 函數 6.1 函數定義     函數可以封裝語句,然後在任何地方、任何時間執行。JavaScript中的函數使用function關鍵字聲明,主要由函數名、函數參數和函數體組成。其基本語法和聲明如下所示: 方式一: function

原创 JavaScript快速入門-05-基本語句

5 基本語句 5.1 if 語句     if 語句常用語法如下所示: if (condition) { statement1; } else { statement2; } 或 if (condition) { statem

原创 JavaScript快速入門-04-運算符

4 運算符 4.1 算術運算符 4.1.1 概述     JavaScript 提供的算術運算符如下所示: 類型 符號 示例 加法運算符 + a+b 減法運算符 - a-b 乘法運算符 * a*b 除法運算符 /