wKich / interactors-inspector

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Interactors Inspector PoC

How to start

Required npm@7

  • npm i
  • npm run build
  • Inject bundle from ./build/main.js to your app
  • In a browser devtools execute function __BIGTEST_TOGGLE_INSPECTOR__ to show the inspector view

How to use

  • Hit Refresh button to match built-in interactors to all dom elements. When you move mouse on matched interactor the bound dom element highlights. You can inspect element props and do some actions.
  • On the right side you can write custom interactors by using createInteractor API or use built-in interactors to write action sequence

What doesn't work yet

  • Interactor actions execute synchronously, that blocks UI updates
  • Add interactor snippets

About

License:MIT License


Languages

Language:TypeScript 95.6%Language:JavaScript 2.8%Language:CSS 1.6%