How do you guys debug this?

[b12f]

I'm trying to add slot support for JSX templates and man has this whole ordeal triggered me. I thought the easiest way to go about it would be to duplicate the slot e2e tests from the grid.test.ts to the grid-jsx.test.ts, add some slots in the component and just run them.

I put some visitors with console.logs into script-handlers/slotHandler.js but nothing is being output. Lots of googling, this seems to be a Jest issue that they haven't fixed in two years.

So how do you guys do it? Is there a better alternative for me to test this JSX stuff on? I won't be able to change anything as long as Jest keeps fiddling with stdout.

[b12f]

Hmm so I've reverted to building into dist and then requiring dist/main.js, wrapping it into a small CLI script. Console logs still aren't showing though. Since we're here anyway, would you be all right with the following syntax:

        {/** @slot Use this slot header */}
        <slot name="header"></slot>

or alternatively

        {/** 
           @slot Use this slot header
         */}
        <slot name="header"></slot>

And would you know what the AST node is called that starts the comment? None of the JSX visitors I set seem to run.

[b12f]

Ok I got it. Still a pretty clunky dev setup.