如何删除 TestCafe 中的样式属性

Question

如何使用 TestCafe on a React build 删除客户端的 CSS 属性？

目前我正在为绘制 polylines 的客户工作，但由于以下样式属性 transform: matrix(1.4043, 0, 0, 1.4043, 40.5, 0);，我无法将 DOM 结果与原始结果进行比较，缩放 DOM 个元素。

我找不到任何解决方案，所以我的问题是：如何删除此样式属性？

提前致谢！

Answer 1

一个解决方案是使用 ClientFunction:

const getStyleAttribute = ClientFunction((selector) => {
    const element = selector();
    return element.getAttribute('style');
});

const setStyleAttribute = ClientFunction((selector, styleValue) => {
    const element = selector();
    element.setAttribute('style', styleValue);
});

const field = Selector('your selector');
const styles = await getStyleAttribute(field) || '';
const updatedStyles = 
`${styles} background-color: red; transform: matrix(1.4043, 0, 0, 1.4043, 40.5, 0);`;

await setStyleAttribute(field, updatedStyles);

以上示例是添加变换和背景色。您可以改为修改此代码以删除样式。

不要忘记在测试文件中导入ClientFunction。

如何删除 TestCafe 中的样式属性

How to remove style properties in TestCafe

javascript

testing

automated-tests

reactjs

testcafe