Recording pop-up window actions

Problem statement

Currently, you can record actions on pop-up windows both during the recording process and while running tests.

This is especially helpful in scenarios where, for example, the user logs in to his or her account using authorization from an external third-party service - e.g. Google authentication or similar.

How does it work?

To put it simply, BugBug forces the opening of a pop-up window in a new browser tab and changes the context for it, e.g. in the scenario of logging in with an external account (e.g. Google auth.), and after correct authorization, the browser tab is automatically closed as if it had happened with a pop-up window.

As an example, we used the Podio page.

Regular view:

Regular pop-up window

While recording the same step/flow in BugBug:

The tab pop-up doesn't appear yet

The pop-up opens in a new browser tab

Recording a test with pop-up window handling

1. Create a new test (or edit an existing one)

2. Start recording new steps

3. Record a click action on a button/element that opens a new popup window. Instead of a new pop-up, the page will open in a new browser tab, and the context will automatically switch to that tab as the active tab

4. Perform all actions on this tab, i.e. provide login details and complete the whole flow. Based on the login flow using an external 3rd party account (e.g. Google account), the tab will be automatically closed when it is completed - just as it would be in a pop-up window, and all actions will be recorded.

5. When you automatically switch to the currently active tab, you can continue to record actions on that tab