laravel-5.4 - 如何在 laravel 黄昏检查第 n 个孩子

Question

$this->browse(function (Browser $browser) {
    $browser->click('.md-button:nth-child(2)');
});

我想点击类元素 2. 如何进入nth-child classlaravel 黄昏。

Answer 1

有时使用 Dusk 选择某些元素可能会很棘手。可以通过使用该script方法作为解决方法来完成，据我所知，该方法没有出现在文档中。然后，您可以在其中执行任何 JavaScript 以选择您喜欢的任何元素。jQuery 让这一切变得简单。

尝试使用：

$browser->script('$(".md-button:nth-child(2)").click();');

Answer 2

您始终可以通过浏览器的开发工具复制 css 选择器来做到这一点。右键单击所需元素的位置，然后单击检查元素，然后当开发人员工具窗口出现时，在开发工具窗口中右键单击 HTML 元素，然后选择复制 > 复制选择器，然后粘贴到您的 IDE 中你正在编写测试。这是我作为示例成功运行的测试：

$this->browse(function (Browser $browser) {
            $browser->visit(new UniversityCoursesListingPage)
                ->assertVisible('.course-list-content')
                ->assertVisible('.form-control')
                ->select('.course-filter select', 'title|desc')
                ->assertSeeIn('div:nth-child(1) > article > a > h3', 'Whitepaper Training')
                ->clickLink('My Account');}