前端自动化第2页

如何构建前端自动化测试套件？

聚沙成塔·每天进步一点点⭐专栏简介前端入门之旅：探索Web开发的奇妙世界欢迎来到前端入门之旅！感兴趣的可以订阅本专栏哦！这个专栏是为那些对Web开发感兴趣、刚刚踏入前端领域的朋友们量身打造的。无论你是完全的新手还是有一些基础的开发者，这里都将为你提供一个系统而又亲切的学习平台。在这个专栏中，我们将以问答形式每天更新，为大家呈现精选的前端知识点和常见问题解答。通过问答形式，我们希望能够更直接地回应读

几何心凉·2023-10-18 05:54

webpack 4.0使用指南

WebPack4.X使用指南一、简介：webpack是一个前端自动化打包工具，根据它的名字也很好理解，web-pack顾名思义就是前端打包工具；它的使用是基于Node和NPM的，所以在安装使用webpack

ITThreeDay·2023-10-15 17:22

使用Docker Compose、Nginx、SSH和Github Actions实现前端自动化部署测试机

开篇，我们先来看一下远古时代的构建部署流程。想必大家对这个都不陌生：开发将源码经过编译、压缩打包生成打包文件将打包生成的文件上传服务器显然这个流程不仅繁琐，而且效率也不高，开发每次发布都要耗费很长的时间在部署构建上面。后面为了解决这个问题，就出现了CI/CD。接下来我们来聊一下什么是CI/CD？CI/CD是ContinuousIntergration/ContinuousDeploy的简称，翻译过

落落落落克·2023-10-14 16:48

每个前端都要学的【前端自动化部署】，Devops，CI/CD

原文发布于：2023-09-2111:50作者：65岁退休Coder原文链接：https://juejin.cn/post/7102360505313918983DevOps当我们提到Jenkins，大家首先想到的概念就是CI/CD，在这之前我们应该再了解一个概念。DevOps，是Development和Operations的组合，是一种方法论，并不特指某种技术或者工具。DevOps是一种重视De

名字还没想好☜·2023-10-09 23:48

Linux配置免密登录

我们这里主要用于前端自动化部署到服务器使用公钥配置免密登录使用公钥配置免密登录时最常用的配置方式，过程如下：本机生成ssh公钥-->将本机公钥copy到服务器的~/.ssh/authorized_keys

Jack-LRF·2023-10-09 13:20

前端自动化测试入门教程

背景前端的自动化测试主要可以分为以下四种：单元测试（UnitTest）：对一个函数/组件进行测试，一般用于公共函数/公共组件的测试维护。常用框架有Jest、Jasmine、Mocha等；集成测试（IntegrationTest）：对多个模块作为一个整体进行测试，一般用于耦合度较高的函数/组件、经过二次封装的函数/组件、多个函数/组件组合而成的函数/组件等。常用的框架有ReactTestUtils、

前端阿彬·2023-10-08 00:27

前端组件库大合集-必备收藏

前端组件库搭建webapp常用的样式/组件等收集列表(移动优先)0.前端自动化(Workflow)前端构建工具Yeoman–asetoftoolsforautomatingdevelopmentworkflowgulp–Thestreamingbuildsystemgrunt–theJavaScriptTaskRunnerF.I.S

shidouyu·2023-10-08 00:23

HTML5前端教程：Gulp前端自动化工具

gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；它不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用它，我们不仅可以很愉快的编写代码，而且大大提高我们的工作效率。gulp是继grunt之后的后起之秀，主张代码优于配置，api简单方便，基于流进行操作，快捷方便。目前各大型网站都使用到了这个技术。gulp的特点第一，易用。Gulp相比Grun

千锋H5·2023-10-06 04:21

使用Cypress自动化框架进行Web/API测试

页面测试元素定位方法元素常用操作示例演示参数化测试使用PO模型命令运行测试用例生成测试报告API接口测试语法单接口接口关联接口参数化其它Cypress介绍Cypress是基于JavaScript语言的前端自动化测试工具

