From b0cbe76e680d3500c83915158ad934188aa55519 Mon Sep 17 00:00:00 2001
From: Margaree Peacocke <margaree.p@gmail.com>
Date: Thu, 19 Sep 2024 13:44:00 -0400
Subject: [PATCH] Dialogs: Add axe tests

---
 components/dialog/test/dialog-confirm.axe.js  | 37 ++++++++++++++
 .../dialog/test/dialog-fullscreen.axe.js      | 44 +++++++++++++++++
 components/dialog/test/dialog.axe.js          | 49 +++++++++++++++++++
 3 files changed, 130 insertions(+)
 create mode 100644 components/dialog/test/dialog-confirm.axe.js
 create mode 100644 components/dialog/test/dialog-fullscreen.axe.js
 create mode 100644 components/dialog/test/dialog.axe.js

diff --git a/components/dialog/test/dialog-confirm.axe.js b/components/dialog/test/dialog-confirm.axe.js
new file mode 100644
index 0000000000..aabcaaa1bf
--- /dev/null
+++ b/components/dialog/test/dialog-confirm.axe.js
@@ -0,0 +1,37 @@
+import '../dialog-confirm.js';
+import '../../button/button.js';
+import { expect, fixture, html } from '@brightspace-ui/testing';
+
+describe('d2l-dialog-confirm', () => {
+
+	it('closed', async() => {
+		const el = await fixture(html`<d2l-dialog-confirm></d2l-dialog-confirm>`);
+		await expect(el).to.be.accessible();
+	});
+
+	it('default with title-text', async() => {
+		const el = await fixture(html`<d2l-dialog-confirm opened title-text="My Dialog" text="My dialog content"></d2l-dialog-confirm>`);
+		await expect(el).to.be.accessible();
+	});
+
+	it('critical', async() => {
+		const el = await fixture(html`<d2l-dialog-cofirm opened title-text="My Dialog" critical text="My dialog content"></d2l-dialog-confirm>`);
+		await expect(el).to.be.accessible();
+	});
+
+	it('footer buttons', async() => {
+		const el = await fixture(html`
+			<d2l-dialog-cofirm title-text="Dialog Title" opened text="My dialog content">
+				<d2l-button slot="footer" primary data-dialog-action="done">Done</d2l-button>
+				<d2l-button slot="footer" data-dialog-action>Cancel</d2l-button>
+			</d2l-dialog-confirm>
+		`);
+		await expect(el).to.be.accessible();
+	});
+
+	it('no title-text', async() => {
+		const el = await fixture(html`<d2l-dialog-cofirm opened text="My dialog content"></d2l-dialog-confirm>`);
+		await expect(el).to.be.accessible();
+	});
+
+});
diff --git a/components/dialog/test/dialog-fullscreen.axe.js b/components/dialog/test/dialog-fullscreen.axe.js
new file mode 100644
index 0000000000..1cd7867840
--- /dev/null
+++ b/components/dialog/test/dialog-fullscreen.axe.js
@@ -0,0 +1,44 @@
+import '../dialog-fullscreen.js';
+import '../../button/button.js';
+import { expect, fixture, html } from '@brightspace-ui/testing';
+
+describe('d2l-dialog-fullscreen', () => {
+
+	it('closed', async() => {
+		const el = await fixture(html`<d2l-dialog-fullscreen></d2l-dialog-fullscreen>`);
+		await expect(el).to.be.accessible();
+	});
+
+	it('default with title-text', async() => {
+		const el = await fixture(html`<d2l-dialog-fullscreen opened title-text="My Dialog"></d2l-dialog-fullscreen>`);
+		await expect(el).to.be.accessible();
+	});
+
+	it('footer buttons', async() => {
+		const el = await fixture(html`
+			<d2l-dialog-fullscreen title-text="Dialog Title" opened>
+				<div>Some dialog content</div>
+				<d2l-button slot="footer" primary data-dialog-action="done">Done</d2l-button>
+				<d2l-button slot="footer" data-dialog-action>Cancel</d2l-button>
+			</d2l-dialog-fullscreen>
+		`);
+		await expect(el).to.be.accessible();
+	});
+
+	it.skip('no title-text', async() => {
+		const el = await fixture(html`<d2l-dialog-fullscreen opened>My content</d2l-dialog-fullscreen>`);
+		await expect(el).to.be.accessible();
+	});
+
+	it.skip('tall content', async() => {
+		const el = await fixture(html`
+			<d2l-dialog-fullscreen opened title-text="My Dialog">
+				<div style="overflow-y: scroll; height:200px;">
+					<div style="height: 10000px;">My content</div>
+				</div>
+			</d2l-dialog-fullscreen>
+		`);
+		await expect(el).to.be.accessible();
+	});
+
+});
diff --git a/components/dialog/test/dialog.axe.js b/components/dialog/test/dialog.axe.js
new file mode 100644
index 0000000000..30e4918ca4
--- /dev/null
+++ b/components/dialog/test/dialog.axe.js
@@ -0,0 +1,49 @@
+import '../dialog.js';
+import '../../button/button.js';
+import { expect, fixture, html } from '@brightspace-ui/testing';
+
+describe('d2l-dialog', () => {
+
+	it('closed', async() => {
+		const el = await fixture(html`<d2l-dialog></d2l-dialog>`);
+		await expect(el).to.be.accessible();
+	});
+
+	it('default with title-text', async() => {
+		const el = await fixture(html`<d2l-dialog opened title-text="My Dialog"></d2l-dialog>`);
+		await expect(el).to.be.accessible();
+	});
+
+	it('describe-content', async() => {
+		const el = await fixture(html`<d2l-dialog opened title-text="My Dialog" describe-content>My content</d2l-dialog>`);
+		await expect(el).to.be.accessible();
+	});
+
+	it('footer buttons', async() => {
+		const el = await fixture(html`
+			<d2l-dialog title-text="Dialog Title" opened>
+				<div>Some dialog content</div>
+				<d2l-button slot="footer" primary data-dialog-action="done">Done</d2l-button>
+				<d2l-button slot="footer" data-dialog-action>Cancel</d2l-button>
+			</d2l-dialog>
+		`);
+		await expect(el).to.be.accessible();
+	});
+
+	it.skip('no title-text', async() => {
+		const el = await fixture(html`<d2l-dialog opened>My content</d2l-dialog>`);
+		await expect(el).to.be.accessible();
+	});
+
+	it.skip('tall content', async() => {
+		const el = await fixture(html`
+			<d2l-dialog opened title-text="My Dialog">
+				<div style="overflow-y: scroll; height:200px;">
+					<div style="height: 10000px;">My content</div>
+				</div>
+			</d2l-dialog>
+		`);
+		await expect(el).to.be.accessible();
+	});
+
+});