Verwendung der mobilen Automatisierung für eine mobile Banking-Anwendung

In diesem Tutorial erfahren Sie, wie Sie das Mobile Automation-Paket verwenden, um Aufgaben innerhalb einer mobilen Banking-Anwendung zu automatisieren. Das Tutorial verwendet den mobilen Banking-Simulator der Bank of Amerika und einen Google Pixel-Emulator von Sauce Labs. Wir werden uns speziell auf die Automatisierung und das Testen der folgenden Aktionen konzentrieren:

1. Anmelden bei der App.
2. Implementieren einer Debitkartensperre.
3. Anzeigen eines Anspruchs und Erfassen eines Screenshots.

Das Tutorial enthält Anweisungen zur Verwendung von Aktivitäten und APIs zum Automatisieren dieser Szenarien.

Voraussetzungen

Um das gewünschte Mobilgerät und die gewünschte Anwendung zu verwenden, müssen wir sie zuerst im Mobile Device Manager (MDM) wie folgt erstellen:

1. Fügen Sie ein Gerät aus Sauce Labs in MDM hinzu.

   Weitere Informationen zum Hinzufügen von Geräten finden Sie unter Hinzufügen eines Sauce Labs-Geräts.

2. Fügen Sie den Mobile Banking-Simulator der Bank of Amerika zu MDM hinzu.

   Weitere Informationen zum Hinzufügen von Anwendungen finden Sie unter Hinzufügen von Anwendungen.

Beispielprojekt

Um die Schritte auszuführen und das Tutorial selbst auszuprobieren, sehen Sie sich das folgende Beispielprojekt an: Mobiler Banking-Simulator.

Verwenden von Aktivitäten

In diesem Beispiel verwenden wir Object Repository-Elemente als Eingabe-UI-Elemente für Aktivitäten. Um UI-Elemente für Mobilgeräte zu erstellen, stellen Sie im Mobile Device Manager (MDM) eine Verbindung zwischen dem Zielgerät und der Anwendung her. Erstellen Sie dann direkt im Bereich „Objekt-Repository“ jedes Element und verwenden Sie Element anzeigen, um das spezifische UI-Element auf dem MDM-Gerät anzuzeigen.

Um dem Tutorial leicht zu folgen, überprüfen Sie die folgende Liste für die Object Repository-Struktur:

• Anwendung BankOfAmerica, Menü MobileScreen
  • backFromClaimDetails
  • backFromClaimStatus
  • BackToMenu
  • firstClaimSeeDetails
  • Lock
  • LockCard
  • Login
  • ManageDebitCredit
  • Menu
  • Passwort
  • swipeMenu
  • UserId
  • viewmyclaims

Tipp: Alternativ können Sie einen ähnlichen Workflow mit aufgezeichneten Aktionen erstellen. Bei diesem Prozess wird eine Verbindung zwischen Ihrem Gerät und der Anwendung über MDM hergestellt, eine Reihe von Aktionen für diese Verbindung ausgeführt und diese Schritte dann in eine Sequence importiert. Weitere Informationen finden Sie unter Workflows mit Aufzeichnungsaktionen erstellen.

Schritte

1. Stellen Sie eine Verbindung zwischen dem Gerät und der Anwendung her:
   1. Fügen Sie die Aktivität Mobile Device Connection hinzu.
   2. Verwenden Sie Verbindungsdetails auswählen, um das zuvor erstellte Mobilgerät und die Anwendung zu verbinden.
2. Anmelden bei der mobilen Anwendung:
   1. Fügen Sie eine Tap-Aktivität hinzu, um das Feld Benutzer-ID auszuwählen, sodass Sie dann einen Benutzernamen eingeben können.
   2. Fügen Sie eine Aktivität Set Text hinzu, um den Benutzernamen in das Feld Benutzer-ID einzugeben.
   3. Fügen Sie eine Tap-Aktivität hinzu, um das Feld Kennwort auszuwählen, sodass Sie dann das Kennwort eingeben können.
   4. Fügen Sie eine Aktivität „Set Text“ hinzu, um das entsprechende Kennwort einzugeben.
   5. Verwenden Sie eine Tap-Aktivität, um die Schaltfläche Anmelden auszuwählen.
   Abbildung 1. Die ersten Aktivitäten im Rahmen der Anmeldung bei der Anwendung
   

   

   
   
