描述bug

自定义事件在操作中没有显示。
查看 this repository 以获取完全工作的例子：
Button.js

import { html } from 'lit-html';

/**
* Primary UI component for user interaction
*/
export const Button = ({ primary, backgroundColor, size, label }) => {
  function internalOnClickFunction(e) {
    console.log('logged from internalOnClickFunction', e);

    this.dispatchEvent(new Event('foo'));
    this.dispatchEvent(new CustomEvent('bar', {detail: 'foo! bar!'}));
  }

  return html`
<button
id="mySelector"
type="button"
@click=${internalOnClickFunction}
>
${label}
</button>
`;
};

Button.stories.js

import { Button } from './Button';

export default {
  title: 'Example/Button',
  parameters: {
    actions: {
      handles: ['mouseover', 'click', 'foo', 'bar'],
    },
  },
};

const Template = (args) => Button(args);

export const SomeButton = Template.bind({});
SomeButton.args = {
  label: 'SomeButton',
};

重现

重现行为所需的步骤：

1. git clone https://github.com/dersimn/storyboard-customevent-issue
2. 遵循README.md中的说明