カスタムコード：チェックアウトおよび支払いの問題に対するテーマテスト

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

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

アプリを通じてカスタムコードを作成または更新した後、アプリ > カスタムコードに対して、しばらくの間カスタムコードに変更が加えられない場合、テーマテストが自動的にトリガーされます。

テスト結果の表示方法

テストが失敗した場合、ホームページを通じてテーマテストレポートを表示できます。

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

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

• 商品詳細ページ
• チェックアウトページ
• 支払いページ
• カートページ

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

現在、以下の主要な取引プロセスをカバーしています：

1. 商品詳細ページで 今すぐ購入 をクリックしてチェックアウトページに移動し、成功したリダイレクトを確認します。
2. チェックアウトページで必要な情報を入力し、支払いページに移動します。
3. システムテスト注文を生成するか、第三者の支払いを開始するためにクリックします。
4. 商品詳細ページで カートに追加 をクリックしてカートページに移動します。
5. カートページで チェックアウト をクリックして支払いページにリダイレクトします。

テストロジック

テストの原則

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

テスト手順

1. 商品詳細ページを開き、今すぐ購入ボタンの存在を確認します。見つからない場合は、その他の支払いオプションボタンの存在を確認します。どちらも見つからない場合は、PayPalで支払うボタンを探します。これらのボタンが存在しない場合、商品詳細ページに支払い関連のボタンがないことを示します。スクリーンショットを取り、テストプロセスを終了します。これらのボタンのいずれかが存在する場合は、次のステップに進みます。
2. 前のステップで特定したボタンがクリック可能かどうかを確認します。クリックできない場合は、スクリーンショットを取り、テストプロセスを終了します。クリック可能な場合は、クリックして次のステップに進みます。
3. お問い合わせフォームの存在を確認します。見つからない場合は、チェックアウトページに到達していないことを意味します。スクリーンショットを取り、テストプロセスを終了します。フォームが存在する場合は、連絡先メールを入力し、次のステップに進みます。
4. ワンページチェックアウトか標準チェックアウトかを判断し、情報を記録して次のステップに進みます。
5. 編集可能な送信者住所フォームの存在を確認します。フォームが存在する場合は、配送情報を入力します。名/姓フィールドには、注文タグ付けのために「システムテスト注文」と入力します。フォームが存在しない場合は、次のステップに進みます。
6. 4番目のステップの情報に基づいて：標準チェックアウトの場合は、物流を選択するまたは支払い方法を選択するボタンの存在を確認します。ボタンが存在しない場合は、スクリーンショットを取り、テストプロセスを終了します。ボタンが存在する場合は、次のステップに進みます。ワンページチェックアウトの場合は、直接ステップ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-contact-info-formクラスを使用して連絡先フォームの存在を確認します。これは、チェックアウトページへの成功したナビゲーションの基礎となり、連絡先情報を入力することができます。
  • shopline-element-checkout-shipment-address-formクラスを使用して送信者住所フォームの存在を確認します。これは、受取人情報を入力するために必要です。
  • shopline-element-checkout-shipment-address-form-firstNameクラスで識別される名フィールドの存在を確認します。利用可能な場合は、テスト中に生成された注文にタグを付けるために「System Test Order」と入力します。
  • shopline-element-checkout-shipment-address-form-nameクラスで識別される名前フィールドの存在を確認します。見つかった場合は、注文にタグを付けるために「System Test Order」と入力します。
  • shopline-element-checkout-complete-buttonクラスを使用して次へまたは注文を完了するボタンの存在を確認します。標準スタイル/単一ページスタイルのチェックアウトを使用する場合は、物流を選択するに進む、支払い方法を選択するに進む、または注文を完了するをクリックします。
  • shopline-element-checkout-paypal-buttonクラスを使用してPayPalで支払うボタンの存在を確認します。これは、PayPalを通じて支払いを開始するために使用されます。
  • shopline-element-checkout-billing-address-formクラスを使用して請求情報フォームの存在を確認します。これにより、ユーザーは請求情報を入力できます。
  • shopline-element-checkout-additional-info-formクラスを使用して追加情報フォームの存在を確認します。これにより、ユーザーは補足情報を入力できます。
• カートページ
  • shopline-element-cart-checkoutクラスを使用してチェックアウトボタンの存在を確認します。これは、チェックアウトプロセスを開始するために重要です。