Laravel 黄昏与浏览器堆栈在多个设备和浏览器上运行测试

Question

我正在使用这个("browserstack/browserstack-local"："^1.1")包在BrowserStack上运行dusk测试。现在的要求是使用不同的浏览器在多个不同的设备上运行测试。目前，我正在遵循这种方法来运行测试。

private function browserStackCaps($local_identifier)
{
return [
'project' => config('app.name'),
'browserstack.local' => 'true',
'browser' => env('BROWSER'),
'device' => env('DEVICE'),
'acceptSslCert' => true,
'resolution' => '1920x1080'
];
}

这种方法的缺点是，每次我需要在不同的设备/浏览器上运行测试时，我都必须更改 .env 文件中的设备名称和浏览器名称。有什么方法可以在提供的数组上运行测试吗？包含设备和浏览器信息的数组。

Answer 1

我知道这很旧，但我在寻找解决方案时找到了这个页面。我最终自己构建了一个可能符合您的用例的产品。我遇到的最大障碍是$this->browse()在正常的 Dusk 测试中使用单个LaravelDuskBrowser实例，并且没有引入新功能。此实现将一个名为performTest的函数添加到 DuskTestCase.php 文件中。此函数循环遍历一组功能，并为每个测试实例化一个新的LaravelDuskBrowser实例。此函数的工作方式类似于 Laravel Dusk 中现有的browse函数。您可以通过向performTest传递一个接受单个参数的可调用对象来调用LaravelDuskBrowser

黄昏测试用例

<?php
namespace Tests;
use LaravelDuskTestCase as BaseTestCase;
use FacebookWebDriverRemoteRemoteWebDriver;
use FacebookWebDriverRemoteDesiredCapabilities;
abstract class DuskTestCase extends BaseTestCase
{
use CreatesApplication;
protected array $capabilities;
private const BROWSERS = [
'ios_14_iphone_xs_safari' => [
"os_version" => "14",
"device" => "iPhone XS",
"real_mobile" => "true",
"browserstack.local" => "true",
'acceptSslCerts' => 'true'                
],
'mac_osx_catalina_safari' => [
"os" => "OS X",
"os_version" => "Catalina",
"browser" => "Safari",
"browser_version" => "13.0",
"browserstack.local" => "true",
"browserstack.selenium_version" => "3.14.0",
"resolution" => "1920x1080",
'acceptSslCerts' => 'true',
]
];

/**
* Create the RemoteWebDriver instance.
*
* @return FacebookWebDriverRemoteRemoteWebDriver
*/
protected function driver()
{
$browserStackConnectionUrl = config('browserstack.connection_url');
return RemoteWebDriver::create(
$browserStackConnectionUrl, $this->capabilities
);
}
protected function performTest(Callable $test){
foreach(self::BROWSERS as $browserName => $capabilitySet){
try {
$this->capabilities = $capabilitySet;
$browser = $this->newBrowser($this->driver());
$test($browser);
$browser->quit();
fprintf(STDOUT, "e[0;32m√ {$browserName}rn");
}
catch(Exception $exception){
fprintf(STDOUT, "e[0;31mX {$browserName}rn");
throw $exception;
}
}
}

}

示例测试

<?php
namespace TestsBrowser;
use TestsDuskTestCase;
use LaravelDuskBrowser;
class ExampleTest extends DuskTestCase
{
public function testExample()
{
$this->performTest(function(Browser $browser){
$browser->visit('/')
->assertDontSee('Foobar');
});
}
}

配置/浏览器堆栈.php

<?php
return [
'connection_url' => env('BROWSERSTACK_CONNECTION_URL')
];

Answer 2

你可以在最后实现它。获取要使用 REST API 执行测试的浏览器和设备列表，并使用相同的浏览器和设备。

要使用的 REST API：

curl -u "用户名：密码"
https://api.browserstack.com/automate/browsers.json

在此处阅读更多相关信息： https://www.browserstack.com/docs/automate/api-reference/selenium/browser#get-browser-list