Automa基础功能演示原创

Hello，大家好，我是fan，今天给大家分享一个网页端UI自动化的一个小工具，这个工具是Chrome浏览器的插件。它的主要定位和主要的使用场景啊，我都在那个啊。呃，公众号的文章中已经写了。呃，本视频是。它功能的一个基本演示，视频主要演示的就是它用力创建和执行效果的一个展示。嗯，首先呢，大家可以去谷歌的应用商店啊，Chrome应用商店去搜一下这个奥特马的名字啊，装上之后就会在啊目，它默认的是不展示的，我们可以在右侧自己装插件的一个地方把它给选上，它就展示在这个啊地址栏旁边了，然后我们可以点这个，然后进入主页，在它的主页，在首页呢分三个部分。

啊，第一个部分就是左侧的这些功能功能区啊，第二个部分是它的呃，展示了几个用例，应该是最近编辑的用例，然后下面这部分展示的是日志啊，这些内容都在文章里面写了啊，下面我就直接演示创建用例的过程啊，这是我这是我创建的一个，呃。自动打开B站热门视频网页的一个测试用例啊，这是它的核心工作区。然后给大家。看一下这个，这个是我创建好的，待会儿我会把这个过程重新再啊操作一遍啊看左侧，左侧这这些都是一些呃常用的，这是浏览器的操作，这个是那个呃网页元素的一个交互的一个操作，最后这还有一个判断的，呃我自己使用情况看来说，就是前面这两个是比较容易且稳定的，然后后面这个呃网页操作，它应该也是基于呃GS去找相对应的元素，然后再执行相关的操作，我们看随便看一个啊，这有个点击操作，看他也是这个描述，只是文字性的啊，写热门视频吧。

然后这个内容呢，嗯，这个插件呢，它就是无代码的，这个部分的内容呢，是直接可以复制来的，而且它本身这个插件呢，还有一个定位功能，这个可以帮助我们去直接复制它的select，然后回到这个首页，OK，然后我们从头开始啊，重新执行一个，我先把这个保存，先创建一个，我们就叫他范泰四二。

然后我们点击编辑啊，这个是它的开始的一个标志，然后我们点击编辑的话，也没有什么，就是后面这些跟我们其实用处不是特别大。我们有兴趣的话，大家可以去了解一下，它这个插件还提供一个定时执行的一个功能啊，这里就不展示了啊，我们首先应该是呃，打开一个网页，这直接是拖拽来的，这拖到哪里其实无所谓的，然后我们先去B站。啊，拿到这个地址，然后把这个点击上去，然后它执行的顺序呢，就是从开始，然后它有一个呃白色呃黑圈白心的一个点，然后这是黑圈黑点，这是顺序，这表示的是一个顺序啊这就是我们，呃意思就是从开始，然后我们要打开一个网页，然后我们点保存，然后点执行啊这就这就执行完了，这这其实已经打开了，然后呢，呃，我们一般嗯在我之前写测试用例的时候，就用用STEM去写测试用例的时候，我一般都喜欢加一个延迟。

因为它本身，嗯，还是。执行起来还是挺快的，然后我们用它现在用它这个定位功能，比如说我想去点击这个热门的话，我们看到这个图标其实是已经发生变化的，我可以给大家放大一下，大家看这个图标是已经有变化的，然后下面它会显示。这个图标我们点那个图标的select，然后我们就点直接点击复制就行，然后如果我们觉得点击的位置不太对的话，这还有一个呃，它的呃负元素和子元素如果没有的话，它就没有了，我们可以点很多，然后我们就是看一个选一个比较。

啊。合适的怎么叫不合适的呢？就像这种就是乱七八糟的，还这种还带呃这种乘积符号的，就是说不太合适的，我们就我们就选这个就行，然后一般来说的话，呃，这个还是需要一点点的经验的，然后我们就把它啊这个一直页都打开了，我们把它现在去需要点击一个元素，我们直接把它拖拽过来。嗯，这里我可以放大一下。诶，应该是可以放大的。这里面有一个编辑功能，编辑功能这里有就会有一个element select，然后我们就直接把它填上就行，这个就是热门视频，先简单选上，然后我们从这个地方然后转过来就OK了，然后我们编辑一个，你们可以执行一下。

啊，应该已经点到这个热门视频了啊，我们把这个关了开了好多啊，这个的话我们再加一个延迟啊，本来我以为这个是可以直接复制的，发现其实是不行的啊，需要手动的拖拽延迟之后我们去干嘛呢？啊，我们先把它打开，再做一点别的操作吧。啊，就比如说我们点第一个吧。嗯，然后我们还用这个插件，嗯，选这个，我们选完这个之后，其实可以看到用它这个。调整层级的应该选最后层级就可以，我们复制一下，嗯，理论上来说点这应该是可以的，我们可以手动的先试一下啊，这个按钮是是手了，鼠标已经变成这个手的按钮了，其实就是说明这个可以点的，我们再点击一个插件，其这个这里面直接复制第一条，这里复制出来的select可能就比较复杂了啊，但是大家看这也是用到一些层级结构的，但是对于嗯，就是没有做过啊，外部端的UI自动化的话，这个可能就只能看运气了，就是你你选上的并不一定能够完美的执行。

啊，看来看来没有完美自信啊，我们需要换一个select，这时候换一下点击它这个图标啊，它这个图标也是这种糟糕的格式，我们再看它的负列元素有没有简单一些的。

嗯，点了个大电脑。我看这个some。哦哦，这个卡list应该是可以，我觉得这个应该是可以的，试一下。啊，这个看起来还比较简单一些，简单的东西就稳定嘛。好，还是没成功啊，看来这个功能还是有一些。有一些限制，我看这个把这个标上。

可能是我我已经加了延迟了，还是点不上，那就算了，这个可能他这个小工具我看才开源没多久，还是挺不错的，而且我们再把它加上一个关闭的标签，直接把它勾过来就可以了，嗯，我们可以对这条线，它这条线目前还不支持拖拽，就是直接把其中一个线头直接拖拽到另外一个地方还不支持，所以我们就再加一个延迟，这让它关闭是直接开始就行。嗯，还没有关闭啊，我觉得他可能是在寻找这个元素的过程中一直在循环着了吧，嗯，我们现在把这个删掉。

把这个也删掉，然后把这个直接接到这个得得直接关闭就行，看来这个小工具还是有一些小问题的。我们可以到这儿，然后可能关的太多了。我们也可以直接从这里面直接点运行。嗯，他其实是把呃首页的那个标签给关掉了，然后会停留在这个页面上，这个小工具我也刚刚体验，然后感觉效果还是挺不错的，我们可以比如说你要登录一些那个网站去看一些呃地址的，像我是看一下B站的热门视频，这些其实还挺好用的，而且他使用起来就直接就点击这个就可以了。

好，这个是第一个是我编辑的B站的热门视频的。OK，演示到此结束，再见，拜拜。