Browser testing with Dusk in Laravel - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to start a Dusk browser test session.

Laravel

public function testHomePage() {
    $this->browse(function (Browser $browser) {
        $browser->[1]('/');
    });
}

Drag options to blanks, or click blank then click option'

Aclick

BassertSee

Cvisit

Dtype

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'click' instead of 'visit' to open a page.

Trying to assert text before visiting a page.

The visit method opens the given URL in the browser session.

2fill in blank

medium

Complete the code to check if the page contains the text 'Welcome'.

Laravel

$browser->[1]('Welcome');

Drag options to blanks, or click blank then click option'

Aclick

Btype

Cvisit

DassertSee

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'click' instead of 'assertSee' to check text.

Using 'type' which is for input fields.

The assertSee method checks if the given text is visible on the page.

3fill in blank

hard

Fix the error in the code to click a button with the selector '#submit'.

Laravel

$browser->[1]('#submit');

Drag options to blanks, or click blank then click option'

Avisit

Bclick

CassertSee

Dtype

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'visit' which navigates to a URL instead of clicking.

Using 'type' which inputs text instead of clicking.

The click method simulates clicking an element matching the selector.

4fill in blank

hard

Fill both blanks to type '[e-mail]' into an input with name 'email' and then submit the form.

Laravel

$browser->[1]('input[name="email"]', '[e-mail]')
        ->[2]('button[type="submit"]');

Drag options to blanks, or click blank then click option'

Atype

Bsubmit

Cclick

Dvisit

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'submit' instead of 'click' on the submit button.

Using 'visit' instead of 'click' to submit.

First, type inputs text into the field named 'email'. Then, click submits the form by clicking the submit button.

5fill in blank

hard

Fill all three blanks to assert the current path is '/dashboard', then wait for an element with id 'profile', and finally assert the element contains the text 'User'.

Laravel

$browser->[1]('/dashboard')
        ->[2]('#profile')
        ->[3]('#profile', 'User');

Drag options to blanks, or click blank then click option'

AassertPathIs

BwaitFor

CassertSeeIn

Dvisit

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'visit' instead of 'assertPathIs' to check URL.

Using 'assertSee' instead of 'assertSeeIn' for element-specific text.

assertPathIs checks the current URL path, waitFor waits for the element to appear, and assertSeeIn checks text inside a specific element.