apps/documents/tests: adjust test of CountDown.jsx to test active sta…

…te and inactive state

meinberlin/apps/contrib/assets/__tests__/CountDown.jest.jsx

@@ -1,29 +1,29 @@
 import React from 'react'
-import { render, screen } from '@testing-library/react'
+import { render } from '@testing-library/react'
 import { CountDown } from '../CountDown'
 
 test('CountComponent is showing inactive', () => {
-  render(
+  const tree = render(
     <CountDown
       activeClass="active-class"
       inactiveClass="inactive-class"
       countText="votes"
       counter={0}
     />
   )
-  const countComponent = screen.getByText('votes')
-  expect(countComponent.innerHTML).toBe('votes')
+  const buttonInactive = tree.container.querySelector('.inactive-class')
+  expect(buttonInactive).toBeTruthy()
 })
 
 test('CountComponent is showing active', () => {
-  render(
+  const tree = render(
     <CountDown
       activeClass="active-class"
       inactiveClass="inactive-class"
       countText="votes"
-      counter={2}
+      counter={1}
     />
   )
-  const countComponent = screen.getByText('votes')
-  expect(countComponent.innerHTML).toBe('votes')
+  const buttonActive = tree.container.querySelector('.active-class')
+  expect(buttonActive).toBeTruthy()
 })