Playwright无法设置地理位置，无法测试美国区域Cookie横幅不显示问题

核心问题分析 #

你的测试中地理位置未被网站正确识别，主要原因有两个：一是未授予浏览器位置权限，导致坐标设置不生效；二是多数网站优先通过IP判断地区，而非GPS坐标，Docker环境下默认IP可能并非美国地区，导致网站仍识别为当前位置。

具体修复方案 #

1. 授予位置权限并完善坐标配置

创建浏览器上下文时必须明确授予地理位置权限，否则浏览器会拒绝位置请求，同时添加精度参数更贴近真实设备：

test(`Cookie 2.0 E2E test for USA (No cookie consent banner)`, async ({}) => {
  const usaLocation: LocationInfo = getLocationsToTest().find(
    (location) => location.countryCode === 'US',
  )

  const browser = await chromium.launch()
  // 创建上下文时授予位置权限
  const context = await browser.newContext({
    permissions: ['geolocation'],
  })

  await context.setGeolocation({
    longitude: usaLocation.longitude,
    latitude: usaLocation.latitude,
    accuracy: 100, // 添加精度参数，提升真实性
  })

  const page = await context.newPage()
  await page.goto(`/`)

  await page.waitForLoadState('networkidle') // 等待页面完全加载
  const cookies = await context.cookies()

  const cookieScriptConsent = cookies.find(
    (cookie) => cookie.name === 'CookieScriptConsent',
  )

  expect(cookieScriptConsent).toBeUndefined()
})

2. 解决IP地区不匹配问题（关键）

如果网站通过IP判断地区，仅设置GPS坐标无效，需配置美国地区的代理服务器：

const context = await browser.newContext({
  permissions: ['geolocation'],
  proxy: {
    server: 'http://your-us-proxy-address:port', // 替换为可用的美国代理
    // 若代理需要认证，添加以下参数
    // username: 'proxy-username',
    // password: 'proxy-password',
  },
});

可添加代码验证IP地区是否生效：

await page.goto('https://ipinfo.io');
const ipCountry = await page.locator('div[data-testid="country"]').textContent();
console.log('IP所属地区:', ipCountry); // 确认输出为US

3. 验证浏览器地理位置是否真正生效

添加代码确认浏览器返回的位置是否符合预期：

const reportedLocation = await page.evaluate(() => {
  return new Promise((resolve) => {
    navigator.geolocation.getCurrentPosition(pos => {
      resolve({
        latitude: pos.coords.latitude,
        longitude: pos.coords.longitude
      });
    });
  });
});
console.log('浏览器返回的位置:', reportedLocation); // 确认坐标为美国地区

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