Тестирование лезвий Laravel 5.5 и Vue.js

Question

У меня в блейде есть следующее ...

<div>
  <contact-form></contact-form>
</div>

Я хочу проверить, чтобы компонент Vue.js всегда был установлен в моих тестах ...

public function testRoute()
{
    $this->visit('/');
    //stuck here
}

По сути, я с нетерпением жду возможности проверить, что у лезвия есть <contact-form>.Как мне поступить?

Answer 1

Использовать assertSee

Утверждать, что данная строка содержится в ответе

$this
    ->visit('/')
    ->assertSee('<contact-form>')
    ->assertSee('</contact-form>');

См. Больше проверочных утверждений laravel 5.5 здесь

Или, если вы хотите углубиться в тестирование браузера на стороне клиента, посмотрите на Laravel Dusk , у него есть метод assertSourceHas.

Answer 2

Вы можете использовать метод call или get из черты MakesHttpRequests.php для проверки текста:

// this returns \Illuminate\Foundation\Testing\TestResponse
$response = $this->get('/');
// use the TestResponse api
$response->assertSee($value);

Ссылка на исходный код Github: https://github.com/laravel/framework/blob/5.5/src/Illuminate/Foundation/Testing/Concerns/MakesHttpRequests.php

https://github.com/laravel/framework/blob/5.5/src/Illuminate/Foundation/Testing/TestResponse.php