こんにちは😊
株式会社プロドウガの@YushiYamamotoです！
らくらくサイトの開発・運営を担当しながら、React.js・Next.js専門のフリーランスエンジニアとしても活動しています❗️

この記事は ノーコードテスト自動化・効率化ツールのTricentisについて、なんでも投稿してみよう！ by Tricentis Advent Calendar 2025 の参加記事です🎄

Webアプリ開発において、E2E（End-to-End）テストは「安心」を買うための重要な投資です。
しかし、従来のSeleniumやPuppeteer、Playwrightでのテスト実装には、ある "呪い" がつきまとっていました。

「ちょっとUIを変えただけで、テストが全部落ちる呪い」 です。

CSSのクラス名が変わっただけで Element not found 💀
ボタンの位置がズレただけでクリックできない 💀
テストのメンテナンスに時間を取られ、本末転倒になる 💀

今回は、そんな呪いを AIの力（Smart Locators） で解き放つツール 「Tricentis Testim」 を紹介します。
さらに、テスト結果を n8n で受け取り、Slackにリッチな通知を送る運用フローまで構築してみましょう。

🤖 Testim とは？なぜ「壊れない」のか

Testim は、AIを活用したSaaS型のテスト自動化プラットフォームです。
最大の特徴は、要素を特定する 「Smart Locators」 という技術です。

従来のテストツールは、id="submit-btn" のように単一の属性で要素を探します。そのため、IDが変わると即死します。
一方、TestimのAIは、数百の属性（テキスト、位置、色、親要素、クラスなど）を分析して要素を特定します。

つまり、「IDが変わっても、場所がズレても、AIが『あ、これだよね』と判断してテストを続行（自己修復）してくれる」 のです。これが革命的です。

🏗️ アーキテクチャ：テストから通知まで

今回は、Testimでテストを実行し、その結果（特に失敗時）をn8n経由でSlackに通知するフローを作ります。

🛠️ 実践1：Testimで「壊れないテスト」を作る

まずは Testimの無料トライアルに登録し、Chrome拡張機能をインストールします。

1. レコーディング（Record）

「Create New Test」を押し、対象のWebサイト（今回は自社サイト）で操作を行います。
ポチポチとクリックしていくだけで、操作がステップとして記録されます。ここまでは普通のツールと同じです。

2. AIの凄さを体感する（Locators）

記録されたステップのプロパティを見てみましょう。「Locators」タブを開くと、AIがどのように要素を認識しているかが可視化されています。

(※イメージ: 複数の属性がスコアリングされ、信頼度が表示されている画面)

ここで、あえてWebサイト側のコードを書き換えてみます。
ボタンの class 名を変更し、id を削除してみました。従来のツールなら確実に落ちる変更です。

しかし、Testimを実行すると……成功します！🎉
ログには「要素は見つかったけど、少し変更があったからAIがロケーターを自動修正したよ」と記録されます。これが Self-healing です。感動します。

🛠️ 実践2：n8nと連携して「失敗」を即検知する

Testimは素晴らしいですが、テストが落ちた時にメール通知だけでは見逃してしまいます。
そこで、n8n を使ってSlackに通知します。

1. n8nでWebhookを受け取る

n8nで「Webhookノード」を作成し、URLを発行します。

2. TestimでWebhookを設定する

Testimの Settings > Integrations > Webhooks に移動し、n8nのURLを設定します。
トリガーは Test run failed にチェックを入れます。

3. n8nで通知を整形する

Testimから送られてくるJSONペイロードは非常に詳細です。ここから必要な情報を抜き出します。

TestimからのWebhook Payload（例）

{
  "eventType": "TEST_RUN_FAILED",
  "projectId": "p_12345",
  "runId": "r_67890",
  "testName": "お問い合わせフォーム送信テスト",
  "executionDate": "2025-12-01T10:00:00.000Z",
  "failedStep": {
    "description": "Click 'Submit'",
    "screenshotUrl": "https://testim.io/screenshots/..."
  },
  "link": "https://app.testim.io/#/project/..."
}

これをn8nのSlackノードに渡して、以下のようなメッセージを作成します。

🚨 E2Eテスト失敗アラート

テスト名: お問い合わせフォーム送信テスト
失敗箇所: Click 'Submit'
リンク: 詳細レポートを見る

スクリーンショットを確認してください👇
[画像URL]

これで、エンジニアはSlackを見るだけで「どこで落ちたか」が一瞬でわかります。

💡 応用：AI × AI の相乗効果

さらに発展させて、n8nの途中に OpenAI (ChatGPT) を挟むことも可能です。

Testimから失敗ログ（テキスト）を受け取る。
n8n経由でChatGPTに投げ、「このエラーの原因と、修正すべきコードの当たりをつけて」と指示する。
Slackに「AIによる分析結果」も合わせて通知する。

「TestimのAI」がテストを守り、「生成AI」が修正をサポートする。
これぞ、2025年のモダンな品質保証フローです。

まとめ

Testim を使えば、UI変更のたびにテストを直す「虚無の時間」から解放される。
Smart Locators の自己修復機能は、一度体験すると戻れない便利さ。
n8n と連携すれば、テスト結果を自在にハンドリングできる。

「テスト自動化に挑戦したけど、メンテが辛くて挫折した…」という方にこそ、Tricentis Testimは触ってほしいツールです。
無料トライアルでもその威力は十分に体感できますよ！🚀

最後に：業務委託のご相談を承ります

私は業務委託エンジニアとしてWEB制作やシステム開発を請け負っています。最新技術を活用したレスポンシブなWebサイト制作、インタラクティブなアプリケーション開発、API連携など幅広いご要望に対応可能です。

「課題解決に向けた即戦力が欲しい」「高品質なWeb制作を依頼したい」という方は、お気軽にご相談ください。一緒にビジネスの成長を目指しましょう！

👉 ポートフォリオ

🌳 らくらくサイト