Generella funktioner
Samling med generella funktioner för automatiska testfall.
createPlaceholderInDocument
Skapar och returnerar ett placeholder element under <body>.
Anroparen ansvarar för att städa upp elementet.
Måste köras i en miljö där DOM finns tillgängligt, exempelvis en browser eller JSDOM.
function createPlaceholderInDocument(): HTMLElement;
Användning
I Vue.js testfall kan funktionen användas med attachTo när komponenten måste finnas i DOM (exempelvis när man testar fokus):
import { createPlaceholderInDocument } from "@fkui/test-utils";
shallowMount(MyComponent, {
attachTo: createPlaceholderInDocument(),
});
generateSelector
Genererar en CSS selector för givet element.
Måste köras i en miljö där DOM finns tillgängligt, exempelvis en browser eller JSDOM.
function generateSelector(element: Element | null): string;
element- Elementet att generera selector för.
Användning
import { generateSelector } from "@fkui/test-utils";
document.body.innerHTML = /* HTML */ `
<main id="foo">
<p class="text">Lorem Ipsum</p>
</main>
`;
const element = document.querySelector(".text");
const selector = generateSelector(element);
console.log(selector); // --> "#foo .text"