test: add tests for git connection (#1289)

* chore: add data-test attributes

* test: add github connection test, add applications modal

* chore: embed test GITHUB_CLIENT_* environment values

---------

Co-authored-by: Ali BARIN <ali.barin53@gmail.com>

packages/web/src/components/AppConnections/index.tsx

@@ -29,6 +29,7 @@ export default function AppConnections(
       <NoResultFound
         to={URLS.APP_ADD_CONNECTION(appKey)}
         text={formatMessage('app.noConnections')}
+        data-test="connections-no-results"
       />
     );
   }

packages/web/src/components/AppFlows/index.tsx

@@ -45,6 +45,7 @@ export default function AppFlows(props: AppFlowsProps): React.ReactElement {
       <NoResultFound
         to={URLS.CREATE_FLOW_WITH_APP_AND_CONNECTION(appKey, connectionId)}
         text={formatMessage('app.noFlows')}
+        data-test="flows-no-results"
       />
     );
   }

packages/web/src/components/InputCreator/index.tsx

@@ -190,6 +190,7 @@ export default function InputCreator(
           onChange={onChange}
           onBlur={onBlur}
           name={computedName}
+          data-test={`${computedName}-text`}
           label={label}
           fullWidth
           helperText={description}

packages/web/src/pages/Application/index.tsx

@@ -175,6 +175,7 @@ export default function Application(): React.ReactElement | null {
                     value={URLS.APP_CONNECTIONS_PATTERN}
                     disabled={!app.supportsConnections}
                     component={Link}
+                    data-test="connections-tab"
                   />
 
                   <Tab
@@ -182,6 +183,7 @@ export default function Application(): React.ReactElement | null {
                     to={URLS.APP_FLOWS(appKey)}
                     value={URLS.APP_FLOWS_PATTERN}
                     component={Link}
+                    data-test="flows-tab"
                   />
                 </Tabs>
               </Box>