企业官网建设流程全解析

一个wordpress模版几个网站,云南app软件开发,免费软件网站下载,网页 网站及与之相关的概念使用 cypress 进行端对端测试#xff0c;和其他的一些框架有一个显著不同的地方#xff0c;它使用 javascript 作为编程语言。传统主流的 selenium 框架是支持多语言的#xff0c;大多数 QA 会的python 和 java 语言都可以编写 selenium 代码#xff0c;遇到需要编写 js 代…使用 cypress 进行端对端测试和其他的一些框架有一个显著不同的地方它使用 javascript 作为编程语言。传统主流的 selenium 框架是支持多语言的大多数 QA 会的python 和 java 语言都可以编写 selenium 代码遇到需要编写 js 代码的 cypress以为又要学习一门编程语言慢慢就放弃了。其实学习 cypress 只需要掌握一些基础语法就够了。1、变量在 js 里用 let 这个关键字定义变量当一行代码结束后可以用分号 ; 隔开。let name yuz // ; or not浏览器当中都内置了 js 的解释器上面的代码可以直接在浏览器中运行。按 F12 打开浏览器的开发者工具点击 console 标签页就可以输入 js 代码了。728 x 313 805 x 346除了浏览器环境也可以通过 node.js 环境运行代码。我们可以把上面的代码保存到 demo.js 文件中然后在命令行工具中输入 node 指令运行代码。node /path/to/demo.js2、条件分支js 的条件分支主要需要注意条件表达式要用括号包裹。let age 17 if (age 18) { canSmoke true } else { canSmoke false } console.log(can i smoke? canSmoke)在 js 的条件分支代码中如果代码逻辑比较简单经常使用三元运算符简化代码它的使用方式是通过 表示。上面的代码可以改成三元运算符形式let age 17 let canSmoke (age 18) ? true : false // false3、函数 Function)定义函数时使用 function 关键字然后是函数名括号里填入参数参数之间用逗号隔开最后是花括号之间的代码即“函数体”函数的返回值使用 return 关键字。function add (a, b) { return a b } let res add(3, 4)4、箭头函数 (Arrow function)箭头函数在 js 使用中非常普遍他能简化普通函数的写法。上面的普通函数改成箭头函数add (a, b) { return a b } add(3, 4)5、回调函数Callback在 js 代码编写中经常需要用到回调函数。它允许我们采用异步方式编程当执行完一个任务以后再通过回调触发另外的任务。function print(string, callback) { let wait Math.random() * 5000; setTimeout(() { console.log(string); callback(); }, wait); }在上面的例子中print 函数允许程序随机等待 5 秒内的时间再打印字符串最终触发回调函数。在调用该函数时可以通过箭头函数指定一个回调函数比如打印finished。print(hello, () console.log(finished) )回调函数如果不嵌套调用是一个非常好的工具。但是一旦嵌套调用会陷入“回调地狱” 。陷入回调地狱的代码加入 try catch 异常捕获之后层次非常不清晰严重影响阅读。print(first, () { print(second, () { print(last, () console.log(finished)) }) })6、PromisePromise 是在异步编程中替代回调函数的编程方式。我们可以在函数中创建一个 Promise 对象这个对象需要传递一个函数作为参数通常可以写成箭头函数的形式。箭头函数有两个特定参数 resolve 和 rejectresolve 负责把程序的正常结果返回出去 reject 负责程序出现异常时把异常情况返回出去。function print (string) { let promise new Promise( (resolve, reject) { let wait Math.random() * 5000; setTimeout(() {}, wait); resolve(string); reject(new Error()); }) return promise; } let promise print(some thing); promise.then( result console.log(first), err {} ) .then( result console.log(second), err {} ) .then( result console.log(last), err {} )7、Async / AwaitPromise 比普通回调函数的方式更容易编写但是也涉及到 resolvereject 和 then 等很多概念如果 then 很多代码也不好看。Async/Await 是以更舒适的方式使用 promise 的一种特殊语法同时它也非常易于理解和使用。我们只需要在普通函数前面加上 async 关键字那么这个函数的返回值将是一个 promise 对象。async function print() { return 8; } print() // Promise {: 8}虽然函数在定义的时候确定了返回值是 8但是当调用 print 函数时得到的是一个 Promise, 而不是 8 。如果需要获取到其中返回值可以通过 then 方法let promise print() promise.then( (result) console.log(result) )如果觉得 then 写法不喜欢可以换成 await 获取返回值let promise print() console.log(await promise) // or let result await print()之前的回调函数例子可以改写成 async / await 的形式async function print (string) { let wait Math.random() * 5000; setTimeout(() {}, wait); return string; } console.log(await print(first)) console.log(await print(second)) console.log(await print(last))8、mochachai当编写完一些 js 代码之后你需要对这些代码进行测试保证代码能按预期执行并得到预期结果。而 mocha 是一个非常出色的 js 单元测试框架chai 专门处理断言。需要使用这两个框架时先通过 npm 安装npm install mocha chai接着就可以写用例了用例最好写到以 test 命名的目录中每一个 js 文件就是一个规范spec它表示被测试的函数应该是怎样的。在这个规范文件中包含了对功能的描述describe和测试用例it以及断言情况assert。编写好测试代码后进入文件目录在命令行通过 npx mocha 运行。// test/mocha.spec.js const assert require(assert); // the function to be tested function pow(a, b) {return a ** b}; // tests describe(pow, () { it(pow of 2 and 3, () { let actual pow(2, 3); assert.equal(actual, 8); }) it(pow of string and 3, () { let actual pow(a, 3); assert.equal(actual, 8); }) })正如你所看到的一个规范包含三个部分describe表示我们正在描述的功能是什么。在我们的例子中我们正在描述函数 pow。描述的作用是组织测试用例it)在一个描述中通常会包含多个 it 用例。it需要执行的用例第二个参数是用于测试 pow 函数的代码通常来说是一个函数。assert断言表示测试的结果是否符合预期。cypress 框架 对 mocha 进行了集成编写测试代码用的正是 mocha 的表示方法所以学好 mocha, cypress 就学会了一半。下面这个例子就是 cypress 执行浏览器测试的代码可以看出和 mocha 没有区别只是在 cypress 中不能直接使用 assert 这种显性断言方式。describe(go to the home page, () { it(title contains, () { cy.visit(http://www.testingpai.com) cy.title().should(include, 测试派) }); })9、总结要进行浏览器端的自动化测试掌握核心的 js 用法是必不可少的本文提到的 8 个知识点都会频繁用到。通过 let 关键字命名变量。通过 if 和三元表达式控制条件。普通的 function 形式函数定义。箭头函数也经常使用有点类似匿名函数。回调函数在 js 当中非常常见但是会遇到回调地狱的问题。Promise 是解决回调地狱的有效手段promise 和 then 的用法会经常碰到。Async / Await 是另一种更优雅的使用 promise 的方式更推荐使用。最后作为一位过来人也是希望大家少走一些弯路如果你不想再体验一次学习时找不到资料没人解答问题坚持几天便放弃的感受的话在这里我给大家分享一些软件测试的学习资源希望能给你前进的路上带来帮助。​视频文档获取方式这份文档和视频资料对于想从事【软件测试】的朋友来说应该是最全面最完整的备战仓库这个仓库也陪伴我走过了最艰难的路程希望也能帮助到你以上均可以分享点下方小卡片即可自行领取。