refactor(app): move react components to react codebase [EE-3179] (#6971)

app/react/components/buttons/LoadingButton.test.tsx

@@ -0,0 +1,43 @@
+import { render } from '@/react-tools/test-utils';
+
+import { LoadingButton } from './LoadingButton';
+
+test('when isLoading is true should show spinner and loading text', async () => {
+  const loadingText = 'loading';
+  const children = 'not visible';
+
+  const { findByLabelText, queryByText, findByText } = render(
+    <LoadingButton loadingText={loadingText} isLoading>
+      {children}
+    </LoadingButton>
+  );
+
+  const buttonLabel = queryByText(children);
+  expect(buttonLabel).toBeNull();
+
+  const spinner = await findByLabelText('loading');
+  expect(spinner).toBeVisible();
+
+  const loadingTextElem = await findByText(loadingText);
+  expect(loadingTextElem).toBeVisible();
+});
+
+test('should show children when false', async () => {
+  const loadingText = 'loading';
+  const children = 'visible';
+
+  const { queryByLabelText, queryByText } = render(
+    <LoadingButton loadingText={loadingText} isLoading={false}>
+      {children}
+    </LoadingButton>
+  );
+
+  const buttonLabel = queryByText(children);
+  expect(buttonLabel).toBeVisible();
+
+  const spinner = queryByLabelText('loading');
+  expect(spinner).toBeNull();
+
+  const loadingTextElem = queryByText(loadingText);
+  expect(loadingTextElem).toBeNull();
+});