Rayrun
← Back to Discord Forum

Double tap on FireFox Devtools Network tab

Okay so, in firefox devtools network tab you can double tap a request to open it in a new tab. For the site I'm working with, it's only working if I double tap on it and it isnt working if I just copy the url to open it. Now I would be grateful if anyone would be kind enough to help me with this confusing situation & how to do it on playwright, and would love an explanation too.

Here's an example video: https://cdn.discordapp.com/attachments/1130330545587494933/1171580213373702185/example.mp4?ex=655d3219&is=654abd19&hm=02af4afc49b8e4c143e317c45da9d89bf4b912af122cb3a50771f10ff1f86985&

This thread is trying to answer question "How can I double tap a request to open it in a new tab in Firefox Devtools and replicate this process on Playwright?"

17 replies

I think It's maybe cause the request is a POST? and just opening the url in a new tab is making a GET request instead. I tried this on chrome too, double tapping doesn't help on chrome neither opening the url on a new tab

Double tap on FireFox Devtools Network tab

refactoreric

Hi, I don't understand your question. What relation does it have to Playwright? Are you trying to control Firefox devtools with Playwright? (I doubt that's possible)

@refactoreric: I want to do the above on Playwright

I want to do the above on Playwright

I do think it can be done without interacting without the devtools though

I am kind of confused on what's going on here too if I'm being honest lol

Would like if someone could explain

refactoreric

I really don't understand what you are trying to achieve with those steps in a silent video. Can you please explain your objective, how you think you want to achieve that with Playwright, and what is your problem in doing that with Playwright? Right now I have to guess.

Maybe you want to change the response of some API call? Fool the website/frontend into believing that an API call responded some different way? In that case you can use: https://playwright.dev/docs/mock (But if may not be enough to bypass any server-side rules/validations ;-))

I'll make another video with the full steps on what I plan to do is

My apologies if it's confusing :')

(double tapped on 0:40)

@refactoreric: Basically, I want to wait until a request includes "buynow?", once that request is made, I want to edit and make the request again. And after that, I want to open the response on a new tab If that makes sense

Basically, I want to wait until a request includes "buynow?", once that request is made, I want to edit and make the request again. And after that, I want to open the response on a new tab If that makes sense

What I'm guessing is

  1. You'll need to grab the request data (headers & post data), after that you'll need to remake the request with your desired changes.
  2. After making the request, you'll need to put the response data to a new page do you can interact with it

Yeah something like that!

Hm, yeah I dont really use Playwright a lot so @refactoreric can help you

refactoreric

There's a nice explanation about API testing, hybrid API testing and response interception here: https://www.youtube.com/watch?v=OQKwFDmY64g

There's also a howto here: https://playwright.dev/docs/mock#modify-api-responses

Both video and docs are changing the response. But you can also change the request in a similar way. Just have a look and spend some time to learn.

Related Discord Threads

TwitterGitHubLinkedIn
AboutQuestionsDiscord ForumBrowser ExtensionTagsQA Jobs

Rayrun is a community for QA engineers. I am constantly looking for new ways to add value to people learning Playwright and other browser automation frameworks. If you have feedback, email [email protected].