如何在角度量角器中測試吐司消息？

Question

在我正在測試的應用程序中，組件類中有幾行顯示一條Toastr消息。 我正在嘗試編寫一個量角器測試，以測試這些消息是否顯示，但是很難。 原因是我在HTML中沒有提到烤面包機，因此我對如何讓量角器找到它沒有真正的了解。 這是我使用烤面包機的代碼。 我想測試用戶注冊或更新時是否顯示成功消息。

     dialogRef.afterClosed().subscribe(result => {
        console.log(result);
        if (result.success === "success") {
            this.toastr.success(result.isToEdit == true ? "User is updated successfully " : "User is created successfully.");
            this.getUsers();
        }
    });

我正在為此抓撓頭。 任何幫助都會很棒。 謝謝！

編輯：我相信我已經解決了這個問題。 我執行以下代碼來訪問消息：

return element(by.css('.toast-message'))

Answer 1

看來您需要等待烤面包機消失。 添加browser.sleep(1000)等待它。 這是最簡單且並非真正正確的解決方案，但是第一步您可以嘗試一下。 更好的解決方案是使用await browser.wait(ExpectedConditions.visibilityOf(element), 1000, element.locator()); 讓量角器等待元素最多出現1000毫秒 ，而不是阻止整個測試進入睡眠狀態

Answer 2

它確實存在於HTML中，但僅在可見時存在。

在配置中，可以通過設置messageClass在消息上指定一個類。

然后，您可以使用CSS類進行搜索：

https://www.npmjs.com/package/ng2-toastr#toastoptions-configurations