From bd48a9fffdf05037c46b3bbde46c24170de5ecbd Mon Sep 17 00:00:00 2001
From: Alexandre Bodin <bodin.alex@gmail.com>
Date: Tue, 16 Aug 2022 18:08:18 +0200
Subject: [PATCH] Setup timeout for logo update page due to slow image fetching

---
 .../components/LogoInput/tests/index.test.js          | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/components/LogoInput/tests/index.test.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/components/LogoInput/tests/index.test.js
index b5390d24a1..f470600f5c 100644
--- a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/components/LogoInput/tests/index.test.js
+++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/components/LogoInput/tests/index.test.js
@@ -1,9 +1,11 @@
 import React from 'react';
 import { IntlProvider } from 'react-intl';
-import { render as renderTL, fireEvent, screen, waitFor } from '@testing-library/react';
+import { render as renderTL, fireEvent, screen, waitFor, configure } from '@testing-library/react';
 import { ThemeProvider, lightTheme } from '@strapi/design-system';
 import LogoInput from '../index';
 
+configure({ asyncUtilTimeout: 8000 });
+
 const getFakeSize = jest.fn(() => ({
   width: 500,
   height: 500,
@@ -28,7 +30,7 @@ const render = (props) =>
         <LogoInput
           {...props}
           defaultLogo="/admin/defaultLogo.png"
-          onChangeLogo={() => jest.fn()}
+          onChangeLogo={jest.fn()}
           onResetMenuLogo={jest.fn()}
         />
       </IntlProvider>
@@ -172,7 +174,7 @@ describe('ApplicationsInfosPage || LogoInput', () => {
 
     it('should show error message when uploading wrong file format', async () => {
       render();
-      const changeLogoButton = document.querySelector('button');
+      const changeLogoButton = screen.getByRole('button');
       fireEvent.click(changeLogoButton);
       fireEvent.click(screen.getByText('From url'));
 
@@ -247,8 +249,11 @@ describe('ApplicationsInfosPage || LogoInput', () => {
 
     it('should accept upload and lead user to next modal', async () => {
       render();
+
       const changeLogoButton = document.querySelector('button');
+
       fireEvent.click(changeLogoButton);
+
       fireEvent.click(screen.getByText('From url'));
 
       const textInput = document.querySelector('input[name="logo-url"]');