github新出的action是什么? 用他做自动测试?

2019-08-14 admin

体验分享

本文一个尝鲜的体验分享, 并没有太复杂的技巧, 做了一个最少代码的例子展示, 让每个人都可以把action用起来, 如果路过的大牛有高级技巧请留言分享, 我会补充. 下面正文开始.

是什么?

是一个免费的操作系统容器(Linux/Windows/macOS), 我们可以让他预装开发环境(node/php/python…). 注: 后面的文章假设我们选了一台装有nodejs的linux服务器.

有什么用?

我们可以上传(git push)代码, 然后在他的nodejs中执行, 如果我们写的代码中有测试脚本, 那么他执行完毕后会给我们一个图标反馈到github的提交记录, 如下图: 如果代码执行出现错误, 会反馈一个红色的"x"图标.

怎么用?

进入action页面

现在任何仓库都多了一个action按钮, 如图:

选择需要的环境

第一次进入会让我们选择开发环境, 这里我选择了nodejs, 点击对应的"Set up this workflow"按钮, 如图:

告诉action你要干什么

点击后我们进入了编辑界面, 在这里我们要告诉"action"他要做什么, 如图: 如果仔细观察你会发现: 这个编辑界面对应的是一个文件, 我们根目录下多了一个".github/workflows/nodejs.yml", 我们对action的设置都会存储在这里, 下次修改我们直接编辑这个文件即可.

解释下配置文件

name: Node CI

on: [push]

jobs:
  build:

    runs-on: ubuntu-latest

    steps:
    - uses: actions/checkout@master
    - name: Use Node.js 10.x
      uses: actions/setup-node@v1
    - name: test
      run: |
        npm i
        npm run test:rules

name

显示标题, 运行时显示, 没太大意义.

on

看到on就想到事件触发, 是的他可以注册对git动作的监视, 比如监视仓库的push/pull_request等动作, 想了解更多动作解释看文档

比如设置监视多个动作:

on: [push, pull_request]

还可以针对分支来监控

on:
  push:
    branches:
    - develop

jobs

这个是核心功能了, 在这里我们要告诉action做什么,

jobs.id

其下的 “build” 字段暂时可理解成id, 我们可以改成其他名字比如"test", 如果有多个可以让多个job并行, 但是id不能相同. 注: 文档中有个needs字段可设置依赖执行, 我还没实践他, 如果这篇看的人多, 我研究下然后在写第二篇补充下 😋)

jobs.id.run-on

表示运行的操作系统, ubuntu-latest代表最新版本的Ubuntu, 也可以指定版本号, 根据文档提示action支持如下系统:

  • ubuntu-latest, ubuntu-18.04, or ubuntu-16.04
  • windows-latest, windows-2019, or windows-2016
  • macOS-latest or macOS-10.14
jobs.id.steps

设置动作, 也就是action的核心功能.

jobs.id.steps.name

用来设置每步动作的显示标题, 运行时显示, 可以随意写.

jobs.id.steps.uses

可以执行一些action封装好的动作:

  1. uses: actions/checkout@master, 拉取代码.
  2. actions/setup-node@v1, 初始化node环境.
jobs.id.steps.run

执行命令

  1. 安装包: npm run test:rules
  2. 执行我们写好的测试命令 npm run test:rules

执行结果

在action中我们可以看到我们写的脚本被执行了, 如果执行没有报错那么就会提示我们"成功", 用"绿色"表示.

查看真实项目

总结

好了就写这么多吧, 也是初用, 写的时候也是战战兢兢, 怕发布的时候被大牛喷, 不过真的很喜欢action, 还是想写个文章推广下, 抛砖引玉. 谢谢大家的阅读.

[转载]原文链接:https://segmentfault.com/a/1190000020068723

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-72466.html

文章标题:github新出的action是什么? 用他做自动测试?

相关文章
一些前端学习中好的书籍,整理
一、Javascript方面的书籍: 1 JavaScript权威指南(第6版):号称javascript圣经,前端必备;前端程序员学习核心JavaScript语言和由Web浏览器定义的JavaScript API的指南和综合参考手册; 2...
2015-11-12
js性能优化 如何更快速加载你的JavaScript页面
确保代码尽量简洁 不要什么都依赖JavaScript。不要编写重复性的脚本。要把JavaScript当作糖果工具,只是起到美化作用。别给你的网站添加大量的JavaScript代码。只有必要的时候用一下。只有确实能改善用户体验的时候用一下。 ...
2015-11-12
10个强大的纯CSS3动画案例分享
我们的网页外观主要由CSS控制,编写CSS代码可以任意改变我们的网页布局以及网页内容的样式。CSS3的出现,更是可以让网页增添了不少动画元素,让我们的网页变得更加生动有趣,并且更易于交互。本文分享了10个非常炫酷的CSS3动画案例,希望大家...
2015-11-16
v-charts | 饿了么团队开源的基于 Vue 和 ECharts 的图表工具
在使用echarts生成图表时,经常需要做繁琐的数据类型转化、修改复杂的配置项,v-charts的出现正是为了解决这个 痛点。基于Vue2.0和echarts封装的v-charts图表组件,只需要统一提供一种对前后端都友好的数据格式 设置简...
2018-05-24
Angular2-primeNG文件上传模块FileUpload使用详解
近期在学习使用Angular2做小项目,期间用到很多primeNG的模块。 本系列将结合实战总结angular2-primeNG各个模块的使用经验。 文件上传模块FileUploadModule 首先要在使用该组件的模块内导入文件上传模块 ...
2017-03-09
YouTube正式默认使用HTML5视频播放器
YouTube视频网站现在默认使用HTML5播放器,这意味着更好的性能、 稳定性、 电池寿命和甚至是更好的安全性。现在用户通过Chrome、IE 11、Safari 8和Beta版本的Firefox进行浏览的时候都默认使用HTML5视频播放...
2015-11-12
JavaScript常用特效chm下载
下载地址:JavaScript常用特效chm下载 对了,如果打开空白,在手册上右键属性解除锁定即可。 ...
2015-11-12
从2014年的发展来展望JS的未来将会如何
<font face="寰�杞�闆呴粦, Arial, sans-serif ">2014骞达紝杞�浠惰�屼笟鍙戝睍杩呴€燂紝鍚勭�嶈��瑷€灞傚嚭涓嶇┓锛屼互婊¤冻鐢ㄦ埛涓嶆柇鍙樺寲鐨勯渶姹傘€傝繖浜涜��...
2015-11-12
12个你未必知道的CSS小知识
虽然CSS并不是一种很复杂的技术,但就算你是一个使用CSS多年的高手,仍然会有很多CSS用法/属性/属性值你从来没使用过,甚至从来没听说过。 1.CSS的color属性并非只能用于文本显示 对于CSS的color属性,相信所有Web开发人员...
2015-11-12
JS中的语音合成——Speech Synthesis API
JS中的语音合成——Speech Synthesis API 简介 HTML5中和Web Speech相关的API实际上有两类,一类是“语音识别(Speech Recognition)”,另外一个就是“语音合成(Speech Synthes...
2018-05-17
回到顶部