使用 jest 测试框架的 LWC 测试引发错误 - 元素的未知公共属性“smalldevicesize”

【问题标题】：LWC test using jest testing framework throws error - unknown public property "smalldevicesize" of element使用 jest 测试框架的 LWC 测试引发错误 - 元素的未知公共属性“smalldevicesize”
【发布时间】：2019-10-01 12:41:03
【问题描述】：

使用 jest 脚本在 VSCode 中测试 LWC 时，无法呈现自定义 LWC 组件，它会抛出错误 - Unknown public property "smalldevicesize" of element 。这可能是对应属性“smalldevicesize”上的拼写错误。

Here is the error screenshot

【问题讨论】：

标签： jestjs lwc

【解决方案1】：

您使用了错误的属性名称 smalldevicesize 这应该是 small-device-size

这是一个例子：

<lightning-layout-item small-device-size="">

这是闪电网络组件documentation。我希望这应该有效。

【讨论】：

谢谢它对我有用，我很早就被吸引了
这个解决方案在使用 jest 测试框架测试 LWC 自定义组件时对我有用。

【解决方案2】：

将属性更改为，因为它支持烤肉串表示法。

【讨论】：

是的，jest UI 支持 HTML 模板的 kebab 表示法 & jest.js 支持 javascipt 的骆驼表示法。