【Playwright】toHaveCSS を使って CSS を自動テスト - Qiita

【Playwright】toHaveCSS を使って CSS を自動テスト - Qiita

はじめに この記事では、Playwright の toHaveCSS というメソッドを使って CSS の自動テストを実装する...概要を表示 はじめに この記事では、Playwright の toHaveCSS というメソッドを使って CSS の自動テストを実装する方法やユースケースを記載します。 開発環境 開発環境は以下の通りです。 Windows 11 VSCode React 18.3.1 Mantine 7.16.2 TypeScript 5.5.2 Playwright 1.50.1 事前準備 事前準備として、Playwright の利用設定を行います。 手順は公式ドキュメントや以下の記事に記載があります。 1. color 以下のコードでは、ボタンをクリックすると、背景色が変化します。 import { FC, useState } from "react"; export const BackgroundColorChangingButton: FC = () => { const [bgColor, setBgC

• techfeed
• CSS