Move the BugBug tool recording panel to another window
This one more specifically:
I would prefer to have this in another window instead the incognito window that is running/recording the test.
When running a test locally, could it be moved inside the page of the test being executed, the one with the steps?
Here's a scenario that is a bit annoying for me:
I click on "Run and stop here" somewhere in the middle of my test
The test executes up until that point and stops
The BugBug recording tool panel is in this state:
It can sometimes happen that the place where I stop the test will have a modal already open in our software
When I click the "Start recording" button, that will be registered as a "click outside" for our software modal which will close the modal
So now I need to reopen the modal in our software, which leads to unnecessary recording of steps (the ones to open again the modal in our software)
By moving the BugBug recording panel from the incognito window to another one, not only would I avoid the above scenario, but I wouldn't need to move it around in case it covers certain elements in our software (and these movements can also register as "clicks outside" that can trigger modals closing).
And for more flexibility, maybe this could be a setting so user can choose depending on their preference?
I fully understand this is an edge case and might need a lot of rethinking of the current system, so for me this is a low prio feature request. :)
Log in to comment and vote
Comments8
Ina Re-lounge
Nov 5, 2024
Is it possible to create enough space inside of the Inkognito Window for the panel, so overlapping the page could be avoided? Like the Dev Tools maybe.
Paweł Bylina
Nov 7, 2024
There is no way to open devtools programmatically. The only way is to create a window with two iframes, but this solution could affect the behaviour of the application, so we don't want to do that.
Paweł Bylina
Jun 19, 2024
We have had some discussions about this idea. The problem is that having this panel as a separate window could be problematic from a UX perspective because this window will be covered most of the time if you use, for example, a full-screen window size for your tests. There is no option to stick it to the window with the test.
We could possibly add an option to disable the display of this overlay within the main test window, but instead, these options could be available by clicking on the BugBug extension icon (which will prevent your modal window from closing when you click on the icon). What do you think?
Marius COJOCARIU
Jun 19, 2024
On second thought, how is this for an alternative: implement a keyboard shortcut for "Start recording" button? For me this would solve the problem about that first click to start the test recording registering in our software.
I still like the idea of also having the option to control recording actions from the extension icon, but I think that would be a more complex improvement compared to getting a keyboard shortcut for a quick solution? 😀
Paweł Bylina
Jun 19, 2024
This shortcut is available right now under Ctrl+Alt+1 on this view. Keep in mind that the focus should be on the document itself (by default, the focus in on the browser URL bar for some reason. You can click on the scrollbar to bring the focus to the document):
Marius COJOCARIU
Jun 19, 2024
Ah ah, I was not aware there's already a shortcut for it!
I think the reason is that when I hover my mouse on top of the button, there's no information about a shortcut:
As it is the case for the recording actions:
Marius COJOCARIU
Jun 19, 2024
So I will start using the shortcut to "Start recording" to avoid the edgecases I mentioned in the feedback description.
If it's ok with you, I wouldn't mind if you keep this open so you can explore an improvement to do recording actions outside of the incognito/recording window. ^^
Paweł Bylina
Jun 24, 2024
Unfortunately, there's not enough space to add these shortcuts to every button, so we've added them without showing them ;)
I'll keep this idea open!