blob: 50cdc2c06ddbf34b16119f9c42e3a7cbaf5ec258 [file] [log] [blame]
<!DOCTYPE html>
<meta charset="utf-8">
<title>Toast: showToast tests</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<body>
</body>
<script type="module">
import { showToast, StdToastElement } from 'std:elements/toast';
import { testShowToast, assertToastNotShown, assertToastShown } from './resources/helpers.js';
testShowToast((toast) => {
assert_true(toast != null);
assert_true(toast instanceof StdToastElement);
}, 'showToast creates and returns a toast');
testShowToast((toast) => {
assert_true(document.querySelector('std-toast') === toast);
}, 'showToast puts the toast in the DOM');
testShowToast((toast) => {
assertToastShown(toast);
}, 'showToast displays the toast by default');
testShowToast((toast) => {
toast.hide();
assertToastNotShown(toast);
}, 'hiding showToast immediately does not display it');
testShowToast((toast) => {
toast.show();
assertToastShown(toast);
}, 'calling show after showToast does nothing');
testShowToast((toast) => {
let toast2;
try {
toast2 = showToast('message2');
assert_not_equals(toast, toast2);
}
finally {
toast2.remove();
}
}, 'calling showToast multiple times creates multiple different toasts');
test(() => {
const toast = showToast('test');
assert_equals(toast.textContent, 'test');
}, 'showToast created toast has `test` as its text content');
test(() => {
const toast = showToast('<p>rich text</p>');
assert_equals(toast.textContent, '<p>rich text</p>');
assert_equals(toast.querySelector('p'), null);
}, 'passing markup to showToast does not pass through the markup behaviors');
</script>