SHOPLINEが提供するTheme testは、販売者がコアトランザクションプロセス内の機能上の問題を特定するのを支援する自動テスト機能です。テーマテスト機能は、ショップの装飾によって引き起こされるトランザクションプロセスに影響を与える問題を特定できます。

 

---

 

目次

• テーマテストのトリガー方法
• テスト結果の表示方法
• テストでカバーされるシナリオ
• テストロジック

 

---

 

テーマテストのトリガー方法

カスタムコードを作成または更新した後、一定期間カスタムコードに追加の変更がない場合、テーマテストが自動的にトリガーされます。

---

 

テスト結果の表示方法

テストに失敗した場合、テーマテストレポートはホームページから表示できます。

 

---

 

テストでカバーされるシナリオ

テストでカバーされるページ

• 商品詳細ページ
• チェックアウトページ
• 支払いページ
• ショッピングカートページ

 

カバーされるテストプロセス

現在、以下の主要なトランザクションプロセスがカバーされています：

1. 商品詳細ページで今すぐ購入をクリックして、チェックアウトページに移動し、正常にリダイレクトされるか確認します。
2. チェックアウトページで必要事項を入力し、支払いページに進みます。
3. システムテスト注文を生成するか、サードパーティの支払いを開始するためにクリックします。
4. 商品詳細ページでカートに追加をクリックして、カートページに移動します。
5. カートページでチェックアウトをクリックして、支払いページにリダイレクトします。

 

---

 

テストロジック

テストの原則

このテストプロセスはSeleniumをベースにしており、公式テーマから標準化されたクラス名を使用して対応する要素を特定し、クリック、入力、アサートなどの操作を実行して、主要なプロセスのテストを完了します。

 

テスト手順

1. 商品詳細ページを開き、「今すぐ購入」ボタンが存在するかどうかを確認します。見つからない場合は、「その他の支払いオプション」ボタンが存在するかを確認します。どちらも見つからない場合は、PayPalで支払う」ボタンを探します。これらのボタンが存在しない場合、商品詳細ページに支払い関連のボタンがないことを示します。スクリーンショットを撮影してテストプロセスを終了します。いずれかのボタンが存在する場合は、次のステップに進んでください。
2. 前のステップで特定されたボタンがクリック可能かどうかを確認します。クリックできない場合は、スクリーンショットを撮影してテストプロセスを終了します。クリックできる場合は、クリックして次のステップに進んでください。
3. 「お問い合わせ」フォームが存在するか確認します。見つからない場合、チェックアウトページに到達していないことを意味します。スクリーンショットを撮影してテストプロセスを終了します。フォームが存在する場合は、連絡先メールを入力して次のステップに進んでください。
4. 1ページのチェックアウトか標準のチェックアウトかを確認し、情報を記録して次のステップに進んでください。
5. 編集可能な送信者住所フォームが存在するか確認します。フォームが存在する場合、配送情報を入力します。名前欄には、注文タグ付けのために「System Test Order」と入力します。フォームが存在しない場合は、次のステップに進んでください。
6. 4番目のステップからの情報に基づいて：標準のチェックアウトの場合、「配送方法を選択する」または「支払い方法を選択する」ボタンが存在するか確認します。ボタンが存在しない場合、スクリーンショットを撮影してテストプロセスを終了します。ボタンが存在する場合は、次のステップに進んでください。1ページのチェックアウトの場合は、直接10番目のステップに進んでください。
7. 前のステップで特定されたボタンがクリック可能かどうかを確認します。クリックできない場合は、スクリーンショットを撮影してテストプロセスを終了します。クリックできる場合は、クリックして次のステップに進んでください。
8. チェックアウトの2ページ目にいるかどうかを確認します。はいの場合、「支払い方法を選択する」ボタンが存在するかどうかを判断します。ボタンが存在しない場合、スクリーンショットを撮影してテストプロセスを終了します。ボタンが存在する場合は、次のステップに進んでください。
9. 「支払い方法を選択する」ボタンがクリック可能かどうかを確認します。クリックできない場合は、スクリーンショットを撮影してテストプロセスを終了します。クリックできる場合は、クリックして次のステップに進んでください。
10. 「追加情報」フォームが存在するか確認します。存在する場合、追加情報を入力して次のステップに進んでください。存在しない場合は、直接次のステップに進んでください。
11. 請求情報の存在を確認します。存在する場合は請求情報を入力し、次のステップに進みます。存在しない場合は直接次のステップに進んでください。
12. 注文を完了するボタンの有無を確認します。存在する場合は次のステップに進みます。存在しない場合は直接ステップ16にスキップしてください。
13. 前のステップで特定されたボタンがクリッカブルかどうかを確認します。クリッカブルな場合はクリックして次のステップに進みます。クリッカブルでない場合は直接ステップ16にスキップしてください。
14. 注文が生成されたかどうかを確認します。生成されている場合は直接ステップ18にスキップしてください。生成されていない場合は、第三者支払い方法の使用を示す可能性があります。次のステップに進んでください。
15. カード情報を入力するプロンプトがあるかどうかを確認します。存在する場合は直接ステップ18にスキップしてください。存在しない場合は、第三者支払い統合に異常があることを示します。スクリーンショットを撮影してテストプロセスを終了します。
16. PayPalで支払うボタンの有無を確認します。存在する場合は次のステップに進みます。存在しない場合は、チェックアウトボタンが機能していないことを示します。スクリーンショットを撮影してテストプロセスを終了します。
17. 注文が生成され、PayPal支払いページが起動されたかどうかを確認します。生成されている場合は直接ステップ18にスキップしてください。生成されていない場合は、PayPal支払いに失敗していることを示します。スクリーンショットを撮影してテストプロセスを終了します。
18. 商品詳細ページを再度開き、カートに追加ボタンの有無を確認します。見つからない場合はスクリーンショットを撮影してテストプロセスを終了します。見つかった場合は次のステップに進んでください。
19. カートに追加ボタンがクリッカブルかどうかを確認します。クリッカブルでない場合はスクリーンショットを撮影してテストプロセスを終了します。クリッカブルな場合はクリックして次のステップに進んでください。
20. チェックアウトボタンの有無を確認します。見つからない場合はスクリーンショットを撮影してテストプロセスを終了します。見つかった場合は次のステップに進んでください。
21. チェックアウトボタンがクリッカブルかどうかを確認します。クリッカブルでない場合はスクリーンショットを撮影してテストプロセスを終了します。クリッカブルな場合はクリックして次のステップに進んでください。
22. 連絡先フォームの有無を確認します。見つからない場合は、チェックアウトページに到達していないことを意味します。スクリーンショットを撮影してテストプロセスを終了します。フォームが存在する場合は、テストは完了し、すべてのステップが合格しました。

 

