2023/04/07 CSSへのアサーションが可能になりました

mabl デスクトップアプリケーション v1.29.0 から、CSS プロパティに対するアサーションが作成できるようになりました! Webページ上の要素に適用されているCSSの値に対して、ローコードでアサーションを作成することができます 🎉

CSSへのアサーションを使うと、ページ内で適切なフォント、色やスタイルが適用されているかどうかを検証することができます。

使ってみる

CSSへのアサーションの動作を確認するには、以下のようにmablトレーナーでアサーションを作成します:

  1. mablトレーナーウィンドウの下部にある、チェックマークアイコンをクリックします。ブラウザウィンドウ内に "Click on an element" プロンプトが表示されます。
  2. ページ上の、アサーションを行いたい要素をクリックします。
  3. mablトレーナーで [CSS] タブをクリックし、CSS へのアサーションを定義します。

従来、CSSプロパティに対してアサートするためにJavaScript スニペットを使っていた場合、それらのJavaScriptステップから新しいCSSアサーションに移行されることをお勧めします。

📘

制限事項

画像に対して適用されているCSSへのアサーションはサポートされていません。

ページ上の要素へのアサーションについての詳細はこちらをご参照ください。