Jest の続き、 mockについて。Jest の documentation は悪くはないけど React のそれに比すると、ちいと本質の説明が抜けていたりする。 今回テストの対象は、小さなアプリで、Web API / React の組み合わせを TypeScript で書いたもの。Azure AD への oAuth2 と、Axios を使った API (Rest) call が存在し、これらを mock してみよう、というお題。が、壁が厚すぎるので、まずは簡単な、エラー表示だけをつかさどる Error というモジュールを Mock してみる。 error.tsx (actual): --- import * as React from "react"; interface Props { errors: string } interface State { } export default class Error extends React.Component<Props, State> { constructor(props: Props) { super(props); } public render() { return <h3>{this.props.errors}</h3>; } } ./__mock__/error.tsx (mock 版) mock版は、actual版 の同フォルダに __mock__ フォルダを作成しその直下に置かねばならない + error.tsx (actual) + __mock__ + error.tsx (mock) --- import * as React from "react"; interface Props { errors...