fix: true/false display

Author: shanejonas

src/JSONSchema/SchemaRenderer.tsx

@@ -140,7 +140,7 @@ const SchemaRenderer: React.FC<IProps> = ({ schema, required, name }) => {
         color: colorMap[schema.type as any],
       }}>{schema.type}</TableCell>
       <TableCell style={styles.cellWidth}>{schema.pattern}</TableCell>
-      <TableCell style={styles.cellWidth}>{required ? "yes" : ""}</TableCell>
+      <TableCell style={styles.cellWidth}>{required ? "true" : "false"}</TableCell>
       <TableCell style={styles.cellWidth}>{schema.description}</TableCell>
     </TableRow>
   );

src/JSONSchema/fields/JSONSchemaFields.test.tsx

@@ -54,7 +54,7 @@ it("renders with a schema required", () => {
     ],
   } as JSONSchema4;
   ReactDOM.render(<JSONSchemaFields schema={schema} />, div);
-  expect(div.innerHTML.includes("required")).toBe(true);
+  expect(div.innerHTML.includes("true")).toBe(true);
 
   ReactDOM.unmountComponentAtNode(div);
 });
@@ -69,7 +69,7 @@ it("renders with a schema without required", () => {
     },
   } as JSONSchema4;
   ReactDOM.render(<JSONSchemaFields schema={schema} />, div);
-  expect(div.innerHTML.includes("optional")).toBe(true);
+  expect(div.innerHTML.includes("false")).toBe(true);
   ReactDOM.unmountComponentAtNode(div);
 });