実践
基礎からわかる、Vue.jsのテスト
4

最終回は、slotに関する単体テストと、コンポーネントとコンポーネントが連動する動作の結合テストの書き方を中心に解説します。結合テストはコンポーネント設計に影響を受ける部分ですので、コンポーネント設計の良し悪しを実感できます。

中島 直博
中島 直博 | フロントエンド・エンジニア

コンポーネントの動作テストのポイントを踏まえつつ、コンポーネントのcomputedや<template>のDOMイベント、methodsのテストについて解説します。テストが対象とするチェック事項をシンプルに保つのがコツです。

中島 直博
中島 直博 | フロントエンド・エンジニア

Vue.jsを使って書かれたサンプルアプリケーションについて、propsのテストなどの基本的なテストを書きます。テストのためのユーティリティ、vue-test-utilsの基本的なテスト機能と書き方について解説します。

中島 直博
中島 直博 | フロントエンド・エンジニア

シリーズ第1回目ではVueのコンポーネントをテストする環境を整えます。そしてシンプルな構成のVueファイルに対してテストを行ってみましょう。まずはざっと概要を把握することが大切です。

中島 直博
中島 直博 | フロントエンド・エンジニア