在 Ubuntu 下面安装 Visual Studio Code

sudo add-apt-repository ppa:ubuntu-desktop/ubuntu-make
<!-- more -->
sudo apt-get update
sudo apt-get install ubuntu-make
umake web visual-studio-code

亲测，好用。

在使用 Nightwatch 做自动化测试的时候，会遇到这样一种情况：
创建一个 query, 等待这个query的状态从 Wait 变成 Running 最后到 Available 时再执行操作。
Nightwatch 并没有提供这样的方法，可以通过下面的方式解决。

Read More

Nightwatch 元素常用验证方法

验证元素的值信息

Read More

测试用例

验证登录 cookies 和清除 access_token。测试用例设计如下

Read More

对于一个不善于言表的我工作中遇到过

• 过度理解在与同事之间的Email和Chat中的意思；
• 同事之间的沟通中出现的分歧事后还会继续琢磨；
• 十分关注自己的工作失与得在上级领导中的看法。

以下方式对我来说还比较有效的

Read More

Hexo 默认主题代码高亮是黑色的，如果想换个风格？具体操作如下：

# 修改 highlight.styl 文件，路径
themes/landscape/source/css/_partial/highlight.styl
<!-- more -->

修改默认代码主题 Tomorrow Night Eighties

highlight-background = #2d2d2d
highlight-current-line = #393939
highlight-selection = #515151
highlight-foreground = #cccccc
highlight-comment = #999999
highlight-red = #f2777a
highlight-orange = #f99157
highlight-yellow = #ffcc66
highlight-green = #99cc99
highlight-aqua = #66cccc
highlight-blue = #6699cc
highlight-purple = #cc99cc

为主题 Tomorrow

highlight-background = #ffffff
highlight-current-line = #efefef
highlight-selection = #d6d6d6
highlight-foreground = #4d4d4c
highlight-comment = #8e908c
highlight-red = #c82829
highlight-orange = #f5871f
highlight-yellow = #eab700
highlight-green = #718c00
highlight-aqua = #3e999f
highlight-blue = #4271ae
highlight-purple = #8959a8

更多详情请参考 tomorrow-theme 修改。

自动化测试中，有一个验证点，当测试通过时，后面的测试脚本继续执行；
当出现异常时，你希望标记出来这个错误，但不影响后面的测试脚本执行，在 Nightwatch 中如何做？

Read More

元素常用验证方法

验证元素的值信息

Read More

安装 hexo-generator-feed 插件

npm install hexo-generator-feed --save
<!-- more -->

如果国内 npm 安装不成功，可以先安装 cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

然后再

cnpm install hexo-generator-feed --save

在 _config.yml 中配置这个插件

feed:
  type: atom
  path: atom.xml
  limit: 20
  hub:
  content:
  content_limit: 140
  content_limit_delim: ' '

如果想在 Hexo 文章中插入图片怎么做？

网络上很容易搜到 Markdown 的语法是 ![Alt text](/path/to/img.jpg)
前面 Alt text 是指在图片下面命名，后面是图片的地址。那么如何配置？

Read More

在做 Nightwatch 自动化测试中，出现需要比较颜色的时候如何来做？
基本的思路是首先需要取到这个 element 的颜色值，然后跟预期的颜色进行对比。
比如我要取下面这个会话窗口的颜色，选中这个图标，按 F12，查看这个图标的属性。发现Angular中的颜色属性不是 Elements 下，是在 Styles 下面，如何取到这个颜色值？

Read More

如何在 JavaScript 通过接口自动生成和返回接口数据呢？

在自动化测试中常常遇到接口测试，或是使用的数据需要从接口返回，那么如何来实现这种情况？

Read More

在自动化测试中常常需要通过一个 command（或 function ）中返回的值来进行下一步的操作，JavaScript 与 JAVA 在调用返回值时有所不同，JS 中需要特定的写法来进行这种异步操作。

以下面的 get License 数量为例，首先需要 get 一次 License 数量，然后进行一些列操作之后，再一次 get License 数量，比较这两次 License 数量值。

Read More

在自动化测试中有这样一个场景，在一个输入框中输入一串字符，然后执行敲回车键，验证搜索结果，以 Google 搜索为例，代码如下：

'search nightwatch and click ENTER key': function(client) {
 client
    .url('http://google.com')
    .expect.element('body').to.be.present.before(1000);
 client.setValue('input[type=text]', ['nightwatch', client.Keys.ENTER])
    .pause(1000)
    .assert.containsText('#main', 'Night Watch');
}

Read More

Nightwatch中文参考手册

为何放弃 JAVA 改用 Nightwatch

• 项目初期用的是 Java + Selenium + TestNG 自动化框架，由于之前推行的力度不够，加上繁重的功能测试和频繁的项目变更导致自动化测试代码跟不上开发的进度，大量的测试代码无法正在运行。
• 我们的产品采用的 AngularJS 开发，前端开发人员对js对Java更精通，以后的自动化脚本开发也可以一起编写。
• Nightwatch 的环境配置和执行简单，只要 npm install、npm test 就可以运行起来，方便配置，运行和继续集成。

因此，与其维护不可用的代码不如好好整理，不如在项目领导和开发的强力支持下重新开始做一套可用的 E2E 测试。

Read More