小白典·2023-09-30 15:11

前端自动化部署jenkins(三)：jenkins自动构建

Jenkins自动构建一、Linux安装npm1.下载源码安装包cd~wgethttps://nodejs.org/dist/v14.15.4/node-v14.15.4-linux-x64.tar.xz2.解压并放入指定目录tar-xfnode-v14.15.4-linux-x64.tar.xzmvnode-v14.15.4-linux-x64/usr/local/node3.建立软连接cd/u

平平无奇搬砖小哥·2023-09-28 21:45

前端自动化测试浅析

前言：测试简介前端常见的问题：修改某个模块功能时，其它模块也受影响，很难快速定位bug多人开发代码越来越难以维护不方便迭代，代码无法重构代码质量差增加自动化测试后：我们为核心功能编写测试后可以保障项目的可靠性强迫开发者编写更容易被测试的代码，提高代码质量编写的测试有文档的作用，方便维护测试方法可以分为三个大类黑盒测试、白盒测试、灰盒测试黑盒测试一般也被称为功能测试，更注重结果的展示，要求测试人员将

太空编程·2023-09-26 12:24

vue-cli2；vue配置开发,测试,生产环境api(打包方式)

vue配置开发，测试，生产环境api（打包方式）想实现通过不同的命令，打包调用不同环境的API，实现实现前端自动化部署。

有蝉·2023-09-26 02:40

node.js require 自动执行脚本并生成html,Node使用Selenium进行前端自动化操作的代码实现...

前言：最近项目中有类似的需求：需要对前端项目中某一个用户下的产品数据进行批量的处理。手动处理的流程大概是首先登录系统，获取到当前用户下的产品列表，点击产品列表的中产品项进入详情页，对该产品进行一系列的操作，然后保存退出。因为当前有20多万条数据，手动一条一条的处理不太现实，所以希望通过写脚本的方式来进行处理。需求分析其实这个需求还算比较简单，需要实现的点主要有三个，一是如何进行登录，获取登录信息，

管财牛·2023-09-24 19:29

低代码开发，推荐一款Web 端自动化神器：Automa

测试开发技术·2023-09-22 02:51

[Jenkins进阶]-前端CI/CD

什么是前端自动化前端自动化不是指自动生成代码，而是自动化构建项目。

·2023-09-18 15:34

一文带你学习前端 - 自动化测试

theme:devui-blue前端自动化测试1.自动化测试基本概念介绍前言一般我们实现功能，基本都是两部分写代码，调试/测试。写代码和测试的时间，基本都是55分。

推开世界的门·2023-09-10 23:32

前端自动化部署,Devops,CI/CD

DevOps提到Jenkins，想到的第一个概念就是CI/CD在这之前应该再了解一个概念。DevOpsDevelopment和Operations的组合，是一种方法论，并不特指某种技术或者工具。DevOps是一种重视Dev开发人员和Ops运维人员之间沟通、协作的流程。通过自动化的软件交付，使软件的构建，测试，发布更加的快捷、稳定、可靠。CICI的英文名称是ContinuousIntegration

zhang-zan·2023-09-05 09:01

Web前端自动化测试Cypress实践总结

本文主要首先主要介绍了什么是自动化测试，接着对常用的自动化测试框架进行了对比分析，最后，介绍了如果将自动化测试框架Cypress运用在项目中。一、自动化测试概述为了保障软件质量，并减少重复性的测试工作，自动化测试已经被广泛运用。在开始学习自动化测试之前，我们很有必要先搞清楚这几个问题，**什么是自动化测试？为什么要做自动化测试？哪些项目适合做自动化测试？**1、什么是自动化测试****自动化测试是

嚣张农民·2023-09-01 01:10

webpack快速入门

前言——webpack现在已成为前端自动化、模块化不可或缺的一款工具，我们可以把它看做是一种模块打包机，它来分析你的项目结构、找到JS模块以及一些浏览器不能直接运行的拓展语言（如SASS、LESS等），

