cast container type because of an type issue currently in testing-lib…

…rary see: testing-library/react-testing-library#841 testing-library/dom-testing-library#834
pabra · Dec 13, 2020 · ff06c88 · ff06c88
1 parent 8978974
commit ff06c88
Showing 1 changed file with 15 additions and 3 deletions.
diff --git a/__tests__/index.test.tsx b/__tests__/index.test.tsx
@@ -291,14 +291,18 @@ test('avoid unnecessary re-rendering', async () => {
   };
 
   const timeout = 500;
-  const { container, getByTestId } = render(
+  const { container: containerElement, getByTestId } = render(
     <div>
       <ClickView recurseCount={3} />
       <ClickButtonAdd />
       <ClickButtonReset />
     </div>,
   );
 
+  // https://github.com/testing-library/react-testing-library/issues/841
+  // https://github.com/testing-library/dom-testing-library/pull/834
+  const container: HTMLElement = containerElement as HTMLElement;
+
   // each element's renderer and effect should have been called once
   expect(getByTestId('render-clicks-3').textContent).toBe('clicks: 0');
   expect(getByTestId('render-clicks-2').textContent).toBe('clicks: 0');
@@ -447,14 +451,18 @@ test('avoid unnecessary re-rendering with just setters and state consumers', asy
   };
 
   const timeout = 500;
-  const { container, getByTestId } = render(
+  const { container: containerElement, getByTestId } = render(
     <div>
       <ClickView recurseCount={3} />
       <ClickButtonAdd />
       <ClickButtonReset />
     </div>,
   );
 
+  // https://github.com/testing-library/react-testing-library/issues/841
+  // https://github.com/testing-library/dom-testing-library/pull/834
+  const container: HTMLElement = containerElement as HTMLElement;
+
   // each element's renderer and effect should have been called once
   expect(getByTestId('render-clicks-3').textContent).toBe('clicks: 0');
   expect(getByTestId('render-clicks-2').textContent).toBe('clicks: 0');
@@ -611,7 +619,7 @@ test('update same state multiple times', async () => {
   };
 
   const timeout = 500;
-  const { container, getByTestId } = render(
+  const { container: containerElement, getByTestId } = render(
     <div>
       <View id={1} />
       <IncA />
@@ -621,6 +629,10 @@ test('update same state multiple times', async () => {
     </div>,
   );
 
+  // https://github.com/testing-library/react-testing-library/issues/841
+  // https://github.com/testing-library/dom-testing-library/pull/834
+  const container: HTMLElement = containerElement as HTMLElement;
+
   expect(getByTestId('inc-c').textContent).toBe('inc 10');
   expect(getByTestId('view-1').textContent).toBe('a: 1, b: 6, c: 11');
   expect(getByTestId('view-2').textContent).toBe('a: 1, b: 6, c: 11');