小程序自动化测试Demo代码

 这里记录一下，学习过程

1.测试框架选择  Jest

描述：小程序自动化 SDK 本身不提供测试框架。这意味着你可以将它与市面上流行的任意 Node.js 测试框架结合使用，以此来达到编写小程序测试用例的目的。接下来将使用 Jest 测试框架来编写一个实际的小程序自动化测试。

2.初始化

新建文件夹 miniprogram-demo-test 放置测试代码，执行以下命令安装依赖：

npm i miniprogram-automator jest
npm i jest -g

在miniprogram-demo-test下创建 测试文件 index.spec.js

编辑代码如下：

const automator = require('miniprogram-automator')

describe('index', () => {
  let miniProgram
  let page
　//运行前调用
  beforeAll(async () => {
    miniProgram = await automator.launch({
　　　　//注意这里是绝对路径，要使用双\
      cliPath: 'D:\Program Files\Tencent\微信web开发者工具\cli.bat',
      projectPath: 'D:\testfile\miniprogram-demo-master',
    })
　　//此处是通过调用miniProgram提供的relaunch方法，创建了一个page的实例，
　　//page模块提供了小程序页面的方法，
　　//reLaunch会关闭是有的页面，打开到应用内指定的页面。
    page = await miniProgram.reLaunch('/page/component/index')
　　//此处调用page的waitFor方法，等待知道指定条件成立，方法的参数是number类型
　　//该参数会被当成超时时长，当经过指定时间后，结束等待，
　　//这块属于隐式等待，如果想进行显示等待的话，可以传入string或是function类型。
    await page.waitFor(3000)
  }, 30000)
  
　//每个it里面是测试内容

　/** 测试顶部描述
　　　　1.通过 .index-desc 选择器获取目标元素
　　　　2.目标元素应该是个view组件
　　　　3. 目标元素应该包含有“以下将展示小程序官方组件能力”的文本
  */
  it('desc', async () => {
    const desc = await page.$('.index-desc')
    expect(desc.tagName).toBe('view')
    expect(await desc.text()).toContain('以下将展示小程序官方组件能力')
  })

　/** 测试列表项
　　　　1.获取列表元素集合
　　　　2.目标元素集的个数应该是9个
　　　　3.第一个列表元素的标题应该是“视图容器”
　　*/
  it('list', async () => {
    const lists = await page.$$('.kind-list-item')
    expect(lists.length).toBe(9)
    const list = await lists[0].$('.kind-list-item-hd')
    expect(await list.text()).toBe('视图容器')
  })

　　/** 测试列表项行为
　　　　1.点击列表标题应该展示或隐藏子列表
　　　　2.点击字列表想应该会跳转到指定页面
　　*/
  it('list action', async () => {
    const listHead = await page.$('.kind-list-item-hd')
    expect(await listHead.attribute('class')).toBe('kind-list-item-hd')
    await listHead.tap()
    await page.waitFor(200)
    expect(await listHead.attribute('class')).toBe(
      'kind-list-item-hd kind-list-item-hd-show',
    )
    await listHead.tap()
    await page.waitFor(200)
    expect(await listHead.attribute('class')).toBe('kind-list-item-hd')
    await listHead.tap()
    await page.waitFor(200)
    const item = await page.$('.index-bd navigator')
    await item.tap()
    await page.waitFor(500)
    expect((await miniProgram.currentPage()).path).toBe('page/component/pages/view/view')
  })
  afterAll(async () => {
    await miniProgram.close()
  })
})

　　然后执行命令：jest index.spec.js

　　执行结果：