mirror of
				https://github.com/microsoft/playwright.git
				synced 2025-06-26 21:40:17 +00:00 
			
		
		
		
	When configuring a proxy, Chromium requires a magic tokens to get some local network requests to go through the proxy. This has tripped up a few users, so we make the behavior default to the expected: proxy everything including the local requests. This matches the other vendors as well. NB: This can be disabled via `PLAYWRIGHT_DISABLE_FORCED_CHROMIUM_PROXIED_LOOPBACK=1` Supercedes: #8345 Fixes: #10631
		
			
				
	
	
		
			378 lines
		
	
	
		
			14 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			378 lines
		
	
	
		
			14 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
/**
 | 
						|
 * Copyright (c) Microsoft Corporation.
 | 
						|
 *
 | 
						|
 * Licensed under the Apache License, Version 2.0 (the "License");
 | 
						|
 * you may not use this file except in compliance with the License.
 | 
						|
 * You may obtain a copy of the License at
 | 
						|
 *
 | 
						|
 * http://www.apache.org/licenses/LICENSE-2.0
 | 
						|
 *
 | 
						|
 * Unless required by applicable law or agreed to in writing, software
 | 
						|
 * distributed under the License is distributed on an "AS IS" BASIS,
 | 
						|
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 | 
						|
 * See the License for the specific language governing permissions and
 | 
						|
 * limitations under the License.
 | 
						|
 */
 | 
						|
 | 
						|
import { browserTest as it, expect } from './config/browserTest';
 | 
						|
 | 
						|
it.use({
 | 
						|
  launchOptions: async ({ launchOptions }, use) => {
 | 
						|
    await use({
 | 
						|
      ...launchOptions,
 | 
						|
      proxy: { server: 'per-context' }
 | 
						|
    });
 | 
						|
  }
 | 
						|
});
 | 
						|
 | 
						|
 | 
						|
it.beforeEach(({ server }) => {
 | 
						|
  server.setRoute('/target.html', async (req, res) => {
 | 
						|
    res.end('<html><title>Served by the proxy</title></html>');
 | 
						|
  });
 | 
						|
});
 | 
						|
 | 
						|
it('should throw for missing global proxy on Chromium Windows', async ({ browserName, platform, browserType, server }) => {
 | 
						|
  it.skip(browserName !== 'chromium' || platform !== 'win32');
 | 
						|
 | 
						|
  let browser;
 | 
						|
  try {
 | 
						|
    browser = await browserType.launch({
 | 
						|
      proxy: undefined,
 | 
						|
    });
 | 
						|
    const error = await browser.newContext({ proxy: { server: `localhost:${server.PORT}` } }).catch(e => e);
 | 
						|
    expect(error.toString()).toContain('Browser needs to be launched with the global proxy');
 | 
						|
  } finally {
 | 
						|
    await browser.close();
 | 
						|
  }
 | 
						|
});
 | 
						|
 | 
						|
it('should work when passing the proxy only on the context level', async ({ browserName, platform, browserType, server, proxyServer }) => {
 | 
						|
  // Currently an upstream bug in the network stack of Chromium which leads that
 | 
						|
  // the wrong proxy gets used in the BrowserContext.
 | 
						|
  it.fixme(browserName === 'chromium' && platform === 'win32');
 | 
						|
 | 
						|
  proxyServer.forwardTo(server.PORT);
 | 
						|
  let browser;
 | 
						|
  try {
 | 
						|
    browser = await browserType.launch({
 | 
						|
      proxy: undefined,
 | 
						|
    });
 | 
						|
    const context = await browser.newContext({
 | 
						|
      proxy: { server: `localhost:${proxyServer.PORT}` }
 | 
						|
    });
 | 
						|
 | 
						|
    const page = await context.newPage();
 | 
						|
    await page.goto('http://non-existent.com/target.html');
 | 
						|
    expect(proxyServer.requestUrls).toContain('http://non-existent.com/target.html');
 | 
						|
    expect(await page.title()).toBe('Served by the proxy');
 | 
						|
  } finally {
 | 
						|
    await browser.close();
 | 
						|
  }
 | 
						|
});
 | 
						|
 | 
						|
