test(tag): refactor use screen

Author: koca

packages/chakra-ui-core/src/CTag/tests/CTag.test.js

@@ -1,5 +1,5 @@
 import { CBox, CTag, CTagLabel, CTagIcon, CTagCloseButton, CAvatar } from '../..'
-import { render } from '@/tests/test-utils'
+import { render, screen } from '@/tests/test-utils'
 
 const renderComponent = (props) => {
   const base = {
@@ -22,38 +22,36 @@ it('should render correctly', () => {
 })
 
 it('should display children', () => {
-  const { getByText } = renderComponent()
+  renderComponent()
 
-  expect(getByText('Green')).toBeInTheDocument()
+  expect(screen.getByText('Green')).toBeInTheDocument()
 })
 
 it('should display tag with right icon', () => {
   const { asFragment } = renderComponent({
     template: `
-  <CBox mb="3">
-    <CTag size="sm" variantColor="green">
-      <CTagLabel>Green</CTagLabel>
-      <CTagIcon icon="add" size="12px" />
-    </CTag>
-  </CBox>
-  `
+    <CBox mb="3">
+      <CTag size="sm" variantColor="green">
+        <CTagLabel>Green</CTagLabel>
+        <CTagIcon icon="add" size="12px" />
+      </CTag>
+    </CBox>`
   })
   expect(asFragment()).toMatchSnapshot()
 })
 it('should display tag with custom element', () => {
   const { asFragment } = renderComponent({
     template: `
-  <CBox mb="3">
-    <CTag rounded="full" variantColor="red">
-      <CAvatar
-        name="Mesut Koca"
-        size="xs"
-        src="https://pbs.twimg.com/profile_images/953743486842474496/cOrUdK4z_200x200.jpg"
-      />
-      <CTagLabel>Mesut</CTagLabel>
-    </CTag>
-  </CBox>
-  `
+    <CBox mb="3">
+      <CTag rounded="full" variantColor="red">
+        <CAvatar
+          name="Mesut Koca"
+          size="xs"
+          src="https://pbs.twimg.com/profile_images/953743486842474496/cOrUdK4z_200x200.jpg"
+        />
+        <CTagLabel>Mesut</CTagLabel>
+      </CTag>
+    </CBox>`
   })
   expect(asFragment()).toMatchSnapshot()
 })