diff --git a/docs/smartui-multiple-projects-per-repo.md b/docs/smartui-multiple-projects-per-repo.md new file mode 100644 index 000000000..6dd8ac497 --- /dev/null +++ b/docs/smartui-multiple-projects-per-repo.md @@ -0,0 +1,72 @@ +--- +id: smartui-multiple-projects-per-repo +title: Configure Multiple Projects per repo +sidebar_label: Multiple Projects per repo +description: SmartUI can now performs visual testing on pages that have videos. +keywords: + - lambdatest + - smart ui + - videos + - storybook +url: https://www.lambdatest.com/support/docs/smartui-multiple-projects-per-repo/ +site_name: LambdaTest +slug: smartui-multiple-projects-per-repo/ +--- + + +SmartUI allows you to manage and test UI components effectively within a single repository. By organizing multiple projects in a single repository, you can centralize your workflows and streamline collaboration. This guide will walk you through setting up multiple projects in a repository for SmartUI and how you can trigger the same via GitHub Actions pipeline. + +## Setting Up Multiple Projects in a Repository + +### Prerequisites +- Your LambdaTest [Username and Access key](https://accounts.lambdatest.com/security). +- Your SmartUI Project Token + +### Step 1: Organize Your Repository +Create a repository where you can organize your projects into various directories. You can use your own project to configure and test it. For demo purposes, we are using the sample repository. + +:::tip Sample repo +Download or Clone the code sample from the LambdaTest GitHub repository to run the tests on the SmartUI. +Image View on GitHub +::: + +### Step 2: Create your Secrets +- Click on the **Settings** of your repository. +- Go to the **Security** option > **Secrets and Variables** > **Actions**. +- Create your secrets with variable name **LT_USERNAME** and **LT_ACCESS_KEY**. You can fetch your credentials from the [Accounts and Settings](https://accounts.lambdatest.com/security) dashboard. + +### Step 3: Create your GitHub Actions Workflow +- Navigate to the main page of the repository. +- Under your repository name, click **Actions**. +- In the left sidebar, click the **New workflow** button. + +```yaml reference +https://github.com/LambdaTest/smartui-monorepo-sample/blob/main/.github/workflows/main.yml +``` + +### Step 4: Execute your projects +- Click on the **Actions** button of your repository to trigger the pipeline. +- Provide the **PROJECT TOKEN** to trigger your code projects. +- Go to the [SmartUI Dashboard](https://smartui.lambdatest.com/) to check the results. \ No newline at end of file diff --git a/sidebars.js b/sidebars.js index 18cd9f7a9..8085e6cce 100644 --- a/sidebars.js +++ b/sidebars.js @@ -2892,6 +2892,7 @@ module.exports = { "test-settings-options", "html-dom-smartui-options", "smart-ui-build-options", + "smartui-multiple-projects-per-repo" ] }, ],