Giter Site home page Giter Site logo

Comments (18)

saranshbarua avatar saranshbarua commented on May 14, 2024 1

@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.

Screenshot 2019-07-15 at 4 53 31 PM

from headless-recorder.

saranshbarua avatar saranshbarua commented on May 14, 2024 1

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.

segments-tobias avatar segments-tobias commented on May 14, 2024 1

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.

smith558 avatar smith558 commented on May 14, 2024 1

Interested!

from headless-recorder.

smith558 avatar smith558 commented on May 14, 2024 1

@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.

Screenshot 2019-07-15 at 4 53 31 PM

Any chance you've made a fork available? I'd be quite interested in this. :)

from headless-recorder.

ianaya89 avatar ianaya89 commented on May 14, 2024 1

Hey @smith558, sadly we don't have any updates on this yet but contributions are welcome :)

from headless-recorder.

tnolet avatar tnolet commented on May 14, 2024

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.

adamchenwei avatar adamchenwei commented on May 14, 2024

@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.

tnolet avatar tnolet commented on May 14, 2024

@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.

choleaoum avatar choleaoum commented on May 14, 2024

definitely looking forward to this feature, tracking mouse movements and actions would be a wonderful idea.

from headless-recorder.

ephetic avatar ephetic commented on May 14, 2024

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.

saranshbarua avatar saranshbarua commented on May 14, 2024

@tnolet do you want me to submit a PR for this? What are your thoughts?

from headless-recorder.

ephetic avatar ephetic commented on May 14, 2024

@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.

tnolet avatar tnolet commented on May 14, 2024

@saranshbarua that would be great!

Two concerns:

  1. 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.

  2. 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.

Pain-and-Love avatar Pain-and-Love commented on May 14, 2024

it seems Recorder can't record the scroll event...

from headless-recorder.

ephetic avatar ephetic commented on May 14, 2024

@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.

tnolet avatar tnolet commented on May 14, 2024

@adamchenwei we are picking up development again, please have a look at #83

from headless-recorder.

ianaya89 avatar ianaya89 commented on May 14, 2024

#232

from headless-recorder.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.