我们正在开发一个 Web 应用程序,我们正在使用 Testcafe 1.5 创建 UI 测试。我们正在测试的所有网站都是 HTTPS。我们的测试要么在本地运行,要么在 SauceLabs 上运行(用于多浏览器测试)。
我们已经使用浏览器设置成功测试了很长时间:
本地 Chrome 版本是 80。为此,我们使用以下代码:
const selfSignedSertificate = require("openssl-self-signed-certificate");
let hostrunner = "localhost"; # We change this to ip.address() if running on Sauce
const sslOptions = ssl
? {
key: selfSignedSertificate.key,
cert: selfSignedSertificate.cert
}
: null;
createTestCafe(hostrunner, 1337, 1338, sslOptions)
但是,如果我们尝试使用以下不同的浏览器,它会失败。 Chrome 异常 - “您的连接不是私有(private)的”和 NET:ERR_CERT_COMMON_NAME_INVALID。或 IE 异常“此站点不安全”和 DLG_FLAGS_INVALID_CA。
本地 IE 版本为 11.592.18362.0。
我尝试了以下代码来使用实际的 Web 服务器证书,但无济于事:
const fs = require('fs');
let hostrunner = "localhost"; # We change this to ip.address() if running on Sauce
const sslOptions = ssl
? {
key: fs.readFileSync('ws-key.pem'),
cert: fs.readFileSync('ws-cert.pem'),
allowHTTP1: true
}
: null;
createTestCafe(hostrunner, 1337, 1338, sslOptions)
当针对本地 IE 运行时,浏览器提示的证书由 localhost 颁发/颁发。在 Chrome80 上针对 SauceLabs 运行时,浏览器提示的证书由“Sauce Labs Tunnel Proxy”颁发/由“Sauce Labs Tunnel Proxy”颁发。
注意:我们也在使用 gherkin-testcafe 2.3.4
谁能指出我需要改变什么来解决这些问题?
最佳答案
基于TestCafe Test HTTPS and HTTP/2 Websites主题,您需要为每个浏览器显式设置一个标志,以便它们不会限制自签名证书的使用。
例如,在 Firefox 中,您可以切换 network.websocket.allowInsecureFromHTTPS
选项(Is there a equivalent of allow-insecure-localhost flag of Google Chrome in Firefox?)。对于 IE,如果可用,您可以指定类似的参数 (IE10 websocket allowInsecureFromHttps)。
至于 saucelab 测试,您可能希望在运行测试时传递相应的浏览器参数。但是,请注意, saucelabs 浏览器提供程序不支持将参数传递给浏览器别名 ( https://github.com/DevExpress/testcafe-browser-provider-saucelabs/issues/48 )。
关于ssl - TestCafe、HTTPS 和多浏览器测试,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60305193/