Sublime编写Puppeteer自动化测试脚本_模拟用户操作与页面截图

admin 百科 11
Sublime Text 可作为高效编辑器编写 Puppeteer 脚本,需本地安装 Node.js(v16+)和 Puppeteer,配置 Node.js 构建系统后可快捷运行;关键在语法正确、环境就绪、时机与选择器匹配。

Sublime编写Puppeteer自动化测试脚本_模拟用户操作与页面截图-第1张图片-佛山资讯网

Sublime Text 本身不直接运行 Puppeteer,但它可以作为高效的代码编辑器来编写和管理 Puppeteer 自动化测试脚本。关键在于:写对语法、配好环境、用对 Node.js 执行方式,截图和模拟操作就能顺利跑起来。

确保 Node.js 和 Puppeteer 环境就绪

Sublime 不自带运行环境,必须本地装好 Node.js(建议 v16+),再通过终端安装 Puppeteer:

  • 在项目根目录执行:npm init -y && npm install puppeteer
  • 首次运行时 Puppeteer 会自动下载 Chromium,约 170MB,可加 --no-sandbox 参数适配某些系统
  • 检查 node_modules/puppeteer/.local-chromium/ 是否存在,确认浏览器已就位

在 Sublime 中编写标准 Puppeteer 脚本

新建 test.js,用 Sublime 编辑,内容示例(带注释):

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch({ headless: true });
  const page = await browser.newPage();

  // 模拟用户访问与操作
  await page.goto('https://example.com', { waitUntil: 'networkidle2' });
  await page.type('#search-input', 'hello world');
  await page.click('#search-btn');
  await page.waitForSelector('.result-item', { timeout: 5000 });

  // 截图保存到本地
  await page.screenshot({ path: 'search-result.png', fullPage: true });

  await browser.close();
})();

登录后复制

Sublime 支持 JavaScript 语法高亮和 Emmet 补全,装上 Nodejs 插件还能一键运行(需配置 build system)。

标签: linux nodejs javascript java sublime js node.js node go wind

发布评论 0条评论)

还木有评论哦,快来抢沙发吧~