大前端测试的思考和在语雀的实践

2020-04-13 265浏览

  • 1.⼤前端测试的思考和在语雀的实践 达峰
  • 2.“ ⼀个热衷于测试的前端⼯程师 ”
  • 3.
  • 4.“ ⽬前在 ”
  • 5.“ 诞⽣于 2016 ”
  • 6.
  • 7.⼯具
  • 8.⼯具 知识协同
  • 9.知识协同
  • 10.“ 阿⾥⼈都在⽤ ” 知识协同
  • 11.“ 阿⾥⼈都在⽤ ” 知识协同 “ 正在打造新⼀代 office ”
  • 12.“ ⽬前还没有测试⼯程师 ”
  • 13.
  • 14.“ 语雀⽤到的技术 ”
  • 15.
  • 16.语雀
  • 17.应⽤技术 ⽮量图 编辑 语雀 ⽂本 编辑 表格 编辑
  • 18.✅ 接⼝层测试 应⽤技术 ⽮量图 编辑 语雀 ⽂本 编辑 表格 编辑
  • 19.✅ 接⼝层测试 ✅ 服务层测试 应⽤技术 ⽮量图 编辑 语雀 ⽂本 编辑 表格 编辑
  • 20.✅ 接⼝层测试 ✅ 服务层测试 应⽤技术 ✅ 前端模块测试 ⽮量图 编辑 语雀 ⽂本 编辑 表格 编辑
  • 21.✅ 接⼝层测试 ✅ 服务层测试 应⽤技术 ✅ 前端模块测试 ⽮量图 编辑 语雀 ✅ 集成测试 ⽂本 编辑 表格 编辑
  • 22.✅ 接⼝层测试 ✅ 服务层测试 应⽤技术 ✅ 前端模块测试 ⽮量图 编辑 语雀 ✅ 集成测试 ⽂本 编辑 表格 编辑 ✅ 前端组件测试
  • 23.编辑器测试
  • 24.编辑器测试
  • 25.渲染灵活 内核⾃主研发,原⽣与 React 混动架构 编辑器测试 交互复杂 ⼤量的富交互处理 可集成 编辑器可独⽴开发,与平台集成使⽤,需屏蔽依赖
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.⽹络问题
  • 36.⽹络问题 资源处理失败
  • 37.⽹络问题 资源处理失败 ⼤⼩超限情况
  • 38.⽹络问题 资源处理失败 资源处理失败情况 ⼤⼩超限情况
  • 39.⽹络问题 会员业务规则 资源处理失败 资源处理失败情况 ⼤⼩超限情况
  • 40.⽹络问题 会员业务规则 资源处理失败 资源处理失败情况 ⼤⼩超限情况
  • 41.⽹络问题 会员业务规则 资源处理失败 Macaca Datahub 解决 ⼤⼩超限情况 资源处理失败情况
  • 42.⽹络问题 会员业务规则 资源处理失败 Macaca Datahub 解决 ⼤⼩超限情况 资源处理失败情况
  • 43.⽹络问题 会员业务规则 资源处理失败 Macaca Datahub 解决 ⼤⼩超限情况 资源处理失败情况
  • 44.⽹络问题 会员业务规则 资源处理失败 Macaca Datahub 解决 ⼤⼩超限情况 资源处理失败情况
  • 45.⽹络问题 会员业务规则 资源处理失败 Macaca Datahub 解决 ⼤⼩超限情况 资源处理失败情况
  • 46.“ 解决问题并及时沉淀 ”
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.“ 移动端 H5 呢?”
  • 57.“ 移动端 H5 呢?” “ 通⽤⽅案解决通⽤问题 ”
  • 58.“ 移动端 H5 呢?” “ 通⽤⽅案解决通⽤问题 ”
  • 59.“ 通⽤⽅案解决通⽤问题 ”
  • 60.
  • 61.
  • 62.
  • 63.
  • 64.
  • 65.
  • 66.思考和总结
  • 67.
  • 68.全栈应⽤测试
  • 69.
  • 70.} P0 集成测试
  • 71.} P0 集成测试
  • 72.} P0 集成测试
  • 73.} P0 集成测试 } 接⼝测试
  • 74.} P0 集成测试 } 服务逻辑 } 接⼝测试
  • 75.} P0 集成测试 } 服务逻辑 } 前端业务模块 } 接⼝测试
  • 76.“ 遇到的困难 ”
  • 77.“ 遇到的困难 ”
  • 78.服务端覆盖率提升慢 “ 遇到的困难 ”
  • 79.服务端覆盖率提升慢 “ 遇到的困难 ” 前端测试上⼿成本⾼
  • 80.服务端覆盖率提升慢 “ 遇到的困难 ” 前端测试上⼿成本⾼ 集成测试执⾏效率低
  • 81.服务端覆盖率提升慢 认真对待,不要嫌麻烦 “ 遇到的困难 ” 前端测试上⼿成本⾼ 集成测试执⾏效率低
  • 82.服务端覆盖率提升慢 认真对待,不要嫌麻烦 ⼤项⽬、重构趁机补充缺失 “ 遇到的困难 ” 前端测试上⼿成本⾼ 集成测试执⾏效率低
  • 83.服务端覆盖率提升慢 认真对待,不要嫌麻烦 ⼤项⽬、重构趁机补充缺失 “ 遇到的困难 ” 前端测试上⼿成本⾼ 更简单的范式,让写上⼿变简单 集成测试执⾏效率低
  • 84.服务端覆盖率提升慢 认真对待,不要嫌麻烦 ⼤项⽬、重构趁机补充缺失 “ 遇到的困难 ” 前端测试上⼿成本⾼ 更简单的范式,让写上⼿变简单 集成测试执⾏效率低
  • 85.服务端覆盖率提升慢 认真对待,不要嫌麻烦 ⼤项⽬、重构趁机补充缺失 “ 遇到的困难 ” 前端测试上⼿成本⾼ 更简单的范式,让写上⼿变简单 集成测试执⾏效率低 前端编译针对性优化,按需编译
  • 86.服务端覆盖率提升慢 认真对待,不要嫌麻烦 ⼤项⽬、重构趁机补充缺失 “ 遇到的困难 ” 前端测试上⼿成本⾼ 更简单的范式,让写上⼿变简单 集成测试执⾏效率低 前端编译针对性优化,按需编译
  • 87.服务端覆盖率提升慢 认真对待,不要嫌麻烦 ⼤项⽬、重构趁机补充缺失 “ 遇到的困难 ” 前端测试上⼿成本⾼ 更简单的范式,让写上⼿变简单 集成测试执⾏效率低 前端编译针对性优化,按需编译
  • 88.服务端覆盖率提升慢 认真对待,不要嫌麻烦 ⼤项⽬、重构趁机补充缺失 “ 遇到的困难 ” 前端测试上⼿成本⾼ 更简单的范式,让写上⼿变简单 集成测试执⾏效率低 前端编译针对性优化,按需编译
  • 89.服务端覆盖率提升慢 认真对待,不要嫌麻烦 ⼤项⽬、重构趁机补充缺失 “ 遇到的困难 ” 前端测试上⼿成本⾼ 更简单的范式,让写上⼿变简单 集成测试执⾏效率低 前端编译针对性优化,按需编译
  • 90.服务端覆盖率提升慢 认真对待,不要嫌麻烦 ⼤项⽬、重构趁机补充缺失 “ 遇到的困难 ” 前端测试上⼿成本⾼ 更简单的范式,让写上⼿变简单 集成测试执⾏效率低 前端编译针对性优化,按需编译
  • 91.服务端覆盖率提升慢 认真对待,不要嫌麻烦 ⼤项⽬、重构趁机补充缺失 “ 遇到的困难 ” 前端测试上⼿成本⾼ 更简单的范式,让写上⼿变简单 集成测试执⾏效率低 前端编译针对性优化,按需编译
  • 92.服务端覆盖率提升慢 认真对待,不要嫌麻烦 ⼤项⽬、重构趁机补充缺失 “ 遇到的困难 ” 前端测试上⼿成本⾼ 更简单的范式,让写上⼿变简单 集成测试执⾏效率低 前端编译针对性优化,按需编译
  • 93.服务端覆盖率提升慢 认真对待,不要嫌麻烦 ⼤项⽬、重构趁机补充缺失 “ 遇到的困难 ” 前端测试上⼿成本⾼ 更简单的范式,让写上⼿变简单 集成测试执⾏效率低 前端编译针对性优化,按需编译
  • 94.服务端覆盖率提升慢 认真对待,不要嫌麻烦 ⼤项⽬、重构趁机补充缺失 “ 遇到的困难 ” 前端测试上⼿成本⾼ 更简单的范式,让写上⼿变简单 集成测试执⾏效率低 前端编译针对性优化,按需编译
  • 95.思考和总结
  • 96.
  • 97.创新和社区
  • 98.
  • 99.“ 最初的⼀些想法 ”
  • 100.
  • 101.“ Automation Anywhere ”
  • 102.“ Automation Anywhere ” “ 科技这么发达,就不能不写⽤例吗? ”
  • 103.“ Automation Anywhere ” “ 科技这么发达,就不能不写⽤例吗? ”
  • 104.“ Automation Anywhere ” “ 科技这么发达,就不能不写⽤例吗? ”
  • 105.“ Automation Anywhere ” “ 科技这么发达,就不能不写⽤例吗? ” “ 就不能⾃动运⾏吗? ”
  • 106.“ Automation Anywhere ” “ 科技这么发达,就不能不写⽤例吗? ” “ 就不能⾃动运⾏吗? ”
  • 107.“ Automation Anywhere ” “ 科技这么发达,就不能不写⽤例吗? ” “ 就不能⾃动运⾏吗? ”
  • 108.“ 能否兼备效率和可控性? ”
  • 109.
  • 110.
  • 111.driver.elementById(‘login-button’)
  • 112.driver.elementById(‘login-button’)
  • 113.driver.elementById(‘login-button’) driver.elementByImage( )
  • 114.driver.elementById(‘login-button’) driver.elementByImage( )
  • 115.driver.elementById(‘login-button’) driver.elementByImage( ) driver.elementByAny( ⻚⾯中间的登录按钮 )
  • 116.https://github.com/macacajs/macaca-ai
  • 117.https://github.com/macacajs/macaca-ai
  • 118.https://github.com/macacajs/macaca-ai
  • 119.https://github.com/macacajs/macaca-ai
  • 120.https://github.com/macacajs/macaca-ai
  • 121.https://github.com/macacajs/macaca-ai
  • 122.思考和总结
  • 123.
  • 124.回到初衷
  • 125.语雀 Q&A