@uqds/accordion
Advanced tools
Comparing version 1.1.0-alpha.0 to 1.1.0-alpha.1
{ | ||
"name": "@uqds/accordion", | ||
"version": "1.1.0-alpha.0", | ||
"version": "1.1.0-alpha.1", | ||
"description": "Accordion component", | ||
@@ -52,3 +52,3 @@ "keywords": [ | ||
}, | ||
"gitHead": "78891f49ec037688e08f67f30a52691404325da7" | ||
"gitHead": "557cd7a2c0d99f1fe85c8fe3d1881a2aed367e74" | ||
} |
@@ -1,6 +0,30 @@ | ||
import { renderFromString } from "@uqds/test-utils"; | ||
import accordionMarkup from "./fixtures/markup.html"; | ||
import { renderFromString } from "../../../../tests/jest/jest-dom"; | ||
import Accordion from "../js/accordion.js"; | ||
import { fireEvent, screen, waitFor } from "@testing-library/dom"; | ||
const accordionMarkup = ` | ||
<div class="uq-accordion" aria-label="Accordion button group" role="presentation"> | ||
<div class="uq-accordion__item"> | ||
<button class="uq-accordion__toggle" aria-controls="content-1" aria-expanded="false" id="accordion-title-1">Title 1</button> | ||
<div class="uq-accordion__content" role="region" aria-hidden="true" id="content-1" aria-labelledby="accordion-title-1"> | ||
<p>Accordion 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum auctor eros dui, vitae iaculis leo ornare eget. Etiam tristique lobortis ligula non mattis. Ut dapibus libero neque, vel tincidunt nunc tempus eget.</p> | ||
</div> | ||
</div> | ||
<div class="uq-accordion__item"> | ||
<button class="uq-accordion__toggle" aria-controls="content-2" aria-expanded="false" id="accordion-title-2">Title 2</button> | ||
<div class="uq-accordion__content" role="region" aria-hidden="true" id="content-2" aria-labelledby="accordion-title-2"> | ||
<p>Accordion 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum auctor eros dui, vitae iaculis leo ornare eget. Etiam tristique lobortis ligula non mattis. Ut dapibus libero neque, vel tincidunt nunc tempus eget.</p> | ||
</div> | ||
</div> | ||
<div class="uq-accordion__item"> | ||
<button class="uq-accordion__toggle" aria-controls="content-3" aria-expanded="false" id="accordion-title-3">Title 3</button> | ||
<div class="uq-accordion__content" role="region" aria-hidden="true" id="content-3" aria-labelledby="accordion-title-3"> | ||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum auctor eros dui, vitae iaculis leo ornare eget. Etiam tristique lobortis ligula non mattis. Ut dapibus libero neque, vel tincidunt nunc tempus eget.</p> | ||
<p>Maecenas faucibus mollis interdum. Etiam porta sem malesuada magna mollis euismod. Maecenas sed diam eget risus varius blandit sit amet non magna. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nullam quis risus eget urna mollis ornare vel eu leo. Donec sed odio dui.</p> | ||
</div> | ||
</div> | ||
</div> | ||
`; | ||
describe("Accordion behaviour", () => { | ||
@@ -7,0 +31,0 @@ it("Should expand and collapse", async () => { |
584
33733
13