it('should throw for bad server value', async ({ contextFactory }) => {
 | 
						|
  const error = await contextFactory({
 | 
						|
    // @ts-expect-error server must be a string
 | 
						|
    proxy: { server: 123 }
 | 
						|
  }).catch(e => e);
 | 
						|
  expect(error.message).toContain('proxy.server: expected string, got number');
 | 
						|
});
 | 
						|
 | 
						|
it('should use proxy', async ({ contextFactory, server, proxyServer }) => {
 | 
						|
  proxyServer.forwardTo(server.PORT);
 | 
						|
  const context = await contextFactory({
 | 
						|
    proxy: { server: `localhost:${proxyServer.PORT}` }
 | 
						|
  });
 | 
						|
  const page = await context.newPage();
 | 
						|
  await page.goto('http://non-existent.com/target.html');
 | 
						|
  expect(proxyServer.requestUrls).toContain('http://non-existent.com/target.html');
 | 
						|
  expect(await page.title()).toBe('Served by the proxy');
 | 
						|
  await context.close();
 | 
						|
});
 | 
						|
 | 
						|
it.describe('should proxy local network requests', () => {
 | 
						|
  for (const additionalBypass of [false, true]) {
 | 
						|
    it.describe(additionalBypass ? 'with other bypasses' : 'by default', () => {
 | 
						|
      for (const params of [
 | 
						|
        {
 | 
						|
          target: 'localhost',
 | 
						|
          description: 'localhost',
 | 
						|
        },
 | 
						|
        {
 | 
						|
          target: '127.0.0.1',
 | 
						|
          description: 'loopback address',
 | 
						|
        },
 | 
						|
        {
 | 
						|
          target: '169.254.3.4',
 | 
						|
          description: 'link-local'
 | 
						|
        }
 | 
						|
      ]) {
 | 
						|
        it(`${params.description}`, async ({ platform, browserName, contextFactory, server, proxyServer }) => {
 | 
						|
          it.fail(browserName === 'webkit' && platform === 'darwin' && additionalBypass && ['localhost', '127.0.0.1'].includes(params.target), 'WK fails to proxy 127.0.0.1 and localhost if additional bypasses are present');
 | 
						|
 | 
						|
          const path = `/target-${additionalBypass}-${params.target}.html`;
 | 
						|
          server.setRoute(path, async (req, res) => {
 | 
						|
            res.end('<html><title>Served by the proxy</title></html>');
 | 
						|
          });
 | 
						|
 | 
						|
          const url = `http://${params.target}:${server.PORT}${path}`;
 | 
						|
          proxyServer.forwardTo(server.PORT);
 | 
						|
          const context = await contextFactory({
 | 
						|
            proxy: { server: `localhost:${proxyServer.PORT}`, bypass: additionalBypass ? '1.non.existent.domain.for.the.test' : undefined }
 | 
						|
          });
 | 
						|
 | 
						|
          const page = await context.newPage();
 | 
						|
          await page.goto(url);
 | 
						|
          expect(proxyServer.requestUrls).toContain(url);
 | 
						|
          expect(await page.title()).toBe('Served by the proxy');
 | 
						|
 | 
						|
          await page.goto('http://1.non.existent.domain.for.the.test/foo.html').catch(() => {});
 | 
						|
          if (additionalBypass)
 | 
						|
            expect(proxyServer.requestUrls).not.toContain('http://1.non.existent.domain.for.the.test/foo.html');
 | 
						|
          else
 | 
						|
            expect(proxyServer.requestUrls).toContain('http://1.non.existent.domain.for.the.test/foo.html');
 | 
						|
 | 
						|
          await context.close();
 | 
						|
        });
 | 
						|
      }
 | 
						|
    });
 | 
						|
  }
 | 
						|
});
 | 
						|
 | 
						|
 | 
						|
it('should use ipv6 proxy', async ({ contextFactory, server, proxyServer, browserName }) => {
 | 
						|
  it.fail(browserName === 'firefox', 'page.goto: NS_ERROR_UNKNOWN_HOST');
 | 
						|
  it.fail(!!process.env.INSIDE_DOCKER, 'docker does not support IPv6 by default');
 | 
						|
  proxyServer.forwardTo(server.PORT);
 | 
						|
  const context = await contextFactory({
 | 
						|
    proxy: { server: `[0:0:0:0:0:0:0:1]:${proxyServer.PORT}` }
 | 
						|
  });
 | 
						|
  const page = await context.newPage();
 | 
						|
  await page.goto('http://non-existent.com/target.html');
 | 
						|
  expect(proxyServer.requestUrls).toContain('http://non-existent.com/target.html');
 | 
						|
  expect(await page.title()).toBe('Served by the proxy');
 | 
						|
  await context.close();
 | 
						|
});
 | 
						|
 | 
						|
