fix test and arbitrary props

Author: guoda-puidokaite

packages/ui-components/src/components/DescriptionDefinition/DescriptionDefinition.test.tsx

@@ -17,49 +17,50 @@ describe("DescriptionDefinition", () => {
         <DescriptionTerm data-testid={"term-1"}>Term 1</DescriptionTerm>
         <DescriptionDefinition data-testid={"def-1"}>Definition 1</DescriptionDefinition>
       </DescriptionList>
-    );
+    )
 
-    const termElement = screen.getByTestId("term-1");
-    const definitionElement = screen.getByTestId("def-1");
+    const termElement = screen.getByTestId("term-1")
+    const definitionElement = screen.getByTestId("def-1")
 
-    expect(termElement).toBeInTheDocument();
-    expect(termElement).toHaveTextContent("Term 1");
+    expect(termElement).toBeInTheDocument()
+    expect(termElement).toHaveTextContent("Term 1")
 
-    expect(definitionElement).toBeInTheDocument();
-    expect(definitionElement).toHaveTextContent("Definition 1");
+    expect(definitionElement).toBeInTheDocument()
+    expect(definitionElement).toHaveTextContent("Definition 1")
 
-  it("applies custom className", () => {
-    const customClass = "custom-class"
-    render(<DescriptionDefinition className={customClass}>Test Description</DescriptionDefinition>)
-    const ddElement = screen.getByText("Test Description")
-    expect(ddElement).toHaveClass(customClass)
-  })
+    it("applies custom className", () => {
+      const customClass = "custom-class"
+      render(<DescriptionDefinition className={customClass}>Test Description</DescriptionDefinition>)
+      const ddElement = screen.getByText("Test Description")
+      expect(ddElement).toHaveClass(customClass)
+    })
 
-  it("renders within a <dd> element", () => {
-    render(<DescriptionDefinition>Test Description</DescriptionDefinition>)
-    const ddElement = screen.getByText("Test Description")
-    expect(ddElement.tagName).toBe("DD")
-  })
+    it("renders within a <dd> element", () => {
+      render(<DescriptionDefinition>Test Description</DescriptionDefinition>)
+      const ddElement = screen.getByText("Test Description")
+      expect(ddElement.tagName).toBe("DD")
+    })
 
-  it("can render complex children", () => {
-    render(
-      <DescriptionDefinition>
-        <span>Complex</span> <strong>Content</strong>
-      </DescriptionDefinition>
-    )
-    expect(screen.getByText("Complex")).toBeInTheDocument()
-    expect(screen.getByText("Content")).toBeInTheDocument()
-  })
+    it("can render complex children", () => {
+      render(
+        <DescriptionDefinition>
+          <span>Complex</span> <strong>Content</strong>
+        </DescriptionDefinition>
+      )
+      expect(screen.getByText("Complex")).toBeInTheDocument()
+      expect(screen.getByText("Content")).toBeInTheDocument()
+    })
 
-  it("receives and applies arbitrary props", () => {
-    const dataId = "custom-id"
-    render(
-      <DescriptionDefinition data-testid={dataId}>
-        <span>Complex Term</span> <strong>Content</strong>
-      </DescriptionDefinition>
-    )
+    it("receives and applies arbitrary props", () => {
+      const dataId = "custom-id"
+      render(
+        <DescriptionDefinition data-testid={dataId}>
+          <span>Complex Term</span> <strong>Content</strong>
+        </DescriptionDefinition>
+      )
 
-    const ddElement = screen.getByTestId(dataId)
-    expect(ddElement).toHaveAttribute("data-testid", dataId)
+      const ddElement = screen.getByTestId(dataId)
+      expect(ddElement).toHaveAttribute("data-testid", dataId)
+    })
   })
 })