テストポイント

• 商品詳細ページ
  • SHOPLINE-element-buy-now クラスを使用して、今すぐ購入ボタンの存在を確認します。このボタンをクリックすると、チェックアウトページに移動します。
  • SHOPLINE-element-add-to-cart クラスを使用して、カートに追加ボタンの存在を確認します。このボタンをクリックすると、ユーザーはカートページに移動できます。
  • product-more-payment-button クラスを使用して、その他の支払いオプションボタンの存在を確認します。このボタンをクリックすると、ユーザーはチェックアウトページに移動できます。
• チェックアウトページ
  • ショップラインエレメントチェックアウトコンタクト情報フォームクラスを使用して、コンタクトフォームの存在を検証し、チェックアウトページへの正常なナビゲーションの基盤となり、連絡先詳細の入力を可能にします。
  • ショップラインエレメントチェックアウト出荷先住所フォームクラスを使用して、送信者住所フォームの存在を確認し、受取人情報の入力に不可欠です。
  • 送信者住所フォーム内の名前フィールドの存在を確認し、shopline-element-checkout-shipment-address-form-firstNameクラスで識別します。利用可能な場合は、テスト中に生成された注文にタグ付けするために、System Test Orderを入力してください。
  • 送信者住所フォーム内の名前フィールドを確認し、shopline-element-checkout-shipment-address-form-nameクラスで識別します。見つかった場合は、注文にタグを付けるためにSystem Test Orderを入力してください。
  • ショップラインエレメントチェックアウト完了ボタンクラスを利用して、次へまたは注文完了ボタンの存在を確認します。標準スタイル/単一ページスタイルのチェックアウトを使用する場合は、物流選択に進む、支払い方法を選択に進む、または注文完了をクリックしてください。
  • ショップラインエレメントチェックアウトPayPalボタンクラスを使用して、PayPalで支払うボタンの利用可能性を確認します。PayPalを通じて支払いを開始するために使用されます。
  • ショップラインエレメントチェックアウト請求先住所フォームクラスを使用して、請求情報フォームの存在を確認し、ユーザーが請求詳細を入力できるようにします。
  • ショップラインエレメントチェックアウト追加情報フォームクラスを使用して、追加情報フォームの存在を確認し、ユーザーが補足情報を入力できるようにします。
• ショッピングカートページ
  • ショップラインエレメントカートチェックアウトクラスを利用して、チェックアウトボタンの存在を確認し、チェックアウトプロセスの開始に不可欠です。