I’m trying to implement web testing on a site with mobile page layout and I’m unable to test the mobile version. I want to test it by Inspecting Chrome and using the mobile emulator (without BrowserStack, or Android emulator or plugging in the phone).
What I have tried so far:
- Navigate to the url on the desktop, manually change the view to mobile using devtools and then later start recording the test.
Result: I am able to record it, but once I save the test and run it – it defaults to the desktop view and fails since it cant find the elements recorded on mobile view.
- Started recording the test from the beginning > Send keys F12 to open devtools to change view and record.
Result: Step “Send F12” passes with message: Key sent. But in reality it does not open devtools.
I am unable to proceed with my tests at this point because TestProject is unable to set the mobile view. I want to avoid using AndroidStudio emulators or plugging in actual devices for tests, since these tests will be run by many across teams and want to keep it straightforward. I would greatly appreciate it if you could reach out to me and help solve this issue.
Note: The solution on Recording Mobile Page Layout did not help much.