ElvisYang1993·2023-08-29 12:55

【前端自动化部署】，Devops，CI/CD

DevOps提到Jenkins，想到的第一个概念就是CI/CD在这之前应该再了解一个概念。DevOpsDevelopment和Operations的组合，是一种方法论，并不特指某种技术或者工具。DevOps是一种重视Dev开发人员和Ops运维人员之间沟通、协作的流程。通过自动化的软件交付，使软件的构建，测试，发布更加的快捷、稳定、可靠。CICI的英文名称是ContinuousIntegration

嘴巴嘟嘟·2023-08-29 09:10

前端构建工具简介

CSS压缩、用Less去写CSS、用Jade去写HTML、用Browserify去模块化、为非覆盖式部署的资源加MD5戳等，这些操作如果我们一遍遍手动执行，非常耗费时间和精力，所以前端构建工具，或者较前端自动化构建工具

CodeMT·2023-08-27 07:54

如何高效使用Gherkin

在这个项目上，我们小组的目标是实施Flutter前端自动化测试。

Thoughtworks思特沃克中国·2023-08-23 17:11

基于gulp的前端自动化方案

前言最近几年前端技术发展日新月异，特别是单页应用的普及。组件化、工程化、自动化成了前端发展的趋势。webpack已经成为了前端打包构建的主流，但是一些老古董的项目还是存在的，也有优化的必要，正好公司的老项目需要优化，不多说拿gulp实践一下。本文需要安装node（自行安装），并了解过gulp入门。gulp脚本下载：https://github.com/youhunwl/gulp欢迎star。实践创

小申同学·2023-08-22 19:23

初识自动化发布，使用最简单的JS脚本实现前端自动化部署

前言在一些小公司中，发布还处于手工部署的阶段。对于曾经接触过自动化发布的笔者来说，这种“手动打包、手动上传”的效率实在太低。但奈何公司的技术还停留在SVN时代，无法像以前在大学时使用Gitlab成套的CI/CD工具。因此本文记录了用最原始的技术，借助JS脚本实现自动化部署的过程。一、原理本文假设生产环境是Linux或FreeBSD环境，使用Nginx加载静态文件来完成网站的部署。并且已经具备前置条

·2023-08-21 01:33

webpack与grunt/gulp的对比

所以grunt/gulp也被称为前端自动化任务管理工具来看一个gulp的task下面的task就是将src文件下所有的js文件转换成es5的语法并最终输出到dist文件夹中cons

coding随想·2023-08-20 12:02

QucikTester让web自动化测试一天完成搭建到使用

QuickTester是WEB的前端自动化测试工具支持IE、Chrome浏览器录制和回放、浏览器之间脚本互相兼容回放、脚本对象属性参数化、自动生成测试报告、多种对象查找方式、主动分析定位错误位置的原因诊断

随心_f292·2023-08-20 07:46

前端组件库

0.前端自动化(Workflow)前端构建工具Yeoman-asetoftoolsforautomatingdevelopmentworkflowgulp-Thestreamingbuildsystemgrunt-theJavaScriptTaskRunnerF.I.S

weixin_33782386·2023-08-18 18:10

前端自动化发布实战总结

前端自动化发布实战总结为什么要做今年4月份，开始自己的第二份工作，习惯了老东家如丝般的发布体验，一下子感觉来到了“原始社会”。首先这是一篇长文，主要介绍自己在做自动发布这个过程的一些思考。

王昌彬·2023-08-18 17:34

webpack 极简教程(前端自动化构建)

Webpack是什么模块打包器(modulebundler).能够将任何资源如JavaScript文件、CSS文件、图片等打包成一个或少数文件。Webpack是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。image.pngWebPack做的事情是:分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展

禅与计算机程序设计艺术·2023-08-13 02:38

jenkins 实现前端自动化构建(webpack)

