DevTools: Test-View not visible

[negue]

Minimal reproduction of the bug/regression with instructions:

1. Add StoreDevtoolsModule to your Module

      StoreDevtoolsModule.instrument({
         logOnly: true,
         // also tested with features: { test: true }
      }),

2. Open DevTools in the Browser
3. No Test-View available

Go to: https://ngrx-seed.stackblitz.io/ and open your DevTools and see that there is no Test-View visible

But, if you open the edit view of stackblitz (https://stackblitz.com/edit/ngrx-seed?file=src%2Fapp%2Fapp.module.ts) you can see that Stackblitz's own redux? does add the Test-View 😅

Expected behavior:

Have a Test-View like its visible on other sites.

Versions of NgRx, Angular, Node, affected browser(s) and operating system(s):

NGRX 7.4.0
Angular 7.2.13
Browsers: Chrome and Firefox

Other information:

I would be willing to submit a PR to fix this issue

[ ] Yes (Assistance is provided if you need help submitting a pull request)
[x] No

[adrianfaciu]

Cannot reproduce this. If I go to the StackBlitz example, the instance is visible in DevTools. Both router and counter properties are present.

[negue]

DevTools Views

with NgRx Seed:

with Stackblitz itself:

As you see Trace and Test are missing

[adrianfaciu]

Yeah, there is something here. If I open dev tools and have a look they are there:

However, if I refresh the page they dissapear. Closing and opening dev tools again will make them show up.

[negue]

I don't get any on the NgRx Seed, using Vivaldi / Chrome on both Mac and Windows. 🙁

Both browser have the latest version of the dev tools installed

[timdeschryver]

Weird that you see this @adrianfaciu, it shouldn't show up AFAIK.

To have these features available we must identify ourselves as a redux app, see https://github.com/zalmoxisus/redux-devtools-extension/blob/master/npm-package/logOnly.js#L9 for ref.

For us, this would mean adding a type property at

platform/modules/store-devtools/src/extension.ts

Line 241 in 5581826

private getExtensionConfig(config: StoreDevtoolsConfig) {

I tried it locally and the redux features become visible but sadly enough, will do nothing.

[adrianfaciu]

Hmm, that is weird.
If no one else is working on it, I can pick it up next and try to sort it out.

[timdeschryver]

Yes, that's fine by me Adrian thanks!

[dummdidumm]

About the "lib redux" issue, I ran into this problem as well, and it's basically a bug in the redux devtools zalmoxisus/remotedev-app#40

[timdeschryver]

@dummdidumm We can make it a redux app, #1868 (comment)

But then you're getting some other problems 😂

[adrianfaciu]

Sorry for the delay, I traveled a lot lately and did not have time. I'll pick this up in the weekend and see what can be done.

[alex-vg]

A little update here, I just tried setting trace=true and type='redux' and got some traces. Not enough to see the origin but somewhat useful.

Edit: a Error.stackTraceLimit=100 fixed it

[montogeek]

@alex-vg How did you activate Trace tab?

[minijus]

While there is still no support for traces in @ngrx/store-devtools, one can add a breakpoint on dispatch method to have some traceability.

[Rybadour]

@brandonroberts

Why was this closed? I don't see any resolutions to the problem and as of the 12.4.0 I still can't access the trace tab.

[alex-vg]

@brandonroberts
Is there a fix for this issue coming?
Seeing such an important feature closed without a resolution seems odd.

[thompsonap09]

Has anybody figured out how to handle this? It looks like @adrianfaciu was working on it at one point and @alex-vg seems to have figured out how to at least make it work a bit

[JoannaFalkowska]

Any updates or tips on this?