Laravel dusk でのテストでassertSeeメソッドとtypeメソッドが失敗する。

前提・実現したいこと

laravel dusk でのテスト実行時に、assertSee, typeなどのビューの内容を参照するテストが通らない。

発生している問題・エラーメッセージ

エラーメッセージ①
Did not see expected text [以下の情報を入力してください] within element [body].

エラーメッセージ②
Facebook\WebDriver\Exception\NoSuchElementException: no such element: Unable to locate element: {"method":"css selector","selector":"body email"}

該当のソースコード

PHP
1【テストコード】
2<?php
3
4namespace Tests\Browser;
5
6use App\Models\User;
7use Illuminate\Foundation\Testing\DatabaseMigrations;
8use Laravel\Dusk\Browser;
9use Tests\DuskTestCase;
10use Illuminate\Foundation\Testing\WithoutMiddleware;
11use App\Http\Middleware\BasicAuthMiddleware;
12
13class SignInTest extends DuskTestCase
14{
15    # use WithoutMiddleware;
16    use DatabaseMigrations;
17    /**
18     * A Dusk test example.
19     *
20     * @return void
21     */
22    public function testLogin()
23    {
24        $user = User::factory()->create();
25        $this->browse(function ($browser) use ($user) {
26            $browser->visit("/login")
27                    ->assertPathIs("/login")
28                    ->assertSee("以下の情報を入力してください")
29                    ->type('email', $user->email)
30                    ->type('password', $user->password)
31                    ->press("ログインする")
32                    ->assertPathIs("/home");
33        });
34    }
35}

PHP
1【該当のビュー】
2@extends('layouts.app')
3
4@section('content')
5<div class="container">
6    <div class="row justify-content-center">
7        <div class="col-md-8">
8            <div class="card">
9                <div class="card-header">以下の情報を入力してください</div>
10
11                <div class="card-body">
12                    <form method="POST" action="{{ route('login') }}">
13                        @csrf
14
15                        <div class="form-group row">
16                            <label for="email" class="col-md-4 col-form-label text-md-right">メールアドレス</label>
17
18                            <div class="col-md-6">
19                                <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus>
20
21                                @error('email')
22                                    <span class="invalid-feedback" role="alert">
23                                        <strong>{{ $message }}</strong>
24                                    </span>
25                                @enderror
26                            </div>
27                        </div>
28
29                        <div class="form-group row">
30                            <label for="password" class="col-md-4 col-form-label text-md-right">パスワード</label>
31
32                            <div class="col-md-6">
33                                <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="current-password">
34
35                                @error('password')
36                                    <span class="invalid-feedback" role="alert">
37                                        <strong>{{ $message }}</strong>
38                                    </span>
39                                @enderror
40                            </div>
41                        </div>
42
43                        <div class="form-group row">
44                            <div class="col-md-6 offset-md-4">
45                                <div class="form-check">
46                                    <input class="form-check-input" type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>
47
48                                    <label class="form-check-label" for="remember">
49                                        ログイン状態を維持する
50                                    </label>
51                                </div>
52                            </div>
53                        </div>
54
55                        <div class="form-group row row-cols-1 mb-0">
56                            <div class="col text-right">
57                                <button type="submit" class="btn btn-link">
58                                <i class="fas fa-directions fa-fw"></i>ログインする
59                                </button>
60                            </div>
61                            <div class="col text-right">
62                                @if (Route::has('password.request'))
63                                    <a class="btn btn-link text-secondary" href="{{ route('password.request') }}">パスワードをお忘れの場合はこちら</a>
64                                @endif
65                            </div>
66                        </div>
67                    </form>
68                </div>
69            </div>
70        </div>
71    </div>
72</div>
73@endsection
74

試したこと

・該当のビューには("/login")へのリクエストで遷移可能です。
assertPathIsで確認しているので、目的のページへの遷移は行えているものの、意図している文字列やinput要素が表示されていない、という結果です。

【エラーメッセージ①に関して】
念のためにassertSeeの部分を以下のように変更してテストを行いましたが、結果は同じでした。

PHP
1->assertSee("<div>以下の情報を入力してください</div>")

【エラーメッセージ②に関して】
・上記のコードをそのまま実行した際には、エラーメッセージ①が表示されます。
->assertSee("以下の情報を入力してください")の部分をコメントアウトした際には②のエラーが出ます。

・該当のinput要素にdusk属性を付与してもテストは通らないままでした。

PHP
1Facebook\WebDriver\Exception\NoSuchElementException: no such element: Unable to locate element: {"method":"css selector","selector":"body [dusk="email"]"}
2

【テストコードに記述されているコメントアウトの"use WithoutMiddleware"に関して】
この部分は、middlewareに設定しているBasic認証に関するものです。
Basic認証のポップアップが邪魔をしているのかと思い、念のためWithoutMiddlewareありでもテストを行いました。
ただ、コメントアウトの有無に関わらず結果は同じでした。