1.安装jenkins:可以看一下docker内安装jenkins的记录https://www.jianshu.com/p/a39904ffbdf72.创建项目配置webhooks也可以看一下上一个项目3.目标机器上配置好git和密钥信息1.linux服务器上生成公钥和私钥2.粘贴公钥的账户设置内或者项目公钥中.3.利用sshclone项目.安装好相关依赖.()4.jenkins配置publich

笛声hk·2023-08-12 08:48

Puppeteer

详解Puppeteer前端自动化测试实践起因目前我们在持续开发着一个几十个页面，十万+行代码的项目，随着产品的更迭，总会出现这样的问题。

HHHHUA·2023-08-11 17:24

前端自动化测试

首先聊一下概念，Web前端自动化测试是一种通过编写代码来自动化执行Web应用程序的测试任务的方法，它通常使用JavaScript和测试框架(如Selenium、Appium等)来实现。

系统免驱动·2023-08-07 11:15

前端自动化构建工具 Webpack

WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。image.png为什要使用WebPack：今的很多网页其实可以看做是功能丰富的应用，它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度，前端社区涌现出了很多好

aatter·2023-08-02 23:00

前端自动化测试：确保质量和稳定性的关键步骤

IntegrationTesting）4.端到端测试（End-to-EndTesting）单元测试、集成测试和端到端测试工具测试驱动开发和行为驱动开发测试驱动开发（TDD）行为驱动开发（BDD）测试金字塔与前端测试层级前端自动化测试是指使用自动化测试工具和框架来对前端

阿珊和她的猫·2023-08-02 15:41

前端构建工具&&前端模块化工具&&前端架构工具&&前端类库

前端自动化构建工具webpack是一个打包模块化的ｊｓ的工具，在webpack里一切文件都是模块，通过loader转换文件，通过Plugin注入钩子，最后输出由多个模块组成的文件．详见官网，最近特别流行

gaoxuerong·2023-07-30 18:24

基于 Docker + Nginx + Gitlab-runner 实现前端自动化部署流程

本篇会用到Docker，Gitlab-runner等相关工具，如果对其不是特别了解，可以参考下相关文档：GitLabRunnerDocker快速入门CI/CD：持续集成/持续部署在早期部署前端项目时，我们通常会通过ftp把前端代码直接传输到指定的物理机上，或者通过ssh登陆到指定的物理机上，然后拉取指定仓库的前端代码在本地经行打包构建，构建完成之后在通过ssh将打包之后的文件上传到ngnix指定的

Avicli·2023-07-24 16:19

前端常用库- 前端常用的js库有哪些

0.前端自动化前端构建工具gulp–Thestreamingbuildsystemgrunt–theJavaScriptTaskRunner前端模块管理器Bower–ApackagemanagerforthewebBrowserifyComponentDuoRequireJSSea.jscss

北京前端开发XM·2023-07-24 02:22

前端测试框架Jest入门总结

前端自动化测试工具普及情况不是很好。测试分为单元测试，集成测试和端到端测试。单元测试主要是对一个独立的功能单元进行的测试，通过一个小例子来了解前端自动化测试的背景。

原地敲码·2023-07-22 16:14

前端自动化构建工具gulp入门

学过java的都知道马士兵老师，他有一句口头禅“穿二手鞋不如穿一手鞋”，一手鞋指的就是官方文档。官方文档看不懂，没关系，先看这里，看完这里再去看官方。官档gulp.js中文网理解gulp的特点任务化：gulp通过创建和配置一个个任务（task），来启动任务去构建前端项目基于流：gulp有自己的内存，在任务启动时，gulp首先读取（输入流）文件到gulp内存，在gulp内存中进行操作（合并、压缩等）

叶不归宿·2023-07-20 14:28

gulp，前端自动化构建

前端开发已经不再是静态网页开发，日新月异的前端技术已经让前端代码逻辑和交互越来越复杂，不易管理，模块化和预处理框架把项目分成若干小模块，前端优化等处理让前端构建更加困难，前端自动化构建工具的诞生让前端开发更为便捷

赖次Go·2023-07-19 17:58

Gitlab-ci:从零开始的前端自动化部署

