测试自动化测试-添加页面DOM元素唯一ID

前言需求：测试编写测试自动化脚本，需要定位页面元素。每个操作元素都需要添加一个唯一的标识ID，前端每次构建都不能导致同一个页面的同一个元素的ID发生变化。方便测试，快速编写自动化测试脚本。方案一：webpack-loader打包时，对渲染前的html进行处理，按照规则匹配操作元素，并添加唯一id。最终渲染出来的页面操作元素有一个唯一的id。webpack-loaderchainWebpack代码：chainWebpack:(config)=>{config.resolveLoader.alias.set('my-loader',path.resolve(__dirname,'build/preLoader-makeId.js'))config.module.rule('vue').test(/\.vue$/).use('my-loader').loader('my-loader').end();},preLoader-makeId.js文件：module.exports=function(contentStr,val){varfirst=contentStr.indexOf('