diff --git a/ui/src/app/components/spinners/LoadingIndicator.test.js b/ui/src/app/components/spinners/LoadingIndicator.test.js
new file mode 100644
index 0000000..c69a16d
--- /dev/null
+++ b/ui/src/app/components/spinners/LoadingIndicator.test.js
@@ -0,0 +1,7 @@
+import {render} from '@testing-library/react';
+
+import LoadingIndicator from 'app/components/spinners/LoadingIndicator';
+
+test("render loading indicator", () => {
+  render(<LoadingIndicator show={true} />);
+});
diff --git a/ui/src/app/components/spinners/WaitingCard.test.js b/ui/src/app/components/spinners/WaitingCard.test.js
new file mode 100644
index 0000000..1b70db4
--- /dev/null
+++ b/ui/src/app/components/spinners/WaitingCard.test.js
@@ -0,0 +1,17 @@
+
+import {render} from '@testing-library/react';
+
+import WaitingCard from 'app/components/spinners/WaitingCard';
+
+beforeEach(() => {
+  jest.useFakeTimers()
+});
+
+afterEach(() => {
+  jest.runOnlyPendingTimers()
+  jest.useRealTimers()
+});
+
+test("render waiting card", async () => {
+  render(<WaitingCard isLoading={true} />);
+});