Browser testing with Dusk in Laravel - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ component_behavior

intermediate

What does this Dusk test do?

Consider this Laravel Dusk test code snippet:

public function testUserLogin() {
    $this->browse(function (Browser $browser) {
        $browser->visit('/login')
                ->type('email', '[e-mail]')
                ->type('password', 'secret')
                ->press('Login')
                ->assertPathIs('/home');
    });
}

What is the main behavior this test checks?

Laravel

public function testUserLogin() {
    $this->browse(function (Browser $browser) {
        $browser->visit('/login')
                ->type('email', '[e-mail]')
                ->type('password', 'secret')
                ->press('Login')
                ->assertPathIs('/home');
    });
}

A It checks that a user can log in successfully and is redirected to the home page.

B It verifies that the login page loads without errors but does not submit the form.

C It tests that the login form shows validation errors when fields are empty.

D It confirms that the user is logged out and redirected to the login page.

💡 Hint

Look at the sequence of actions: visit, type, press, then assert the path.

The test visits the login page, fills in email and password, presses the login button, and then checks if the browser is redirected to '/home'. This confirms successful login and redirection.

📝 Syntax

intermediate

Identify the syntax error in this Dusk test code

Look at this Dusk test snippet:

$this->browse(function (Browser $browser) {
    $browser->visit('/dashboard')
            ->click('button#save')
            ->assertSee('Saved successfully')
});

What is the syntax error here?

Laravel

$this->browse(function (Browser $browser) {
    $browser->visit('/dashboard')
            ->click('button#save')
            ->assertSee('Saved successfully')
});

A The function keyword is missing before the closure.

B Missing semicolon after the last method call chain.

C Incorrect method name 'click' should be 'press'.

D The 'assertSee' method requires a second argument.

💡 Hint

Check the end of the method chain inside the closure.

In PHP, each statement must end with a semicolon. The method chain ends without a semicolon, causing a syntax error.

❓ state_output

advanced

What is the value of $count after this Dusk test runs?

Given this Dusk test code:

public function testAddItem() {
    $count = 0;
    $this->browse(function (Browser $browser) use (&$count) {
        $browser->visit('/items')
                ->click('@add-item')
                ->waitForText('Item added')
                ->assertSee('Item added');
        $count++;
    });
    return $count;
}

What is the value returned by testAddItem()?

Laravel

public function testAddItem() {
    $count = 0;
    $this->browse(function (Browser $browser) use (&$count) {
        $browser->visit('/items')
                ->click('@add-item')
                ->waitForText('Item added')
                ->assertSee('Item added');
        $count++;
    });
    return $count;
}

A null

B 0

C Throws an error because $count is not accessible

D 1

💡 Hint

Notice the use of 'use (&$count)' and where $count++ happens.

The variable $count is passed by reference into the closure. Inside the closure, $count is incremented by 1. After the closure runs, $count is 1 and returned.

🔧 Debug

advanced

Why does this Dusk test fail with a timeout error?

This Dusk test fails with a timeout:

$this->browse(function (Browser $browser) {
    $browser->visit('/profile')
            ->click('@save-button')
            ->waitForText('Profile updated', 2)
            ->assertSee('Profile updated');
});

What is the most likely reason for the timeout?

Laravel

$this->browse(function (Browser $browser) {
    $browser->visit('/profile')
            ->click('@save-button')
            ->waitForText('Profile updated', 2)
            ->assertSee('Profile updated');
});

A The text 'Profile updated' does not appear within 2 seconds after clicking save.

B The selector '@save-button' is invalid and causes the click to fail silently.

C The visit method is missing a trailing slash causing a 404 error.

D The assertSee method is called before the page finishes loading.

💡 Hint

Check the waitForText timeout duration and the expected text presence.

The waitForText method waits up to 2 seconds for the text 'Profile updated'. If the text appears after 2 seconds, the test times out and fails.

🧠 Conceptual

expert

Which option best describes the role of the Browser class in Laravel Dusk?

In Laravel Dusk, what is the primary purpose of the Browser class?

A It compiles and bundles JavaScript assets for the Laravel application.

B It handles server-side rendering of views before sending them to the browser.

C It provides methods to simulate user interactions with the browser like clicking, typing, and navigating pages.

D It manages database transactions during browser tests to rollback changes automatically.

💡 Hint

Think about what actions a user performs in a browser and how tests simulate them.

The Browser class in Dusk simulates real user actions like visiting URLs, clicking buttons, typing text, and checking page content.