assertSee()でvueコンポーネント内の文字列を見に行く事は出来るのか？

Laravelでテストを書いています。

マイページにvueコンポーネントの中で表示されている文字列が存在するかassertSee()をかけたいのですが上手くいきません。

解決したいこと：　コンポーネント内で表示されている文字列をassertSeeで確認したいです。duskを使用せずに。(そもそも可能なのか？)

test
1$this->actingAs($this->user);
2$response = $this->get(route('my_page', ['user' => $this->user->id]));
3$response->assertStatus(200);
4$response->assertViewIs('users.show');
5
6$response->assertSeeText('注目の投稿は設定されていません');

error
1contains "注目の投稿は設定されていません".

調べたこと

1, Duskを使う。
2, 記載の変更(json_encodeの追加)

$response->assertSee(json_encode('注目の投稿は設定されていません'));

error
1<item-list :items="[{&quot;id&quot;:5,&quot;user_id&quot;:7,&quot;title&quot;:&quot;\u624b\u306e\u4f4e\u3072\u304f\u3044\u307e\u3057\u305f\u3002\u4eca\u65e5\u306f\u89d2\u3002&quot;,&quot;content&quot;:&quot;\u8cca\u307b\u305f\u308b\u3044\u3068\u304c\u3001\u300c\u3002&quot;,&quot;age&quot;:7,&quot;sex&quot;:&quot;\u30aa\u30b9&quot;,&quot;area&quot;:&quot;\u7fa4\u99ac\u770c&quot;,&quot;cat&quot;:11,&quot;status&quot;:1,&quot;created_at&quot;:&quot;2020-12-03T20:36:07.000000Z&quot;,&quot;updated_at&quot;:&quot;2020-12-03T20:36:07.000000Z&quot;,&quot;user&quot;:{&quot;id&quot;:7,&quot;name&quot;:&quot;\u5742\u672c \u8061\u592a\u90ce&quot;,&quot;email&quot;:&quot;yamamoto.taro@example.org&quot;,&quot;avatar&quot;:&quot;/storage/cNvSLdt2pciU0zh8MYVYn44grQ5KRA2HtNsjHsIs.jpeg&quot;,&quot;profile&quot;:&quot;\u306f\u3001\u305f\u307e\u308a\u60aa\u308f\u308b\u305d\u3089\u3057\u3044\u3055\u3093\u3084\u308a\u304b\u3048\u3063\u3066\u898b\u3088\u3046\u306a\u3093\u3066\u3093\u3058\u3092\u3002&quot;,&quot;url&quot;:&quot;http://wakamatsu.net/&quot;,&quot;email_verified_at&quot;:&quot;2020-12-03T20:36:07.000000Z&quot;,&quot;created_at&quot;:&quot;2020-12-03T20:36:07.000000Z&quot;,&quot;updated_at&quot;:&quot;2020-12-03T20:36:07.000000Z&quot;},&quot;catName&quot;:&quot;\u30b3\u30fc\u30cb\u30c3\u30b7\u30e5\u30ec\u30c3\u30af\u30b9&quot;,&quot;tags&quot;:[],&quot;deal&quot;:[],&quot;recommended&quot;:[]}]" login_user_id="7"></item-list>\
2
3contains "&quot;\u6ce8\u76ee\u306e\u6295\u7a3f\u306f\u8a2d\u5b9a\u3055\u308c\u3066\u3044\u307e\u305b\u3093&quot;".

assertJsonやassertJsonFragmentはpostアクションで使用するものだと思っているので今回は関係無いのではと思っています。

また、そもそもコンポーネント内を見に行くのはassertSee()に出来るのか？というところも気になっています。dusk以外の方法は無いのでしょうか？

どなたかお分かりになる方居ましたら、ご教授いただきたいです。
よろしくお願いします。

行動規範の内容に同意します

回答1件

ベストアンサー

HTTPテストではVueがレンダリングされる前しか見えない。
Chromeなら「ソースを表示」と同じ。「検証」とは違う。
Bladeに<item-listを書いてるならこれは見えるのでこうテストはできる。

$response->assertSee('<item-list');

（<の扱いはLaravel7で変わったのでこれでは失敗するかもしれないけど）
https://readouble.com/laravel/7.x/ja/upgrade.html#assert-see

レンダリング後もテストしたいならDuskを使うしかない。

投稿2020/12/04 05:27

kawax

総合スコア10377

tenlife

2020/12/04 08:20

$response->assertSee('<item-list', false); $response->assertSee('</item-list>', false); 上記の書き方で通りました。回答ありがとうございます！　　HTTPテストではVueがレンダリングされる前しか見えない。　　Chromeなら「ソースを表示」と同じ。「検証」とは違う。この部分非常に勉強になります。レンダリング後はduskしか無いのですね。ご教授ありがとうございました！

行動規範の内容に同意します