Redux-devtools-extension: slider monitor not working

Created on 10 May 2016  路  15Comments  路  Source: zalmoxisus/redux-devtools-extension

I'm checking out the slider monitor with http://zalmoxisus.github.io/redux-devtools-extension/examples/counter/ but when I hit play, nothing happens.

Diff monitor and chart monitor all appear to be working, but the slider doesn't play back at all.

When I increment the counter a couple of times, I see that the slider monitor keeps track the number of the state changes. But when playing back or manually sliding the slide bar, the actual state of the Counter app does not change.

I'm using v1.2.0 of the Chrome plugin

bug

Most helpful comment

Fixed in v1.3.0. Also now it'd possible to switch monitors and toggle the slider monitor directly in the Chrome devtools panel. Feel free to reopen the issue, if there are any troubles.

All 15 comments

I also have v1.2.0 of the Chrome Extension and the Slider Monitor no longer works. :(

I cannot reproduce it. Could you check if there are more instances, there's select box in the Slider window, and eventually try to select an instance explicitly?

I have a single instance of the counter app example. It's set to that instance and not to "autoselect instances"

I have tried this on both Chrome latest and Canary latest. Slider monitor still doesn't work right.

I've also noticed that the "skip" button in the inspector monitor doesn't really do anything either. I would guess that the skip button would change my state. So it seems the only monitor that truly affects the state is the main monitor right when you click on the Redux tab (aka the main monitor where you see Reset, Revert, Sweep, Commit) . When clicking on those actions in the main monitor, I can see that it directly affects the state.

However, all other monitors appear to be only reading the state.

@ginxwar, @bjbrewster, I've published yesterday a new version, it should be updated automatically. Please check if the problem still persists.

Hm, sorry, but the issue still remain. Anything I could do to help dump logs and give you more information as to why this is occurring? Look like the version is up to 1.2.1 now, which I have updated to

I am also seeing an issue with the slide and diff monitor, using version 1.2.1

Seems like the chart monitor and inspector monitor are working ok though.

Chrome 50.0.2661.102
OSX 10.10.5

Is the same problem with our examples?
Could you try to remove the extension (from chrome://extensions/) and install it again?

@zalmoxisus I tried uninstalling and re-installing, and it seemed like everything was working, but the issue does not seem to be resolved completely.

Though, I did narrow it down a bit. This might seem a bit strange, but I was able to duplicate the behavior on the example apps, and my project that I'm currently working on.

If I click the extension, and then open the slider from the pop up menu, the slider and other features are working fine, but if I open chrome dev tools, navigate to the Redux pane, and open the slider from there, it doesn't work, the slider moves just fine, though it has no effect on the application state.

Any thoughts on this? I hope this is useful information. Let me know if there is any additional info you need from me, and thank you for all of your work on this project, it is much appreciated!

@zalmoxisus I also tried uninstalling and reinstalling. Still no go. The slider monitor shows the number of state changes but moving the slider manually or hitting play or clicking on the back/forward buttons do not make changes to the state. I'm on 1.2.1 and I'm using the example Counter App.

Chrome Canary: 52.0.2735.0 (64-bit)
OSX: 10.11.4

@canaandavis, @ginxwar, thanks for the details! Yes, after you open it form Chrome devtools panel, it commands from windows don't work anymore. I've fixed it in https://github.com/zalmoxisus/redux-devtools-extension/commit/8a2f47e647db2688756eae80701c40309ad1de07. Still have to finish some work in progress and will publish to Chrome store.

Fixed in v1.3.0. Also now it'd possible to switch monitors and toggle the slider monitor directly in the Chrome devtools panel. Feel free to reopen the issue, if there are any troubles.

it's working now! Thanks @zalmoxisus

This is fixed for me as well. I like able to toggle the slider in the main docked dev tool window too.

Thank you very much :)

@zalmoxisus Just had a chance to check out the updates, and everything is working great!

Also, I really like the changes to the interface, much easier to use, thank you!

@zalmoxisus First off, great tool!

Second. I'd like to re-open this issue as I am having similar issues ATM. This may be related to #375

The issue I have is in relation to Dan Abramov response to dynamically loading reducers http://stackoverflow.com/questions/32968016/how-to-dynamically-load-reducers-for-code-splitting-in-a-redux-application. All the monitors work when I dynamically load a reducer except for the Slide monitor. I tried store.liftedStore.getState() and all the values seem correct. But when I try to replay actions with the Slide monitor nothing happens.

Let me know if you need me to provide any more details.

Cheers

Was this page helpful?
0 / 5 - 0 ratings