fix tests

Signed-off-by: Sebastian Malton <sebastian@malton.name>

src/renderer/components/+workloads-pods/details/volumes/variants/__tests__/__snapshots__/ceph-fs.test.tsx.snap

@@ -68,6 +68,7 @@ exports[`<CephFs /> should render 'false' for Readonly when false is provided 1`
     </span>
     <span
       class="value"
+      data-testid="cephfs-readonly"
     >
       false
     </span>
@@ -143,6 +144,7 @@ exports[`<CephFs /> should render 'false' for Readonly when not provided 1`] = `
     </span>
     <span
       class="value"
+      data-testid="cephfs-readonly"
     >
       false
     </span>
@@ -218,6 +220,7 @@ exports[`<CephFs /> should render 'true' for Readonly when true is provided 1`]
     </span>
     <span
       class="value"
+      data-testid="cephfs-readonly"
     >
       true
     </span>

src/renderer/components/+workloads-pods/details/volumes/variants/__tests__/ceph-fs.test.tsx

@@ -41,7 +41,7 @@ describe("<CephFs />", () => {
     ));
 
     expect(result.container).toMatchSnapshot();
-    expect(result.getByTestId("cephfs-readonly").innerText).toBe("false");
+    expect(result.getByTestId("cephfs-readonly").innerHTML).toBe("false");
   });
 
   it("should render 'false' for Readonly when false is provided", () => {
@@ -76,7 +76,7 @@ describe("<CephFs />", () => {
     ));
 
     expect(result.container).toMatchSnapshot();
-    expect(result.getByTestId("cephfs-readonly").innerText).toBe("false");
+    expect(result.getByTestId("cephfs-readonly").innerHTML).toBe("false");
   });
 
   it("should render 'true' for Readonly when true is provided", () => {
@@ -111,6 +111,6 @@ describe("<CephFs />", () => {
     ));
 
     expect(result.container).toMatchSnapshot();
-    expect(result.getByTestId("cephfs-readonly").innerText).toBe("true");
+    expect(result.getByTestId("cephfs-readonly").innerHTML).toBe("true");
   });
 });

src/renderer/components/drawer/drawer-item.tsx

@@ -38,7 +38,7 @@ export function DrawerItem({
       title={title}
     >
       <span className="name">{name}</span>
-      <span className="value" data-testId={valueTestId}>{displayBooleans(renderBoolean, children)}</span>
+      <span className="value" data-testid={valueTestId}>{displayBooleans(renderBoolean, children)}</span>
     </div>
   );
 }