Comments (18)
@tnolet @choleaoum a few days ago I was tinkering with the extension just because I needed to track the mouse movements to get the coordinates of the cursor and it is possible (ss). My only concern is that people don't need this feature always. We can add a button to toggle the mousemove behavior but I'm not sure if all of this goes with the contribution guidelines: Features should serve the general public. Very specific things for your use case are frowned upon.
from headless-recorder.
My personal use case was to track the movement of the mouse while drawing on canvas, so I wanted the exact mouse coordinates to replicate the drawing mechanism. But there can be other uses as well. For eg, while using a slider (like the one in shopping sites to add filters)
from headless-recorder.
Any updates on this? I'm dealing with the same scenario (recording canvas events), and this would greatly speed up my workflow!
from headless-recorder.
Interested!
from headless-recorder.
@tnolet @choleaoum a few days ago I was tinkering with the extension just because I needed to track the mouse movements to get the coordinates of the cursor and it is possible (ss). My only concern is that people don't need this feature always. We can add a button to toggle the mousemove behavior but I'm not sure if all of this goes with the contribution guidelines:
Features should serve the general public. Very specific things for your use case are frowned upon.
Any chance you've made a fork available? I'd be quite interested in this. :)
from headless-recorder.
Hey @smith558, sadly we don't have any updates on this yet but contributions are welcome :)
from headless-recorder.
Hi @adamchenwei this is not a bug. It is just not implemented as a feature. Please remove the [bug] from the title and rewrite your question as a feature request.
Even better, add the feature as a pull request and check our contribution guidelines
from headless-recorder.
@tnolet by not implemented as a feature
, would you mean puppeteer is able to track mouse and hover actions just need to be added to this plugin? thanks!
from headless-recorder.
@adamchenwei I'm not sure. We can do things with coordinates and mouse actions, that is sure. The exact details will have to be prototyped and researched.
from headless-recorder.
definitely looking forward to this feature, tracking mouse movements and actions would be a wonderful idea.
from headless-recorder.
Do people need to track movement or just the state after the mouse is in the desired location (e.g. to generate at wait selector)? Would a hotkey to insert a wait or exist for the currently hovered item work?
from headless-recorder.
@tnolet do you want me to submit a PR for this? What are your thoughts?
from headless-recorder.
@saranshbarua How many mouse events does this typically log for you? Puppeteer supports mouse movement interpolation, so it'd be cool if there were a way to merge approximately collinear movements (but then you'd also need a threshold control in the recorder settings and then maybe you'd want a way to fake timing also, and on and on).
from headless-recorder.
@saranshbarua that would be great!
Two concerns:
-
I guess a challenge would be the toggling on / off of this feature. From a user perspective, it would be best to not always record mouse moves as it will flood the recording. So we should either introduce a keyboard switch or some other user toggle. A user should be able to toggle this during a recording.
-
The mouse movements probably need to be "diluted" or debounced as it can otherwise generate way too much data.
Please take into account the following:
- There should be a test / some test to cover this new behaviour
- please take care to look at the code conventions.
from headless-recorder.
it seems Recorder can't record the scroll event...
from headless-recorder.
@Pain-and-Love It's actually only built to record a modest set of events:
https://github.com/checkly/puppeteer-recorder/blob/master/src/code-generator/dom-events-to-record.js
from headless-recorder.
@adamchenwei we are picking up development again, please have a look at #83
from headless-recorder.
from headless-recorder.
Related Issues (20)
- Add, update and fix test cases (e2e & unit) HOT 1
- Use standard labels, changelog and template HOT 1
- UI truncated when default chrome zoom is more than 100% HOT 4
- Add support for Java? HOT 2
- Add auto-assign GitHub Action
- Default to text selectors for Playwright HOT 3
- Add unit tests to `services` layer
- Rename master branch to main HOT 1
- can support xpath? HOT 1
- navigationPromise resolves once but used multiple times HOT 4
- Java support HOT 2
- add option to use ARIA nth model ? HOT 2
- Chrome extension manifest V3 HOT 2
- Crypto wallet integration for dapp e2e tests HOT 5
- Does headless-recorder support replay actions? HOT 1
- Can't build due to node-sass/gyp problems HOT 1
- Mistake HOT 1
- Generated code for Puppeteer using Page.waitForXPath() instead of Page.waitForSelector() HOT 1
- Generated code readability and reusability improvement HOT 3
- 🚨 [deprecation]: Bye!
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from headless-recorder.