Security News
The Unpaid Backbone of Open Source: Solo Maintainers Face Increasing Security Demands
Solo open source maintainers face burnout and security challenges, with 60% unpaid and 60% considering quitting.
webpagetest-chrome-recorder
Advanced tools
This module will help you to convert JSON user flows from Google Chrome DevTools Recorder to WEBPAGETEST Custom Scripts
Learn about more WebPageTest API Integrations in our docs
This tool will help you to convert JSON user flows from Google Chrome DevTools Recorder to WEBPAGETEST Custom Scripts
Converts recordings to Webpagetest scripts using CLI / Module (Wrapper Funstions).
Check out our Webpagetest Chrome extension to export JSON user flows as Webpagetest custom scripts straight away from Chrome DevTools.
npm install -g webpagetest-chrome-recorder
To quickly run the interactive CLI, run:
npx webpagetest-chrome-recorder
The CLI will prompt you for the path to the chrome devtool recordings you wish to modify and the location to write the Nightwatch tests.
⚡️ Transform individual recordings
npx webpagetest-chrome-recorder <path to the chrome devtools recording>
⚡️ Transform multiple recordings (Space delimited)
npx webpagetest-chrome-recorder <path.json> <path.json>
👉 By default output will be written to webpagetest
folder.
You can specify different output directory, specify that via cli
npx webpagetest-chrome-recorder <path to the chrome devtools recording> --output=<folder-name>
Option | Description |
---|---|
-d, --dry | Dry run the output of the transformed recordings |
-o, --output | Set Output location for the exports |
import { WPTStringifyChromeRecording } from "webpagetest-chrome-recorder";
const recording = {
title: "recording",
steps: [
{
type: "setViewport",
width: 812,
height: 609,
deviceScaleFactor: 1,
isMobile: false,
hasTouch: false,
isLandscape: false,
},
{
type: "navigate",
url: "https://timkadlec.com/",
assertedEvents: [
{
type: "navigation",
url: "https://timkadlec.com/",
title: "TimKadlec.com - Web Performance Consulting | TimKadlec.com",
},
],
},
],
};
const customScript = await WPTStringifyChromeRecording(recording);
console.log(customScript);
//setViewportSize 812 609
//setEventName Navigate
//navigate https://timkadlec.com/
//# recorderSourceMap=BABBC
Refer to Recorder docs for more information on Chrome Recorder
NOTE
After you are done with the recording
Once that is done, feed the JSON into the recorder script to generate the WPT custom script
navigate
(maps to navigate
)setViewport
(maps to setViewportSize
)click
(maps to execAndWait
)change
(maps to execAndWait
)keydown
(maps to execAndWait
)keyup
(maps to execAndWait
)waitForElement
(maps to waitFor
)waitForExpression
(maps to waitFor
)doubleClick
(maps to execAndWait
)scroll
(maps to execAndWait
)NOTE
FAQs
This module will help you to convert JSON user flows from Google Chrome DevTools Recorder to WEBPAGETEST Custom Scripts
The npm package webpagetest-chrome-recorder receives a total of 9 weekly downloads. As such, webpagetest-chrome-recorder popularity was classified as not popular.
We found that webpagetest-chrome-recorder demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Solo open source maintainers face burnout and security challenges, with 60% unpaid and 60% considering quitting.
Security News
License exceptions modify the terms of open source licenses, impacting how software can be used, modified, and distributed. Developers should be aware of the legal implications of these exceptions.
Security News
A developer is accusing Tencent of violating the GPL by modifying a Python utility and changing its license to BSD, highlighting the importance of copyleft compliance.