add guide for testing mini apps (#668)

* add guide for testing mini app

* fix spelling

* remove Steps component and add a callout for basedev console

* add steps to DM section

Author: hughescoin

docs/docs.json

@@ -496,7 +496,8 @@
             "pages": [
               "mini-apps/troubleshooting/common-issues",
               "mini-apps/troubleshooting/base-app-compatibility",
-              "mini-apps/troubleshooting/how-search-works"
+              "mini-apps/troubleshooting/how-search-works",
+              "mini-apps/troubleshooting/testing"
             ]
           },
           {

docs/mini-apps/troubleshooting/testing.mdx

@@ -0,0 +1,77 @@
+---
+title: Test Your App
+description: Confidently test your app before going live in the Base app
+---
+
+Testing your mini app before launch ensures it functions correctly, displays properly, and provides the user experience you intended. You can test your app using a few different methods, each suited for different stages of development and testing needs. The only requirement is to have your mini app publicly accessible URL via `https://`.
+
+## Base Build Preview Tool
+
+Preview and debug your mini app to ensure it displays correctly in the Base App using the [Preview Tool.](https://www.base.dev/preview)
+
+<Info>
+Your browser's console won't show Base-specific logs. Base.dev console provides logs specific to how your mini app works within the Base app, including user context and Base app-specific functionality. 
+</Info>
+
+### Best for 
+
+    * Validating correctness of manifest files and required fields
+* Using an interactive console for viewing logs 
+* Signing your app's manifest  
+
+### Not ideal for testing
+* Full look and feel on your app in Base app
+* Chat and Base app specific functionality
+* User context functionality
+
+### Steps
+
+1. Navigate to [Base.dev/preview](https://www.base.dev/preview) 
+2. Log in using your Base app account
+3. Paste your app's url in the field
+4. Click `Submit`
+
+## Base app
+
+Preview how your app would function directly using the Base App.
+
+### Best for
+
+* Keeping your app private from the feed  
+* Preview in-app functionality (UX)
+* Chat-based applications
+* Apps that require user and Base app context
+
+### Not ideal for testing
+
+* Logs  
+* Validating correctness of manifest file
+
+### Steps
+
+1. Enable Developer Mode: **Open Base App > Privacy & Security > toggle Developer Mode**
+2. Open preview: **Settings > Developer > Preview** 
+3. Enter the URL of your mini app  
+4. Click `Preview` 
+
+## In-feed and DMs
+
+Preview your app by posting the URL directly in the Base app feed or by sending a DM to another user.
+
+### Best for
+
+* Requesting feedback from the public 
+* Apps that require user and Base app context
+* Testing edge cases 
+
+### Not ideal for
+
+* Viewing logs  
+* Validating correctness of manifest file
+
+### Steps
+
+1. Open [Base app](https://join.base.app/)
+2. Share your mini app URL by:
+   - Posting it in the Base app feed, or
+   - Sending it in a DM to someone or a group chat