如何在laravel黄昏中检查nth-child

时间:2017-07-18 11:28:13

标签: laravel-5.4 laravel-dusk

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

我想点击类元素2.如何在laravel黄昏中获取nth-child class

2 个答案:

答案 0 :(得分:1)

有时使用Dusk选择某些元素可能会很棘手。它可以通过使用script方法作为一种解决方法来完成,而这在我的文档中没有出现。然后,您可以在其中执行任何JavaScript以选择您喜欢的任何元素。 jQuery让这很容易。

尝试使用:

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

答案 1 :(得分:0)

您可以随时通过浏览器的开发工具复制css选择器。在右键单击所需元素的位置,然后单击inspect元素,然后在显示开发人员工具窗口时,右键单击开发工具窗口中的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');}