it('should use proxy twice', async ({ contextFactory, server, proxyServer }) => {
 | 
						|
  proxyServer.forwardTo(server.PORT);
 | 
						|
  const context = await contextFactory({
 | 
						|
    proxy: { server: `localhost:${proxyServer.PORT}` }
 | 
						|
  });
 | 
						|
  const page = await context.newPage();
 | 
						|
  await page.goto('http://non-existent.com/target.html');
 | 
						|
  expect(proxyServer.requestUrls).toContain('http://non-existent.com/target.html');
 | 
						|
  await page.goto('http://non-existent-2.com/target.html');
 | 
						|
  expect(proxyServer.requestUrls).toContain('http://non-existent-2.com/target.html');
 | 
						|
  expect(await page.title()).toBe('Served by the proxy');
 | 
						|
  await context.close();
 | 
						|
});
 | 
						|
 | 
						|
it('should use proxy for second page', async ({ contextFactory, server, proxyServer }) => {
 | 
						|
  proxyServer.forwardTo(server.PORT);
 | 
						|
  const context = await contextFactory({
 | 
						|
    proxy: { server: `localhost:${proxyServer.PORT}` }
 | 
						|
  });
 | 
						|
 | 
						|
  const page = await context.newPage();
 | 
						|
  await page.goto('http://non-existent.com/target.html');
 | 
						|
  expect(proxyServer.requestUrls).toContain('http://non-existent.com/target.html');
 | 
						|
  expect(await page.title()).toBe('Served by the proxy');
 | 
						|
 | 
						|
  const page2 = await context.newPage();
 | 
						|
  proxyServer.requestUrls = [];
 | 
						|
  await page2.goto('http://non-existent.com/target.html');
 | 
						|
  expect(proxyServer.requestUrls).toContain('http://non-existent.com/target.html');
 | 
						|
  expect(await page2.title()).toBe('Served by the proxy');
 | 
						|
 | 
						|
  await context.close();
 | 
						|
});
 | 
						|
 | 
						|
it('should use proxy for https urls', async ({ contextFactory, server, httpsServer, proxyServer }) => {
 | 
						|
  httpsServer.setRoute('/target.html', async (req, res) => {
 | 
						|
    res.end('<html><title>Served by https server via proxy</title></html>');
 | 
						|
  });
 | 
						|
  proxyServer.forwardTo(httpsServer.PORT);
 | 
						|
  const context = await contextFactory({
 | 
						|
    ignoreHTTPSErrors: true,
 | 
						|
    proxy: { server: `localhost:${proxyServer.PORT}` }
 | 
						|
  });
 | 
						|
  const page = await context.newPage();
 | 
						|
  await page.goto('https://non-existent.com/target.html');
 | 
						|
  expect(proxyServer.connectHosts).toContain('non-existent.com:443');
 | 
						|
  expect(await page.title()).toBe('Served by https server via proxy');
 | 
						|
  await context.close();
 | 
						|
});
 | 
						|
 | 
						|
it('should work with IP:PORT notion', async ({ contextFactory, server, proxyServer }) => {
 | 
						|
  proxyServer.forwardTo(server.PORT);
 | 
						|
  const context = await contextFactory({
 | 
						|
    proxy: { server: `127.0.0.1:${proxyServer.PORT}` }
 | 
						|
  });
 | 
						|
  const page = await context.newPage();
 | 
						|
  await page.goto('http://non-existent.com/target.html');
 | 
						|
  expect(proxyServer.requestUrls).toContain('http://non-existent.com/target.html');
 | 
						|
  expect(await page.title()).toBe('Served by the proxy');
 | 
						|
  await context.close();
 | 
						|
});
 | 
						|
 | 
						|
it('should throw for socks5 authentication', async ({ contextFactory }) => {
 | 
						|
  const error = await contextFactory({
 | 
						|
    proxy: { server: `socks5://localhost:1234`, username: 'user', password: 'secret' }
 | 
						|
  }).catch(e => e);
 | 
						|
  expect(error.message).toContain('Browser does not support socks5 proxy authentication');
 | 
						|
});
 | 
						|
 | 
						|
