test-utils: switch mock icons to be plain svg elements

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>

packages/test-utils/src/testUtils/appWrappers.tsx

@@ -31,28 +31,28 @@ import { renderWithEffects } from './testingLibrary';
 import { mockApis } from './mockApis';
 
 const mockIcons = {
-  'kind:api': () => <span />,
-  'kind:component': () => <span />,
-  'kind:domain': () => <span />,
-  'kind:group': () => <span />,
-  'kind:location': () => <span />,
-  'kind:system': () => <span />,
-  'kind:user': () => <span />,
+  'kind:api': () => <svg />,
+  'kind:component': () => <svg />,
+  'kind:domain': () => <svg />,
+  'kind:group': () => <svg />,
+  'kind:location': () => <svg />,
+  'kind:system': () => <svg />,
+  'kind:user': () => <svg />,
 
-  brokenImage: () => <span />,
-  catalog: () => <span />,
-  scaffolder: () => <span />,
-  techdocs: () => <span />,
-  search: () => <span />,
-  chat: () => <span />,
-  dashboard: () => <span />,
-  docs: () => <span />,
-  email: () => <span />,
-  github: () => <span />,
-  group: () => <span />,
-  help: () => <span />,
-  user: () => <span />,
-  warning: () => <span />,
+  brokenImage: () => <svg />,
+  catalog: () => <svg />,
+  scaffolder: () => <svg />,
+  techdocs: () => <svg />,
+  search: () => <svg />,
+  chat: () => <svg />,
+  dashboard: () => <svg />,
+  docs: () => <svg />,
+  email: () => <svg />,
+  github: () => <svg />,
+  group: () => <svg />,
+  help: () => <svg />,
+  user: () => <svg />,
+  warning: () => <svg />,
 };
 
 const ErrorBoundaryFallback = ({ error }: { error: Error }) => {