3. Debit- oder Kreditkarte sperren:
   1. Fügen Sie eine Tap-Aktivität hinzu, um zum Menü der mobilen Banking-App zu navigieren.
   2. Fügen Sie eine Swipe-Aktivität hinzu, um im Menü nach unten zu wischen.

      Das Ziel ist, solange zu wischen, bis Sie den Abschnitt Lastschrift/Kredit verwalten finden.

   3. Fügen Sie eine Tap-Aktivität hinzu, um den Abschnitt Lastschrift/Kredit verwalten auszuwählen.
   4. Fügen Sie eine Tap-Aktivität hinzu, um das Schlosssymbol für die erste angezeigte Karte auszuwählen.
   5. Fügen Sie eine Swipe-Aktivität hinzu, um im Sperrkartenhinweis nach unten zu wischen.

      Mit dieser Aktion können Sie die Aktion bestätigen, indem Sie Karte sperren auswählen.

   6. Fügen Sie eine Tap-Aktivität hinzu, um Karte sperren auszuwählen.
   Abbildung 2. Aktivitäten zum Sperren der Debitkarte
   

   

   
   
4. Screenshot eines Anspruchs erstellen:
   1. Fügen Sie eine „Tap“-Aktivität hinzu, um die Schaltfläche „Zurück“ auszuwählen und zum Hauptmenü zurückzukehren.
   2. Fügen Sie eine „Swipe“-Aktivität hinzu, um im Hauptmenü nach unten zu wischen, bis der Abschnitt Meine Ansprüche anzeigen angezeigt wird.
   3. Verwenden Sie eine „Tap“-Aktivität, um den Abschnitt Meine Ansprüche anzeigen auszuwählen.
   4. Fügen Sie eine Tap-Aktivität hinzu, um Details anzeigen für den ersten Anspruch auszuwählen.
   5. Verwenden Sie die TakeScreenshot-API, um einen Screenshot der ersten Anspruchsdetails zu erstellen.
   Abbildung 3. Aktivitäten zur Erstellung des Screenshots eines Anspruchs
   

   

   
   
5. Nachdem wir den Screenshot erstellt haben, kehren wir zum Hauptmenü der App zurück, indem wir via „Tap“-Aktivität zweimal auf das UI-Element Zurück tippen.

Verwenden der codierten Automatisierung

Voraussetzungen

Um eine mobile Anwendung mithilfe von APIs zu automatisieren, zeichnen Sie die mobilen Elemente der Anwendung im Objekt-Repository des Projekts auf. Für dieses Beispiel haben wir eine BankOfAmerica-Anwendung mit einem allgemeinen MobileScreen erstellt, der alle UI-Elemente enthält, die wir zur Automatisierung verwenden. Um UI-Elemente für Mobilgeräte zu erstellen, stellen Sie im Mobile Device Manager (MDM) eine Verbindung zwischen dem Zielgerät und der Anwendung her. Erstellen Sie dann direkt im Bereich „Objekt-Repository“ jedes Element und verwenden Sie Element anzeigen, um das spezifische UI-Element auf dem MDM-Gerät anzuzeigen.

Überprüfen Sie die folgende Liste für die Struktur des Object Repository:

• Anwendung BankOfAmerica, Menü MobileScreen
  • backFromClaimDetails
  • backFromClaimStatus
  • BackToMenu
  • firstClaimSeeDetails
  • Lock
  • LockCard
  • Login
  • ManageDebitCredit
  • Menu
  • Passwort
  • swipeMenu
  • UserId
  • viewmyclaims

Schritte

