Improve scalar values support in FactValue

assets/js/components/ExecutionResults/CheckResultDetail/FactValue.jsx

@@ -6,7 +6,7 @@ function FactValue({ className, data }) {
   return typeof data === 'object' ? (
     <ObjectTree className={className} data={data} />
   ) : (
-    <span className={className}>{data}</span>
+    <span className={className}>{`${data}`}</span>
   );
 }
 

assets/js/components/ExecutionResults/CheckResultDetail/FactValue.test.jsx

@@ -1,20 +1,43 @@
 import React from 'react';
 import { render, screen } from '@testing-library/react';
-import { faker } from '@faker-js/faker';
 import '@testing-library/jest-dom';
 
 import { randomObjectFactory } from '@lib/test-utils/factories';
 
 import FactValue from './FactValue';
 
 describe('FactValue component', () => {
-  it('should render just a scalar value', () => {
-    const plainString = faker.hacker.noun();
-
-    render(<FactValue data={plainString} />);
-
-    expect(screen.getByText(plainString)).toBeVisible();
-  });
+  const scalarScenarios = [
+    {
+      type: 'string',
+      plain: 'a string',
+      stringRepresentation: 'a string',
+    },
+    {
+      type: 'number - integer',
+      plain: 42,
+      stringRepresentation: '42',
+    },
+    {
+      type: 'number - float',
+      plain: 42.5,
+      stringRepresentation: '42.5',
+    },
+    {
+      type: 'boolean',
+      plain: true,
+      stringRepresentation: 'true',
+    },
+  ];
+
+  it.each(scalarScenarios)(
+    'should render just a scalar value of type "$type"',
+    ({ plain, stringRepresentation }) => {
+      render(<FactValue data={plain} />);
+
+      expect(screen.getByText(stringRepresentation)).toBeVisible();
+    }
+  );
 
   it('should render just an object tree', () => {
     const data = randomObjectFactory.build();