Merge pull request #1709 from deepanshu-product/stage1

#Detox_testing_on_hyperexecute

Author: Ishavyas9

assets/images/hyperexecute/frameworks/Detox/Detox_Video_dashboard.png

@@ -0,0 +1,172 @@
+---
+id: detox-testing-on-hyperexecute
+title: Detox Testing on HyperExecute
+hide_title: false
+sidebar_label: Detox Testing
+description: Learn how to run Detox automation tests on HyperExecute for React Native apps
+keywords:
+  - Detox
+  - Detox automation
+  - Detox testing
+  - detox testing react native
+  - detox automation testing
+  - detox lambdatest
+  - hyperexecute
+  - hyperexecute detox testing
+  - detox tests on hyperexecute
+  - hyperexecute automation testing
+  - HyperExecute React Native automation
+url: https://www.lambdatest.com/support/docs/detox-testing-on-hyperexecute/
+site_name: LambdaTest
+slug: detox-testing-on-hyperexecute/
+---
+
+import CodeBlock from '@theme/CodeBlock';
+import {YOUR_LAMBDATEST_USERNAME, YOUR_LAMBDATEST_ACCESS_KEY} from "@site/src/component/keys";
+
+<script type="application/ld+json"
+      dangerouslySetInnerHTML={{ __html: JSON.stringify({
+       "@context": "https://schema.org",
+        "@type": "BreadcrumbList",
+        "itemListElement": [{
+          "@type": "ListItem",
+          "position": 1,
+          "name": "Home",
+          "item": "https://www.lambdatest.com"
+        },{
+          "@type": "ListItem",
+          "position": 2,
+          "name": "Support",
+          "item": "https://www.lambdatest.com/support/docs/"
+        },{
+          "@type": "ListItem",
+          "position": 3,
+          "name": "How to run Detox automation tests on HyperExecute",
+          "item": "https://www.lambdatest.com/support/docs/detox-testing-on-hyperexecute/"
+        }]
+      })
+    }}
+></script>
+
+Detox is a popular end-to-end testing framework for React Native applications. This documentation will help you run your Detox tests on LambdaTest HyperExecute using your local system setup.
+
+## Run a Sample Project
+### Step 1: Clone Sample Repository
+
+:::tip Detox repo
+Download or Clone the Detox sample from LambdaTest’s GitHub Repository
+
+<a href="https://github.com/rishirajs123/LT-Detox" className="github__anchor"><img loading="lazy" src={require('../assets/images/icons/github.png').default} alt="Image" className="doc_img"/> View on GitHub</a>
+:::
+
+### Step 2: Download the CLI in your Project
+Download the HyperExecute CLI and copy it into the root folder of the downloaded sample repository.
+
+| Platform | HyperExecute CLI |
+| ---------| ---------------- |
+| Linux | https://downloads.lambdatest.com/hyperexecute/linux/hyperexecute |
+| Windows | https://downloads.lambdatest.com/hyperexecute/windows/hyperexecute.exe |
+| macOS | https://downloads.lambdatest.com/hyperexecute/darwin/hyperexecute |
+
+### Step 3: Execute your Test Suite
+From the project root directory, execute the below CLI command in your terminal:
+
+<div className="lambdatest__codeblock">
+  <CodeBlock className="language-bash">
+    {`./hyperexecute --user ${ YOUR_LAMBDATEST_USERNAME()} --key ${ YOUR_LAMBDATEST_ACCESS_KEY()} --config RELATIVE_PATH_OF_YOUR_YAML_FILE `}
+  </CodeBlock>
+</div>
+
+> **NOTE :** In case of macOS, if you get a permission denied warning while executing CLI, simply run **`chmod u+x ./hyperexecute`** to allow permission. In case you get a security popup, allow it from your **System Preferences** → **Security & Privacy** → **General tab**.
+
+<img loading="lazy" src={require('../assets/images/hyperexecute/frameworks/Detox/Detox_cmd.png').default} alt="TestNG HyperExecute Terminal Logs"  width="1920" height="868" className="doc_img"/>
+
+
+<br /><br />
+
+You've successfully triggered the Detox tests on HyperExecute. Visit the [HyperExecute Dashboard](https://hyperexecute.lambdatest.com/hyperexecute) and check your Job status. 
+
+
+## Configure your own Project
+
+### Step 1: Download the CLI in your Project
+Download the HyperExecute CLI and copy it into the root folder.
+
+| Platform | HyperExecute CLI |
+| ---------| ---------------- |
+| Linux | https://downloads.lambdatest.com/hyperexecute/linux/hyperexecute |
+| Windows | https://downloads.lambdatest.com/hyperexecute/windows/hyperexecute.exe |
+| macOS | https://downloads.lambdatest.com/hyperexecute/darwin/hyperexecute |
+
+### Step 2: Configure YAML in your Test Suite
+Use the sample YAML below to configure your execution:
+
+```yaml
+---
+autosplit: true
+
+# Set the concurrency level for test execution (2 devices in parallel)
+concurrency: 2
+
+framework:
+    # Name of the test framework (raw in this case)
+    name: raw
+    args:
+        buildName: test_demo_1
+        deviceLogs: true
+        devices:
+            - Galaxy S23
+        disableReleaseDevice: true
+        env:
+            DETOX: true
+        isRealMobile: true
+        mobileDC: true
+        platformName: android
+        privateCloud: true
+        queueTimeout: 600
+
+        # Enable or disable video recording support
+        video: true
+
+
+# Make test status as HyperExecute job's status
+frameworkStatusOnly: true
+
+# job label for hyperexecute job
+jobLabel: ['raw','detox','public']
+
+# Pre-install required dependencies from pre-setup scripts
+pre:
+    - bash ./lambdatest/scripts/pre-setup.sh
+
+# Specify the target platform for test execution (Android in this case)
+runson: android
+
+# Test discovery configuration
+testDiscovery:
+    # Command to discover tests from the discovery.txt file
+    command: cat ./lambdatest/discovery.txt 
+    # Test discovery mode is static
+    mode: static 
+    # Test type is raw (custom test implementation)
+    type: raw
+
+# Command to run the tests using the testRunnerCommand
+testRunnerCommand: bash ./lambdatest/scripts/execute.sh $test
+
+# Define the version of the configuration file
+version: "0.2"
+```
+
+> 📘 To explore more configuration options and tailor settings to your project needs, check out the [YAML documentation](https://www.lambdatest.com/support/docs/hyperexecute-yaml-parameters/).
+
+### Step 3: Monitor the Test Execution
+
+Visit the [HyperExecute Dashboard](https://hyperexecute.lambdatest.com/hyperexecute) and check your Job status. 
+
+<img loading="lazy" src={require('../assets/images/hyperexecute/frameworks/Detox/Detox_dashboard.png').default} alt="TestNG HyperExecute Terminal Logs"  width="1920" height="868" className="doc_img"/>
+
+
+> For any query or doubt, please feel free to contact us via <span className="doc__lt" onClick={() => window.openLTChatWidget()}>**24×7 chat support**</span> or you can also drop a mail to **[email protected]**.<br />
+
+

assets/images/hyperexecute/frameworks/Detox/Detox_cmd.png

@@ -334,6 +334,11 @@ module.exports = {
             label: "Maestro",
             id: "hyperexecute-maestro-testing",
           },
+          {
+            type: "doc",
+            label: "Detox Testing",
+            id: "detox-testing-on-hyperexecute",
+          },
           {
             type: "doc",
             label: "XCUI",