1. Stellen Sie eine Verbindung zwischen dem Gerät und der Anwendung her:
   1. Erstellen Sie eine Variable vom Typ Connection mithilfe der Connect-API mit der zweiten Überladungsversion.

      Geben Sie für diese Überladung den Gerätenamen und den Anwendungsnamen als Strings ein, um die Verbindung herzustellen.

      [TestCase]
              public void Execute()
              {
                  Connection connection = mobile.Connect(
                  "Android mobile device", 
                  "BankOfAmericaSimulator");
      
                  Log("Connection established");

2. Optional können Sie zu Debugging-Zwecken eine Log-Meldung nach der Verbindung hinzufügen.
3. Bei der mobilen Anwendung anmelden:
   1. Rufen Sie die Tap-API auf, um auf das Feld Benutzer-ID zu klicken.

      Mit dieser Aktion können Sie den Benutzernamen eingeben.

      connection.Tap(ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.UserId);

   2. Verwenden Sie die SetText-API, um einen Benutzernamen in das Feld Benutzer-ID einzugeben.

      connection.SetText(ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.UserId, 
          "[e-mail]", 
          MobileOptions.SetText().WithSendNewline(false));

   3. Rufen Sie die Tap-API auf, um das Feld Kennwort auszuwählen, sodass Sie das Kennwort eingeben können.

      connection.Tap(ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.Password);

   4. Verwenden Sie die „Set Text“-API, um ein Kennwort in das Feld Kennwort einzugeben.
      Die WithSendNewLine(false)-Methode stellt sicher, dass das Tastaturelement OK nach dem Senden des Textes nicht auf dem Mobilgerät gedrückt wird. Weitere Informationen zu den verfügbaren Optionen der Set Text-API finden Sie unter Klasse MobileOptions.SetTextOptions.

      connection.SetText(ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.Password, "abcde", MobileOptions.SetText().WithSendNewline(false));

   5. Verwenden Sie die Tap-API, um Anmeldung auszuwählen.

      connection.Tap(ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.Login);

4. Debit- oder Kreditkarte sperren:
   1. Navigieren Sie mithilfe der Tap-API zum Menü der Mobile Banking-App:

      connection.Tap(ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.Menu);

   2. Wischen Sie im Menü nach unten, indem Sie die Swipe-API verwenden.

      Das Ziel ist, solange zu wischen, bis Sie den Abschnitt Lastschrift/Kredit verwalten finden.

      connection.Swipe(ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.swipeMenu, 
          ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.ManageDebitCredit, 
          SwipeDirection.Down,     
          4);

   3. Wählen Sie den Abschnitt Lastschrift/Kredit verwalten mithilfe der Tap-API aus.
      Die WithTimeout()-Methode ermöglicht es der API, für eine vorgegebene Anzahl von Sekunden anzuhalten. Diese Pause dauert, bis das Ziel-UI-Element erscheint oder ein Fehler ausgegeben wird.

      connection.Tap(ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.ManageDebitCredit, TapTypeEnum.Single, MobileOptions.Tap().WithTimeout(120));

   4. Wählen Sie für die erste angezeigte Karte das Schlosssymbol mithilfe der Tap-API aus.

      connection.Tap(ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.Lock);

   5. Wischen Sie im Sperrkartenhinweis mit der Directional Swipe-API nach unten, damit wir die Aktion durch Auswahl von Karte sperren bestätigen können.

      connection.DirectionalSwipe(SwipeDirection.Down);

   6. Wählen Sie Karte sperren mithilfe der Tap-API aus.

      connection.Tap(ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.LockCard);

5. Erstellen Sie den Screenshot eines Anspruchs.
   1. Gehen Sie mit der Tap-API und dem Zurück-Symbol zum Hauptmenü zurück.

      connection.Tap(ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.BackToMenu);

   2. Wischen Sie im Hauptmenü nach unten, bis der Abschnitt Meine Ansprüche anzeigen angezeigt wird.
      Für diesen Schritt verwenden wir die Swipe-API, diesmal mit der sechsten Überladung. Diese Überladung erfordert einen IElementDescriptor für den Wischcontainer und ein SelectorTarget für das Ziel-UI-Element.
      Wir erstellen zuerst ein SelectorTarget für den Abschnitt Meine Ansprüche anzeigen und verwenden dann die Swipe-API.
      1. Öffnen Sie MDM und erstellen Sie die Verbindung zwischen dem Mobilgerät und der Anwendung.
      2. Wechseln Sie zum Object Repository und erstellen Sie ein neues Element für den mobilen Bildschirm.
      3. Wählen Sie Element anzeigen aus.
      4. Kopieren Sie im Menü der Auswahloptionen das von den Selektoren identifizierte Websteuerelement.

         Für diese mobile Banking-App müssen Sie sicherstellen, dass WebView-Selektoren als native Selektoren als Auswahloption ausgewählt ist.

      5. Kehren Sie zum Code-Editor zurück und erstellen Sie eine Variable vom Typ SelectorTarget. Verwenden Sie die MobileTarget.FromSelector-Methode, die als Argument das zuvor kopierte Websteuerelement erfordert.

         SelectorTarget viewMyClaimsTarget = MobileTarget.FromSelector("<mbl android:className='android.widget.TextView' text='View My Claims' />");

      6. Verwenden Sie die Swipe-API mit der Variablen SelectorTarget, um das Wischen nach unten abzuschließen.

         connection.Swipe(ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.swipeMenu, viewMyClaimsTarget, SwipeDirection.Down, 20);

   3. Tippen Sie auf den Abschnitt Meine Ansprüche anzeigen.

      connection.Tap(ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.viewmyclaims);

   4. Tippen Sie auf Details anzeigen für den ersten Anspruch.

      connection.Tap(ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.firstClaimSeeDetails);

   5. Verwenden Sie die TakeScreenshot-API, um einen Screenshot der ersten Anspruchsdetails zu erstellen.

      connection.TakeScreenshot();

6. Nachdem wir den Screenshot erstellt haben, kehren wir zum Hauptmenü der App zurück, indem wir zweimal auf das UI-Element Zurück tippen.

   connection.Tap(ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.backFromClaimDetails);
       connection.Tap(ObjectRepository.Descriptors.BankOfAmerica.MobileScreen.backFromClaimStatus);