前言本文为首发原创，同时转载至公众号“全栈前端精选“和“广发证券金融科技”中目录一.概念介绍1.1gitlab-ci&&自动化部署工具的运行机制1.2自动化部署给我们带来的好处二.知识预备2.1gitlab-ci涉及的抽象概念(Runner/PipeLine/Executor/Job)2.2YML文件的基本语法规则2.3.gitlab-ci.yml配置的特定关键字三.CI实战3.1编写一个gitl

barnett_y·2023-06-13 10:33

使用travis结合docker实现前端自动化部署

使用travis结合docker实现前端自动化部署2020年接近尾声，才刚开始摸索自动化部署，希望一切都来得及刀跟火种和工业革命的碰撞农耕时代我们怎么部署项目？

你看到我的小熊了吗·2023-06-13 09:19

Jenkins+GitLab+Docker搭建前端自动化构建镜像容器部署(无本地证书，映射证书)

前言需提前安装环境及知识点：1、Docker搭建及基础操作2、DockerFile文件描述3、Jenkins搭建及基础点目的：将我们的前端项目打包成一个镜像容器并自动发布部署，可供随时pull访问一、手动部署镜像及容器1、在当前项目的根目录创建Dockerfile文件并写入如下代码：#第一阶段：构建前端产出物FROMnode:14.19.0ASbuilderWORKDIR/visualizatio

前端阿皓·2023-06-12 12:49

Jenkins+GitLab+Docker搭建前端自动化构建镜像容器部署

前言需提前安装环境及知识点：1、Docker搭建及基础操作2、DockerFile文件描述3、Jenkins搭建及基础点目的：将我们的前端项目打包成一个镜像容器并自动发布部署，可供随时pull访问一、手动部署镜像及容器1、在当前项目的根目录创建Dockerfile文件并写入如下代码：#第一阶段：构建前端产出物FROMnode:14.19.0ASbuilderWORKDIR/visualizatio

前端阿皓·2023-06-12 12:47

前端自动化测试框架Cypress入门

一：Cypress简介随便着Web应用项目的不断发展，测试也要不断发展，Cypress是为现代网络打造的，基于JavaScript语言的一种前端自动化测试工具，测试也是如此，对浏览器中运行的所有内容进行快速

测试工程师成长之路·2023-06-09 06:48

前端组件库 - 搭建web app常用的样式/组件等收集列表(移动优先)

0.前端自动化(Workflow)前端构建工具Webpack-modulebundlerYeoman-asetoftoolsforautomatingdevelopmentworkflowgulp-Thestreamingbuildsystemuse-gulpgrunt-theJavaScriptTaskRunnerF.I.S

anzhenji7632·2023-06-08 14:09

对于质量保障，前端职能该做些什么？

目录前言1.背景2.分析2.1前端自动化测试工具2.1.1针对工程代码的静态检查2.1.2针对部署产物的检查2.1.3性能测试2.1.4错误检测2.1.5容灾（白屏）检测2.2devOps流程关联2.2.1

chengbo_eva·2023-06-07 17:33

vue+webpack+nodejs前端自动化部署

这种方式就是完全由我们前端工程师来实现的啦，通过写nodejs实现服务器操作，结合webpack打包完成自动部署1、首先我们用nodejs来封装一个能操作远程服务器的工具库文件命名为：serverLib.js/***该文件封装了对远程服务器的操作*/constutil=require('util');constevents=require('events');const{Client}=requi

热心网友!·2023-04-20 23:40

Cypress

Cypress是基于js的前端自动化测试工具，引入cypress框架可以减少测试人员重复手工测试的工作量，也可以方便开发人员自测，便于系统的长期维护。

好好学习_天天向上·2023-04-20 14:05

漫谈前端自动化测试演进之路及测试工具分析

作者：京东零售杜兴文随着前端技术的不断发展和应用程序的日益复杂，前端自动化测试也在不断演进。

·2023-04-19 12:29

推荐频道

前端自动化