it('should throw for socks4 authentication', async ({ contextFactory }) => {
 | 
						|
  const error = await contextFactory({
 | 
						|
    proxy: { server: `socks4://localhost:1234`, username: 'user', password: 'secret' }
 | 
						|
  }).catch(e => e);
 | 
						|
  expect(error.message).toContain('Socks4 proxy protocol does not support authentication');
 | 
						|
});
 | 
						|
 | 
						|
it('should authenticate', async ({ contextFactory, server, proxyServer }) => {
 | 
						|
  proxyServer.forwardTo(server.PORT);
 | 
						|
  let auth;
 | 
						|
  proxyServer.setAuthHandler(req => {
 | 
						|
    auth = req.headers['proxy-authorization'];
 | 
						|
    return !!auth;
 | 
						|
  });
 | 
						|
  const context = await contextFactory({
 | 
						|
    proxy: { server: `localhost:${proxyServer.PORT}`, username: 'user', password: 'secret' }
 | 
						|
  });
 | 
						|
  const page = await context.newPage();
 | 
						|
  await page.goto('http://non-existent.com/target.html');
 | 
						|
  expect(proxyServer.requestUrls).toContain('http://non-existent.com/target.html');
 | 
						|
  expect(auth).toBe('Basic ' + Buffer.from('user:secret').toString('base64'));
 | 
						|
  expect(await page.title()).toBe('Served by the proxy');
 | 
						|
  await context.close();
 | 
						|
});
 | 
						|
 | 
						|
it('should authenticate with empty password', async ({ contextFactory, server, proxyServer }) => {
 | 
						|
  proxyServer.forwardTo(server.PORT);
 | 
						|
  let auth;
 | 
						|
  proxyServer.setAuthHandler(req => {
 | 
						|
    auth = req.headers['proxy-authorization'];
 | 
						|
    return !!auth;
 | 
						|
  });
 | 
						|
  const context = await contextFactory({
 | 
						|
    proxy: { server: `localhost:${proxyServer.PORT}`, username: 'user', password: '' }
 | 
						|
  });
 | 
						|
  const page = await context.newPage();
 | 
						|
  await page.goto('http://non-existent.com/target.html');
 | 
						|
  expect(auth).toBe('Basic ' + Buffer.from('user:').toString('base64'));
 | 
						|
  expect(await page.title()).toBe('Served by the proxy');
 | 
						|
  await context.close();
 | 
						|
});
 | 
						|
 | 
						|
it('should isolate proxy credentials between contexts', async ({ contextFactory, server, browserName, proxyServer }) => {
 | 
						|
  it.fixme(browserName === 'firefox', 'Credentials from the first context stick around');
 | 
						|
 | 
						|
  proxyServer.forwardTo(server.PORT);
 | 
						|
  let auth;
 | 
						|
  proxyServer.setAuthHandler(req => {
 | 
						|
    auth = req.headers['proxy-authorization'];
 | 
						|
    return !!auth;
 | 
						|
  });
 | 
						|
  {
 | 
						|
    const context = await contextFactory({
 | 
						|
      proxy: { server: `localhost:${proxyServer.PORT}`, username: 'user1', password: 'secret1' }
 | 
						|
    });
 | 
						|
    const page = await context.newPage();
 | 
						|
    await page.goto('http://non-existent.com/target.html');
 | 
						|
    expect(auth).toBe('Basic ' + Buffer.from('user1:secret1').toString('base64'));
 | 
						|
    expect(await page.title()).toBe('Served by the proxy');
 | 
						|
    await context.close();
 | 
						|
  }
 | 
						|
  auth = undefined;
 | 
						|
  {
 | 
						|
    const context = await contextFactory({
 | 
						|
      proxy: { server: `localhost:${proxyServer.PORT}`, username: 'user2', password: 'secret2' }
 | 
						|
    });
 | 
						|
    const page = await context.newPage();
 | 
						|
    await page.goto('http://non-existent.com/target.html');
 | 
						|
    expect(await page.title()).toBe('Served by the proxy');
 | 
						|
    expect(auth).toBe('Basic ' + Buffer.from('user2:secret2').toString('base64'));
 | 
						|
    await context.close();
 | 
						|
  }
 | 
						|
});
 | 
						|
 | 
						|
