檢查TestCafe測試中的值

Question

我使用TestCafe自動測試特定的功能。 在此功能中，用戶只能擁有5個條目。 該站點上有一個標簽，指示剩余的條目數。 當用戶已有5個條目時，應刪除一個條目以測試添加新條目。 頁面的html標記是：

<p class="pull-left text-muted">5 / 5 possible entries</p>

現在我想得到這個字符串，以便在使用JavaScript時刪除一個條目，當它顯示5/5個可能的條目時。 到目前為止，我有這個測試代碼：

await t
    .expect(location.pathname).eql(addresspath);

const extractEntries = Selector("p").withText("possible entries");
console.log('[DEBUG], Entries: ' + extractEntries.toString());
var entries = extractEntries.toString().substring(0, 1);
console.log('[DEBUG], character: ' + entries);

當測試運行時，在extractEntries.toString（）的輸出上輸出：

[DEBUG], Entries: function __$$clientFunction$$() {
        var testRun = builder.getBoundTestRun() || _testRunTracker2.default.resolveContextTestRun();
        var callsite = (0, _getCallsite.getCallsiteForMethod)(builder.callsiteNames.execution);
        var args = [];

        // OPTIMIZATION: don't leak `arguments` object.
        for (var i = 0; i < arguments.length; i++) {
            args.push(arguments[i]);
        }return builder._executeCommand(args, testRun, callsite);
    }

而下一行：

[DEBUG], character: f

我已經嘗試過extractEntries.textContent ， extractEntries.innerHTML ， extractEntries.innerText但是我無法獲得5 / 5 possible entries 。

訪問文本的解決方案是什么？

Answer 1

TestCafe選擇器提供異步屬性以獲取元素狀態值。 要獲取元素文本，請使用await指令調用textContent屬性：

const paragraph      = Selector("p").withText("possible entries");
const extractEntries = await paragraph.textContent;