你不知道的Cypress系列（9） -- 代码“自动生成”术。

转眼之间，你不知道的Cypress系列已经到第9篇了。在Cypress中国群内、在公众号iTesting里，我每天都能看到大量关于Cypress的使用讨论和私下问询。这让我感到无比荣幸。[买了书的同学们，公众号回复你的微信，拉你到Cypress中国群]。

今天是你不知道的Cypress系列（9） – – 代码“自动生成”术。

本标题有哗众取宠之嫌，不过也侧面说明了测试行业内卷的程度。如果你有关注最新测试技术的习惯，你会发现，很多多年前就有的技术，最近几年又换了个皮卷土重来，比如，Codeless， BPA。本篇所介绍的代码 “自动生成”术，可以叫做Codeless，但既然已经在装X了，干脆叫代码”自动生成“术好了。

（一）解密“代码自动生成”

从来没有什么无中生有，如果有，一定是别人在你看不见的地方做了什么。”代码自动生成“也是如此。当前很多自动生成测试代码的技术，都被称为Codeless，都号称可以用不用写代码的方式写代码，这话说出来听的你一愣一愣的。那感觉就跟你问隔壁二狗子为什么不在工位上搬砖时，他回答：”我刚才在研究碳水化合物的高级组成形态与有机高分子材料密封的液态氢氧化氢的交互来着“。

怎么样，听不懂了吧？听不懂就对了，因为二狗子没说人话嘛。

代码自动生成也是如此。

Cypress在其新版本中Release了一项新功能”Cypress Studio”, 其作用可以让你通过页面点击，拖拽的方式生成测试代码，说人话就是他们提供了一个”录制回放“的功能。

下面一起来看下”Cypress Studio”如何使用。

（二）Cypress Studio配置

当前使用Cypress Studio需要事先在cyprese.json中进行配置：

1 2	//关注公众号iTesting，跟万人测试团一起成长 "experimentalStudio": true

配置好后，就可以使用了。

（三）Cypress Studio示例

直接上代码吧，假设我当前的代码如下：

describe('iTesting demo', () => {
    // 关注微信公众号iTesting，加入万人测试社群
    it('Cypress Studio', () => {
        cy.visit('https://www.baidu.com')
        cy.get('#kw').type('iTesting')
        cy.get('#su').click()
    })
})