it('should exclude patterns', async ({ contextFactory, server, browserName, headless, proxyServer }) => {
 | 
						|
  it.fixme(browserName === 'chromium' && !headless, 'Chromium headed crashes with CHECK(!in_frame_tree_) in RenderFrameImpl::OnDeleteFrame.');
 | 
						|
 | 
						|
  proxyServer.forwardTo(server.PORT);
 | 
						|
  // FYI: using long and weird domain names to avoid ATT DNS hijacking
 | 
						|
  // that resolves everything to some weird search results page.
 | 
						|
  //
 | 
						|
  // @see https://gist.github.com/CollinChaffin/24f6c9652efb3d6d5ef2f5502720ef00
 | 
						|
  const context = await contextFactory({
 | 
						|
    proxy: { server: `localhost:${proxyServer.PORT}`, bypass: '1.non.existent.domain.for.the.test, 2.non.existent.domain.for.the.test, .another.test' }
 | 
						|
  });
 | 
						|
 | 
						|
  const page = await context.newPage();
 | 
						|
  await page.goto('http://0.non.existent.domain.for.the.test/target.html');
 | 
						|
  expect(proxyServer.requestUrls).toContain('http://0.non.existent.domain.for.the.test/target.html');
 | 
						|
  expect(await page.title()).toBe('Served by the proxy');
 | 
						|
  proxyServer.requestUrls = [];
 | 
						|
 | 
						|
  {
 | 
						|
    const error = await page.goto('http://1.non.existent.domain.for.the.test/target.html').catch(e => e);
 | 
						|
    expect(proxyServer.requestUrls).toEqual([]);
 | 
						|
    expect(error.message).toBeTruthy();
 | 
						|
  }
 | 
						|
 | 
						|
  {
 | 
						|
    const error = await page.goto('http://2.non.existent.domain.for.the.test/target.html').catch(e => e);
 | 
						|
    expect(proxyServer.requestUrls).toEqual([]);
 | 
						|
    expect(error.message).toBeTruthy();
 | 
						|
  }
 | 
						|
 | 
						|
  {
 | 
						|
    const error = await page.goto('http://foo.is.the.another.test/target.html').catch(e => e);
 | 
						|
    expect(proxyServer.requestUrls).toEqual([]);
 | 
						|
    expect(error.message).toBeTruthy();
 | 
						|
  }
 | 
						|
 | 
						|
  {
 | 
						|
    await page.goto('http://3.non.existent.domain.for.the.test/target.html');
 | 
						|
    expect(proxyServer.requestUrls).toContain('http://3.non.existent.domain.for.the.test/target.html');
 | 
						|
    expect(await page.title()).toBe('Served by the proxy');
 | 
						|
  }
 | 
						|
 | 
						|
  await context.close();
 | 
						|
});
 | 
						|
 | 
						|
it('should use socks proxy', async ({ contextFactory, socksPort }) => {
 | 
						|
  const context = await contextFactory({
 | 
						|
    proxy: { server: `socks5://localhost:${socksPort}` }
 | 
						|
  });
 | 
						|
  const page = await context.newPage();
 | 
						|
  await page.goto('http://non-existent.com');
 | 
						|
  expect(await page.title()).toBe('Served by the SOCKS proxy');
 | 
						|
  await context.close();
 | 
						|
});
 | 
						|
 | 
						|
it('should use socks proxy in second page', async ({ contextFactory, socksPort }) => {
 | 
						|
  const context = await contextFactory({
 | 
						|
    proxy: { server: `socks5://localhost:${socksPort}` }
 | 
						|
  });
 | 
						|
 | 
						|
  const page = await context.newPage();
 | 
						|
  await page.goto('http://non-existent.com');
 | 
						|
  expect(await page.title()).toBe('Served by the SOCKS proxy');
 | 
						|
 | 
						|
  const page2 = await context.newPage();
 | 
						|
  await page2.goto('http://non-existent.com');
 | 
						|
  expect(await page2.title()).toBe('Served by the SOCKS proxy');
 | 
						|
 | 
						|
  await context.close();
 | 
						|
});
 | 
						|
 | 
						|
it('does launch without a port', async ({ contextFactory }) => {
 | 
						|
  const context = await contextFactory({
 | 
						|
    proxy: { server: 'http://localhost' }
 | 
						|
  });
 | 
						|
  await context.close();
 | 
						|
});
 |