fix: Adds logging for SPA route navigation with React router

[eric-briscoe]

SUMMARY

Adds logging for SPA route navigation with React router, fixes bug in loggerMiddleware that was sending malformed log payloads in some cases

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

SPA.Nav.Logging.mov

TESTING INSTRUCTIONS

1. Checkout PR and run
2. Navigate between dashboards, Charts, Datasets in top navigation menu
3. Go to SQL Lab
4. Run the following Query: SELECT * from logs ORDER BY dttm DESC
5. Ensure you see log events returned with a event_name of "spa_navigation"

ADDITIONAL INFORMATION

• Has associated issue:
• Required feature flags:
• Changes UI
• Includes DB Migration (follow approval process in SIP-59)
  • Migration is atomic, supports rollback & is backwards-compatible
  • Confirm DB migration upgrade and downgrade tested
  • Runtime estimates and downtime expectations provided
• Introduces new feature or API
• Removes existing feature or API

[codecov]

Codecov Report

Merging #21960 (7c28f41) into master (102909e) will decrease coverage by 0.00%.
The diff coverage is 57.14%.

@@            Coverage Diff             @@
##           master   #21960      +/-   ##
==========================================
- Coverage   66.86%   66.85%   -0.01%     
==========================================
  Files        1807     1807              
  Lines       69218    69221       +3     
  Branches     7402     7402              
==========================================
+ Hits        46280    46281       +1     
- Misses      21033    21035       +2     
  Partials     1905     1905              

Flag	Coverage Δ
javascript	53.39% <57.14%> (-0.01%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
superset-frontend/src/views/App.tsx	0.00% <0.00%> (ø)
...perset-frontend/src/middleware/loggerMiddleware.js	78.04% <50.00%> (ø)
superset-frontend/src/logger/LogUtils.ts	96.15% <100.00%> (+0.15%)	⬆️
...perset-frontend/src/utils/DebouncedMessageQueue.js	91.66% <100.00%> (ø)

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

[rusackas]

Nice catch :)

[rusackas]

LGTM!