From 0056138a011f2e5e17becb4b63a7deb44e5a0ba4 Mon Sep 17 00:00:00 2001
From: Dominik Stahl <dominik@samdj.de>
Date: Mon, 12 May 2025 23:00:04 +0200
Subject: [PATCH] test: icon-button

---
 src/components/icon-button.cy.tsx | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 src/components/icon-button.cy.tsx

diff --git a/src/components/icon-button.cy.tsx b/src/components/icon-button.cy.tsx
new file mode 100644
index 0000000..b5a1ff0
--- /dev/null
+++ b/src/components/icon-button.cy.tsx
@@ -0,0 +1,24 @@
+/* eslint-disable @typescript-eslint/no-unused-expressions */
+import React from 'react';
+import { IconButton } from './icon-button';
+import { faOpenid } from '@fortawesome/free-brands-svg-icons';
+
+describe('<IconButton />', () => {
+  it('renders', () => {
+    cy.mount(<IconButton icon={faOpenid}>Button</IconButton>);
+  });
+
+  it('is clickable', () => {
+    const onClick = cy.stub();
+    cy.mount(
+      <IconButton icon={faOpenid} onClick={onClick} data-cy='icon-button'>
+        Button
+      </IconButton>,
+    );
+    cy.getBySel('icon-button')
+      .click()
+      .then(() => {
+        expect(onClick).to.be.calledOnce;
+      });
+  });
+});