如何测试图像是否已在testcafe中充满负载

Question

我需要创建一个助手来验证图像是否已在testcafe中充分加载，我对Testcafe非常新鲜。请帮助 谢谢

Answer 1

检查完整：//developer.mozilla.org/en-us/docs/web/api/htmlimageelement/naturalalwidth“ rel =“ nofollow noreferrer”> naturalwidth> naturalWidth 元素的属性。您可以使用 href =“ https://testcafe.io/documentation/402759/reference/test-api/selector/addcustomdomdomproperties#header” rel =“ nofollow noreferrer”>“ nofollow noreferrer”> selector selector自定义域。例如：

import { Selector } from 'testcafe';

fixture`Check images`
    .page`google.com`;

test('Test', async t => {
    const image = Selector('img[alt=Google]').addCustomDOMProperties({
        complete:     node => node.complete,
        naturalWidth: node => node.naturalWidth
    });

    await t
        .expect(image.complete).ok()
        .expect(image.naturalWidth).eql(272);
});