如何在Nightmare.js中启用定位服务？用于测试场景

嘿，刚好之前为了测试地理位置相关的功能折腾过这个，给你分享两种靠谱的实现方式，完全能满足测试需求：

一、先搞定自动授权，避免弹窗干扰测试 #

默认情况下，浏览器会弹出定位授权请求，这在自动化测试里肯定会卡住流程。所以第一步要让Nightmare自动允许定位访问：

const Nightmare = require('nightmare');
// 初始化Nightmare时配置偏好，自动允许地理位置
const nightmare = Nightmare({
  show: true, // 测试时打开窗口方便观察
  preferences: {
    profile: {
      default_content_settings: {
        geolocation: 1 // 1=允许，2=禁止，0=询问（默认）
      }
    }
  }
});

二、模拟具体地理位置（两种方案可选） #

方案1：注入JS覆盖原生Geolocation API（适合前端页面测试） #

这种方式直接在页面里替换掉浏览器的原生定位方法，简单直接，适合测试前端代码对定位结果的处理：

nightmare
  .goto('https://你的测试页面地址.com')
  // 注入脚本模拟定位，传入你需要的经纬度
  .evaluate((targetLat, targetLng) => {
    // 覆盖getCurrentPosition方法
    navigator.geolocation.getCurrentPosition = function(success) {
      success({
        coords: {
          latitude: targetLat,
          longitude: targetLng,
          accuracy: 100 // 模拟定位精度，单位米
        }
      });
    };
    // 如果测试用到watchPosition，也一起覆盖
    navigator.geolocation.watchPosition = function(success) {
      success({
        coords: {
          latitude: targetLat,
          longitude: targetLng,
          accuracy: 100
        }
      });
      return 1; // 返回一个模拟的监听ID
    };
  }, 39.9042, 116.4074) // 这里传入北京的经纬度，按需修改
  // 触发需要定位的操作，比如点击获取位置按钮
  .click('#get-location-btn')
  // 验证定位结果是否符合预期
  .evaluate(() => document.getElementById('location-result').textContent)
  .then(result => console.log('测试结果:', result))
  .catch(err => console.error('测试出错:', err))
  .finally(() => nightmare.end());

方案2：用Electron底层API设置浏览器级定位（更贴近真实场景） #

如果需要让浏览器真正认为自己处于某个地理位置（比如测试依赖浏览器原生定位的后端逻辑），可以通过Nightmare访问Electron的webContents API：

const nightmare = Nightmare({ show: true });

// 页面加载完成后设置定位
nightmare.on('did-finish-load', () => {
  const webContents = nightmare.child.webContents;
  // 允许当前域名的定位权限
  webContents.setGeolocationPermission('https://你的测试页面地址.com', true);
  // 设置具体的经纬度和精度
  webContents.setGeolocationPosition(39.9042, 116.4074, 100);
});

// 后续执行你的测试流程
nightmare
  .goto('https://你的测试页面地址.com')
  .click('#get-location-btn')
  .evaluate(() => document.getElementById('location-result').textContent)
  .then(console.log)
  .catch(console.error)
  .finally(() => nightmare.end());

几个注意事项 #

• 确保测试页面是HTTPS协议（localhost除外），Chrome现在要求定位请求必须在安全环境下发起；
• 如果你用的是Nightmare 3.x+版本，依赖的Electron版本更稳定，API兼容性更好；
• 测试结束一定要调用nightmare.end()，避免内存泄漏。

内容的提问来源于stack exchange，提问作者Stas Coder