以下、Basic認証に関するソースコードです。

PHP
1【Middleware】
2<?php
3
4namespace App\Http\Middleware;
5
6use Closure;
7use Illuminate\Http\Request;
8
9class BasicAuthMiddleware
10{
11    /**
12     * Handle an incoming request.
13     *
14     * @param  \Illuminate\Http\Request  $request
15     * @param  \Closure  $next
16     * @return mixed
17     */
18    public function handle(Request $request, Closure $next)
19    {
20        $username = $request->getUser();
21        $password = $request->getPassword();
22        if($username == config("app.BASIC_AUTH_USER") && $password == config("app.BASIC_AUTH_PASSWORD")){
23            return $next($request);
24        }
25        abort(401, "Enter username and password.", [
26            header('WWW-Authenticate: Basic realm="Sample Private Page"'),
27            header('Content-Type: text/plain; charset=utf-8')
28        ]);
29    }
30}
31

PHP
1【Kernel・該当部分のみ】
2protected $routeMiddleware = [
3        'auth' => \App\Http\Middleware\Authenticate::class,
4        'auth.basic' => \Illuminate\Auth\Middleware\AuthenticateWithBasicAuth::class,
5
6        "basicauth" => \App\Http\Middleware\BasicAuthMiddleware::class,// ここが該当部分
7
8        'cache.headers' => \Illuminate\Http\Middleware\SetCacheHeaders::class,
9        'can' => \Illuminate\Auth\Middleware\Authorize::class,
10        'guest' => \App\Http\Middleware\RedirectIfAuthenticated::class,
11        'password.confirm' => \Illuminate\Auth\Middleware\RequirePassword::class,
12        'signed' => \Illuminate\Routing\Middleware\ValidateSignature::class,
13        'throttle' => \Illuminate\Routing\Middleware\ThrottleRequests::class,
14        'verified' => \Illuminate\Auth\Middleware\EnsureEmailIsVerified::class,
15    ];

PHP
1【web.php】＊全てのルーティングに対してBasic認証を設定しています。
2
3Route::group(["middleware" => "basicauth"], function(){
4
5    Route::get('/', function () {
6        return view('home');
7    });
8    
9    Auth::routes();
10    
11    Route::get('/home', [App\Http\Controllers\HomeController::class, 'index'])->name('home');
12
13    Route::resource("users", UserController::class);
14
15    Route::get("user_licenses/edit", [UserLicenseController::class, "edit"])->name("user_licenses.edit");
16    Route::patch("user_licenses/update", [UserLicenseController::class, "update"])->name("user_licenses.update");
17    Route::get("user_licenses/create", [UserLicenseController::class, "create"])->name("user_licenses.create");
18    Route::post("user_licenses", [UserLicenseController::class, "store"])->name("user_licenses.store");
19    
20    Route::get("/user_pays/create", [UserPayController::class, "create"])->name("user_pays.create");
21    Route::post("/user_pays", [UserPayController::class, "store"])->name("user_pays.store");
22    Route::get("/user_pays/edit", [UserPayController::class, "edit"])->name("user_pays.edit");
23    Route::patch("user_pays/update", [UserPayController::class, "update"])->name("user_pays.update");
24    
25    Route::get("/user_papers/create", [UserPaperController::class, "create"])->name("user_papers.create");
26    Route::post("/user_papers", [UserPaperController::class, "store"])->name("user_papers.store");
27    Route::get("/user_papers/edit", [UserPaperController::class, "edit"])->name("user_papers.edit");
28    Route::patch("/user_papers/update", [UserPaperController::class, "update"])->name("user_papers.update");
29    
30    Route::resource("memos", MemoController::class); 
31});

補足情報（FW/ツールのバージョンなど）

【バージョンなど】
Laravel8を使用しています。

初めての質問になるので足りない情報などあればおっしゃってください。
よろしくお願いいたします。

10/15追記

フルパスにすれば良いのではないか、とのご指摘をいただいたので、その実施結果を追記しました。

【テストコードの変更点】

PHP
1public function testLogin()
2{
3$user = User::factory()->create();
4$this->browse(function ($browser) use ($user) {
5$browser->visit("http://localhost:8000/login")
6->assertPathIs("/login")
7->assertSee("以下の情報を入力してください")
8->type('email', $user->email)
9->type('password', $user->password)
10->press("ログインする")
11->assertPathIs("/home");
12});
13}

【エラー１：上記のテストを実行した際に発生】

Did not see expected text [以下の情報を入力してください] within element [body].
Failed asserting that false is true.

【エラー２：assertPathIsメソッドの引数もフルパスにした場合に発生】

Actual path [/login] does not equal expected path [http://localhost:8000/login].
Failed asserting that '/login' matches PCRE pattern "/^http\://localhost\:8000/login$/u".

引き続き自分でも色々と調べてみます。
ご回答ありがとうございました。