diff --git a/src/pages/docs/addons/what-is-an-addon.md b/src/pages/docs/addons/what-is-an-addon.md index e92ac2c0..a1b18864 100644 --- a/src/pages/docs/addons/what-is-an-addon.md +++ b/src/pages/docs/addons/what-is-an-addon.md @@ -1,5 +1,5 @@ --- -title: "Using add-ons to extend the Testsigma Actions" +title: "Using Add-ons to Extend the Testsigma Actions" page_title: "Using Add-ons to extend Testsigma Functionality" metadesc: "This article discusses what are add-ons, why are they useful, and how to use them to extend functionality for unique cases in Testsigma" order: 17.1 @@ -23,7 +23,7 @@ contextual_links: --- ## **What is an add-on?** -An add-on is a way to extend Testsigma’s built-in repository of actions with custom actions. These actions can be anything from **click first, then scroll, click again, scroll indefinitely till the bottom of the page,** and so on. +An add-on is a way to extend Testsigma’s built-in repository of actions with custom actions. These actions can be anything from **click first**, **then scroll**, **click again, scroll indefinitely till the bottom of the page**, and so on. --- ## **Why do you need add-ons?** @@ -34,14 +34,18 @@ Testsigma automates a diverse set of actions via its simple English based action For example, the **scroll indefinitely till the bottom of the page** action is applicable to an application that has a huge list of items where the list keeps adding individual items to a list until the user scrolls to the end. Think Pinterest, or an e-commerce website listing clothes. -If your test case involves scrolling to the bottom of the page to verify the copyright, you can create an add-on to automate it at scale using Testsigma. +If your test case involves scrolling to the bottom of the page to verify the copyright, you can create an add-on to automate it at scale using Testsigma. --- -## **How do you use add-ons?** -There are many actions that cannot be predicted until the scenario needs to be automated by someone. This is where add-ons come into play. **An add-on is a non-standard automation action that can be reused in recorded or manually-written automated tests.** -You can use the pre-existing add-ons and share your own with the rest of the test automation community through the [Add-ons Community Marketplace](https://testsigma.com/docs/addons/community-marketplace/). You can also keep a private repository of add-ons that is only accessible to you. This is handy if your add-on has proprietary code for your specific applications. +## **How do you use add-ons?** +You can use the pre-existing add-ons available in **Community**. +![Addons](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/addonsPagecas.png) + +If you are creating your own add-on, you can share it with the rest of the test automation community through the Add-ons Community Marketplace. You can also keep a private repository of add-ons that is only accessible to you. This is handy if your add-on has proprietary code for your specific applications. +Here's a quick GIF demonstrating how to install an addon in Testsigma. +![Network Throttling Addon](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ntaddonGIF.gif) -![Add-ons Marketplace in Testsigma](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/addon.gif) \ No newline at end of file +--- \ No newline at end of file diff --git a/src/pages/docs/integrations/product-management/linear.md b/src/pages/docs/integrations/product-management/linear.md index 10e1088c..8b598cf4 100644 --- a/src/pages/docs/integrations/product-management/linear.md +++ b/src/pages/docs/integrations/product-management/linear.md @@ -20,52 +20,58 @@ contextual_links: --- --- -With Testsigma and Linear integration, you can push bugs directly from Testsigma to your Linear project, capture screenshots, annotate bugs, and share them with your teammates and colleagues. -In this document, we will discuss how to establish Integration with Linear from your Testsigma account and how to create the first bug from Testsigma which can flow into Linear. +You can integrate Testsigma with Linear to push bugs directly to Linear’s project. You can also capture screenshots, annotate bugs, and share them with your team. In this document, we will discuss how to integrate Linear with Testsigma and also how to create the first bug from Testsigma which can flow into Linear. --- -##**Prerequisites** - -To integrate Linear with Testsigma, you need the following information from your Linear Account (Check how to get the API key here: https://linear.app/docs/api-and-webhooks) - -- API Key - -You should also be familiar with [Test Plan Runs](https://testsigma.com/docs/runs/test-plan-executions/). +## **Prerequisites** +To integrate Youtrack with Testsigma, you need the following: +- Linear API Key (For more information, refer to https://linear.app/docs/api-and-webhooks) +- You should also be familiar with [Test Plan Runs](https://testsigma.com/docs/runs/test-plan-executions/). --- -##**Integrating Linear with Testsigma** +## **Steps to Integrate Testsigma with Linear** +1. Navigate to **Settings > Integrations**. +![Integrations](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/lrintset.png) -1. Once the above details are obtained, navigate to the Plugins page through Dashboard > Settings > Plugins and select Linear under the Bug Reporting Tab. -2. Click on the Disabled Icon on Linear. Linear Details overlay opens up. -3. Enter the details as mentioned in Prerequisites. After entering the details, click on the Create button to add the Integration. - ---- +2. Enable toggle on **Linear** widget. +![Linear](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/lrtoggle.png) -##**Creating a bug** +3. On the **Linear Details** prompt, enter **API Key**. +![API Key](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/lrapikey.png) -We can create a bug within Testsigma from the run results page for a particular Test Plan with the following steps: +4. Click on **Save & Enable**. +![Save](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/lrsae.png) -1. Navigate to the run results test case level page where you want to add a bug. -2. Click on the Report Bug button(bug icon on the top right corner) to open the Bug Reporting overlay. +Here’s a quick GIF demonstrating how to integrate Testsigma with Linear. +![Integrate Linear](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/linearenable.gif) -![report bug on a test case execution result page](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/integrations/product-management/linear/run-test-case-report-bug-linear.png) - -3. Choose Linear and enter the detailed information of your bug. - -![report a bug on linear tool](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/integrations/product-management/linear/choose-linear-enter-bug-details.png) - -[[info | NOTE:]] -|Only the bug reporting tools that have been enabled via the plugins page (add link) will be displayed here. +--- +## **Creating a Bug** +1. Navigate to **Run Results > Test Case Result**, where you want to add a bug. +![Test Case details](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/lrtcdetails.png) -If you want to link to an existing issue on Linear, click on the Link to Issue button, search for an existing issue in the search field and click on Link Issue to add a link to an existing Issue on Linear. Otherwise, enter the bug details in the form as required. +2. Click on **Report Bug**. +![Report Bug](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/lrrbug.png) -4. Click on Create to create the Bug. +3. On **Report** overlay, click on **Linear** icon. +![Report Bug Overlay](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/lricon.png) -When the bug is created, some additional details regarding the Test Result such as the Test Execution Video and Step Screenshots are added to the Issue on Linear automatically by Testsigma. This helps the developer who checks the issue in Linear to understand the issue/bug better with more context. +4. On the **Create New Issue** prompt, + - Select the **Team & Project**. + ![Team & Project](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/lrtpro.png) + - Enter **Title & Description**. + ![Title & Descroption](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/lrtad.png) +5. Click on **Create Ticket**. +![Create Ticket](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/lecticket.png) +[[info | **NOTE**:]] +| If you want to link to an existing issue on Linear, click on the Link to Issue, search for an existing issue in the search field and click on Link Issue to add a link to an existing Issue. +Here’s a GIF demonstrating how to report bugs from Testsigma. +![Linear Bug](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/linearbug.gif) +--- \ No newline at end of file diff --git a/src/pages/docs/projects/overview.md b/src/pages/docs/projects/overview.md index 57b45cf4..dc9ab00b 100644 --- a/src/pages/docs/projects/overview.md +++ b/src/pages/docs/projects/overview.md @@ -26,90 +26,89 @@ contextual_links: --- -Testsigma offers the ability to create multiple projects and applications, allowing for logical separation between them. Each Testsigma Project comprises different types of Applications, similar to a real-life Project. For example, a Testsigma Project would be an e-commerce product with various application channels such as a Web app, Mobile web app, Android, iOS, or a public REST API. +Testsigma offers the ability to create multiple projects and applications, allowing for logical separation between them. Each Testsigma Project comprises different types of applications, similar to a real-life Project. Testsigma provides four sample projects with various test cases for Web, Mobile web, Android, and iOS application types within the Testsigma account. These sample projects can be used and modified to initiate test automation quickly. -This document will walk you through **creating**, **editing**, **switching**, and **deleting projects** in Testsigma. +This document will walk you through **creating**, **editing**, **switching**, and **deleting** projects in Testsigma. --- ## **Creating a Project** +1. Navigate to **Create New** and click on **Project** from the dropdown menu. +![Projects](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/prnavcl.png) -To create a new project in Testsigma, follow these steps: +2. Enter the **Project Name** and **Description** (Optional). +![Project Name & Description](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/prnad.png) -1. To create a new Project: +[[info | **NOTE**:]] +| Custom fields you create for your projects under **Settings > Custom Fields > Projects** will appear here. - a. Click **Create New** in the top-right corner of the screen, and then select **Project** from the drop-down menu. ![Highlighted are the methods to create Projects](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/overview/createnew_dashboard_ts.png) +3. If your project involves multiple applications, check **Allow adding multiple applications in this project** checbox. To add an application, click **Add Application**, select the **Application Type** from the drop-down menu, and give it a **Name**. By default, the project is set up for a single application. +![New project](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/prnpamv.png) - b. Alternatively, click **Project Switcher** in the top-left corner of the screen to open the Project Switcher overlay, and then click **Create New**. ![Project switcher on Dashboard](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/overview/createnew_switcher_ts.png) +4. Also, if you want multiple versions for each application, check **Allow multiple versions for applications** checbox. +![Multiple Versions](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/pramversions.png) -2. Enter the **Project Name** and **Description (Optional)**. ![Create Project Form](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/overview/projectname_ts.png) +5. Click on **Create**. +![Create](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/prcreate.png) - [[info | NOTE:]] - | Custom fields you create for your projects under **Settings** > **Custom Fields** > **Projects** will appear here. -  - -3. If your project involves **multiple applications**, you should enable the **toggle** feature. To add an application, click **Add New Application**, select the **application type** from the drop-down menu, and give it a **name**. You can **delete** it later. By default, the project is set up for a **single application**; you can select the **project type** from the drop-down menu. ![Select Multiple Applications option on Creating Project](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/overview/enabletoggle_multipleapp.png) - -4. Also, if you want multiple versions for each application, you should enable the **toggle** feature and add the Application Version. ![Application Version](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/overview/enabletoggle_appversion.png) - - [[info | NOTE:]] - | You can also add these settings later by editing the Project as well. - -5. Click **Create** in the top-right corner of the screen. ![Create a Project](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/overview/create_project_ts.png) - -6. Your Project is created, and you will be taken to the Test Cases page directly. You can start automating your Test Cases from here. ![Test Cases page after creating project](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/overview/newproject_tc_ts.png) - - [[info | NOTE:]] - | Refer to [Assign Projects](https://testsigma.com/docs/collaboration/assign-projects/) if you want to assign users and manage project roles before proceeding. - -Here is a quick GIF demonstrating the above workflow: ![Creating a Project](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/overview/creatingaproject.gif) +Here is a quick GIF demonstrating how to create a Project. +![Create Project](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/createproject.gif) --- ## **Editing a Project** +1. Navigate to **Project > Project Settings**. +![Project Settings](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/prnavprtprs.png) -To edit an existing project in Testsigma, follow these steps: +2. This will open the **Edit Project** prompt. +![Edit Project](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/preditprompt.png) -1. Select the **Project** you want to edit from the Project Switcher, then navigate to the **Project Settings** page. ![Project Settings](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/overview/projectedit_ts.png) +3. You can update **Project Details**, **Multiple Applications** and **Versions** from here. Also, you can add **Project Members**, **Test Case Types**, and **Requirement Types** on the same prompt. +![Update Details](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/prdetailsall.png) -2. Click **Edit** on the top-right corner of the screen to open the **Edit Project** page; you can enable/disable the **toggle** to **Multiple Applications** or **Versions** from here. Click **Update** to save changes. ![Edit Project page from Project Settings](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/overview/editproject_update_ts.png) +4. Click on **Update** to save the changes. +![Update](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/pruclick.png) -3. **Adding**, **editing**, and **deleting** **Applications** & **Versions** can be done under **Project Settings** > **Applications**. ![Editing Application and Versions](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/overview/editapplication_ts.png) +**Adding**, **Editing**, and **Deleting** Applications & Versions can be done under **Project Settings > Applications**. -Here is a quick GIF demonstrating the above workflow: ![Editing a Project](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/overview/editingaproject.gif) +Here is a quick GIF demonstrating how to edit a Project. +![Edit Project](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/editproject.gif) --- ## **Switching Projects** +1. Click on the current **Project** from **Dashboard**. +![Project](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/prswitch.png) -To switch between different projects in Testsigma, follow these steps: +2. Select **Project**, **Application**, and **Version** from respective dropdowns and click on **Go to project**. +![Switch Dropdowns](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/prspgtp.png) -1. Click the drop-down arrow next to the current project name in the top-left corner -2. Click on the drop-down menu to select the **Project** (**Application**, **Version**, if enabled) you wish to switch to from the list of projects you can access. Then, click **Go** to switch projects. -3. Once you select a project, Testsigma will take you to the dashboard of the selected project. +3. You’ll be redirected to the dashboard of the selected project. -Here is a quick GIF demonstrating the above workflow: ![Switching Projects](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/overview/switchingproject.gif) +Here is a quick GIF demonstrating how to switch projects. +![Switch Projects](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/switchpr.gif) --- ## **Deleting a Project** +1. Navigate to **Project > Project Settings**. +![Project Settings](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/prnavprtprs.png) -To delete a project in Testsigma, follow these steps: +2. Click on **Delete**. +![Delete](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/prdelete.png) -1. Select the **Project** you want to delete from the Project Switcher, then navigate to the **Project Settings** page. -2. Click **Delete** on the top-right corner of the screen to delete the project. +3. On the **Delete project** prompt, enter **DELETE** and click on **Delete**. +![DELETE](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/prdelefin.png) -**Deleting a Project will lead to losing all data within the project.** - - All **Applications** & **Application Versions** within this Project. +[[info | **NOTE**:]] +| Deleting a Project will delete: +| - All Applications & Application Versions within this Project. +| - All Test cases, Elements, Test data profiles, Custom functions, Uploads, Requirements, Test suites, Test plans, Run results and Environments associated with this project. - - All **Test cases**, **Elements**, **Test data profiles**, **Custom functions**, **Uploads**, **Requirements**, **Test suites**, **Test plans**, **Run results** and **Environments** associated with this project. - -**Please ensure you are okay with losing all the above data before proceeding with the Project deletion.** - -3. If you still want to delete the Project, Confirm the deletion by entering **DELETE** and then clicking **I understand, delete this project**. ![Delete Project](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/overview/deleteproject_ts.png) - ---- +Here is a quick GIF demonstrating how to delete a project. +![Delete](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/deletepr.gif) +--- \ No newline at end of file diff --git a/src/pages/docs/test-data/types/parameter.md b/src/pages/docs/test-data/types/parameter.md index db254693..fe9384f7 100644 --- a/src/pages/docs/test-data/types/parameter.md +++ b/src/pages/docs/test-data/types/parameter.md @@ -9,89 +9,33 @@ contextual_links: - type: section name: "Contents" - type: link - name: "Here is how it works" - url: "#here-is-how-it-works" -- type: link - name: "Associate the test data profile with the pre-existing test case" - url: "#associate-the-test-data-profile-with-the-pre-existing-test-case" + name: "How to Use Parameters in a Test Case?" + url: "#how-to-use-parameters-in-a-test-case?" --- --- -A parameter test data type is an input that is injected into your test from a test data profile. +Parameters in Testsigma are variables used to customize test cases for different scenarios. They enhance flexibility by applying the same test logic for varied inputs. For example, while testing a login page, you can use parameters to provide different usernames and passwords. -![Test data profile image for test parameters](https://docs.testsigma.com/images/parameter/test-data-profile-test-case-image-test-parameters.png) +![Illustration](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/prmillustration.png) --- -## **Here is how it works** - -1. A user creates a test data profile : - - **a.** Navigate to the **Test Data Profile** page under Test Development. - - **b.** Create a new Test Data profile with different column names. - -2. [Create a test case](https://www.testsigma.com/docs/test-cases/manage/add-edit-delete/) - - **a.** In the test case, add a test step with **test data**. - - **b.** Delete the test data placeholder and choose Parameter from the dropdown. - - **c.** Choose one of the parameters that you just created. - - **d.** Insert the parameter into the test case. - -Let’s see how to insert a username parameter from a test data profile: - -1. Create a test data profile by navigating to **Test Development > Test Data Profile > Create**. - - ![create test data profile](https://docs.testsigma.com/images/parameter/create-test-data-profile.png) - - ![gift to create test data profile](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/tdpparameter.gif) - -2. Create a test case by navigating to **Test Development → Test Cases → Create** - - ![navigate to create test case](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-data/types/parameter/navigate-to-create-test-case.png) - - 1. Create a test case by entering a name, description - 2. Choose the newly created test data profile from advanced options - 3. Click Create - - ![create new test case](https://docs.testsigma.com/images/parameter/create-new-test-case.png) - - - 4. Testsigma will automatically navigate you to the test case details/test steps page - 5. Here create the first step for navigating to the application - 6. In the next step, choose the NLP containing “test data” like Enter test data in the ui identifier field - - ![choose nlp with test data](https://docs.testsigma.com/images/parameter/choose-nlp-with-test-data.png) - - 7. Now delete the “test data“ placeholder and choose Parameter from the drop-down options - - 8. Insert the parameter from the test data profile into the test case - - ![gif to use parameter type test data](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-data/types/parameter/gif-use-parameter-type-test-data.gif) - -Now, your test case will use the parameter from your test data profile. - ---- -## **Associate the test data profile with the pre-existing test case** - -![gif to associate parameter type test data with a test case](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/parameter.gif) - ---- -## **Using Multiple Test Data Profiles in a Test Case** - -When you associate multiple test data profiles with a test case, you have the capability of using any test data parameter associated with any of the associate test data profiles in a test step. - +## **How to Use Parameters in a Test Case?** +1. Create a **Test Data Profile**. See, [create test data profile](https://testsigma.com/docs/test-data/create-data-profiles/). Alternatively, you can also import a Test Data Profile. -For nested steps - any parameter from the test data profile associated with the parent test step can be used. +2. Create a **Test Case** and associate **Test Data Profile** from **Test Case Settings**. See [create test case](https://testsigma.com/docs/test-cases/manage/add-edit-delete/#creating-a-test-case). +![Test Case Settings](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/prmtcs.png) +3. In your test steps, use *‘Enter ***test data*** in the ***element*** field’* NLP. +![NLP](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/prmnlp.png) -The test data parameter(in the associated test data profiles) can be iterated in a step group, a for loop, or, a while loop. It can also be used with an if condition or any other NLP. +4. Click on **test data** and select **Parameter** from the drop-down. +![Dropdown](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/prmprmdd.png) -Below is a GIF demonstrating the use of three Test Data Profiles in one Test Case three nested for loops. +5. On **Parameter** overlay, choose the parameter you want to use in your test case. +![Overlay](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/prmoverlay.png) - ![A gif demonstrating creation of 3 nested for loops with 3 test data profiles](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-data/types/parameter/3TestDataProfilesInATestCase.gif) +[[info | **NOTE**:]] +| You can also associate test data profile with pre-existing test case from **Test Case Settings**. --- \ No newline at end of file diff --git a/src/pages/docs/test-data/types/phone-number.md b/src/pages/docs/test-data/types/phone-number.md index 7469d53b..dfec2e3c 100644 --- a/src/pages/docs/test-data/types/phone-number.md +++ b/src/pages/docs/test-data/types/phone-number.md @@ -27,6 +27,7 @@ The phone number data type is used to automate two-factor authentication (2FA) a --- ## **Prerequisites** - You should be familiar with regular expressions. Refer to the [regex guide](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions). + - Contact [Testsigma support](support@testsigma.com) to get a phone number. --- diff --git a/src/pages/docs/uploads/upload-files.md b/src/pages/docs/uploads/upload-files.md index bc94a819..fcc42e06 100644 --- a/src/pages/docs/uploads/upload-files.md +++ b/src/pages/docs/uploads/upload-files.md @@ -10,8 +10,11 @@ contextual_links: - type: section name: "Contents" - type: link - name: "Uploading the file" - url: "#uploading-the-file" + name: "Steps to Upload Files" + url: "#steps-to-upload-files" +- type: link + name: "Updating an Uploaded File" + url: "#updating-an-uploaded-file" - type: link name: "Getting the file URL" url: "#getting-the-file-url" @@ -19,38 +22,51 @@ contextual_links: --- -With Testsigma, you can upload small files to Testsigma uploads as attachments and then use their links in your test steps. This document will discuss how to do that. +In Testsigma, you can upload small files as attachments and then use their links in your test steps. This document will discuss how to do that. --- -##**Uploading the file** -1. Go to **Test Development > Uploads** -2. In the Uploads page, click on the **Upload** button. You will be prompted to choose the file to upload. The window looks like the screenshot below: -![upload window to upload files for a project in Testsigma](https://docs.testsigma.com/images/upload-files/upload-window-upload-files-testsigma.png) -3. Choose the file you want to upload. On the upload window, make sure the file and the version are named correctly. There is a screenshot below, for your reference: -![upload-file-first-time](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/uploads/upload-files/upload-file-first-time.png) -4. Click on the upload button. -4. On successful upload, the file is displayed on the uploads page: -![uploads page with one uploaded file in Testsigma](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/uploads/upload-files/uploads-page-one-uploaded-testsigma.png) +## **Steps to Upload Files** +1. Navigate to **Test Data > Uploads**. +![Uploads](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/uplnavtdul.png) + +2. Click on **Upload**. +![Upload File](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/uplub.png) + +2. On **Upload a File** prompt, drag and drop your files or click on **Browse** to select the file from your local folder. +![Prompt](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/uplfileprompt.png) +3. Enter **Name**, **Version**, and click on **Upload**. +![Details](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/uplpnver.png) + +Here’s a quick GIF demonstrating how to upload a new file. +![Upload New File](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/uploadnewfile.gif) --- -##**Getting the file URL** -From the Uploads page, copy the file path from the copy button, also highlighted in the screenshot below: -![copy file path on uploads page in Testsigma](https://docs.testsigma.com/images/upload-files/copy-file-path-uploads-page--testsigma.png) -Paste this URL when needed in the Test Steps. -Learn more about how to use uploaded files in Test Steps [here](https://testsigma.com/tutorials/test-cases/web-apps/automate-upload-buttons/) + +## **Updating an Uploaded File** +1. Navigate to **Test Data > Uploads**. +![Uploads](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/uplnavtdul.png) + +2. Hover over the upload you want to update and click on **Keabab Menu**. +![Kebab Menu](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/uplkm.png) + +3. Click on **Upload new version**. +![Edit](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/uplnewver.png) + +3. On **Update new version** prompt, drag and drop your files or click on **Browse** to select the file from your local folder. +![Update File](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/uplunvprompt.png) + +4. Enter **Name**, **Version**, and click on **Upload**. +![Details](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/uplupnewversion.png) + +Here’s a quick GIF demonstrating how to update a file with new version. +![Update File](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/updatefile.gif) --- -##**Editing an uploaded file with an updated version** -Once you have uploaded a file, you might want to add an updated version of the file. You can do that by following below steps: -1. Go to Test Development > Uploads -2. On the Uploads page, go to the upload that you want to update -3. Corresponding to the upload, click on the edit button, as highlighted in the screenshot below: -![edit button to upload an updated file](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/uploads/upload-files/edit-button-upload-updated-file.png) -4. On the update file pop-up that appears, choose the file you want to update the file to. -5. Once the file is uploaded, you would see the name and version text boxes appear as shown in the screenshot below: -![Update File window under Uploads](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/uploads/upload-files/uploads-updated-file-window.png) -6. Fill in the name and version text boxes with the needed information. -7. Click on the button “Update” for the changes to be reflected. +## **Getting the file URL** +From the Uploads page, copy the file path from the copy button and paste this URL when needed in the test steps. +![Copy Path](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/uplpath.png) +*For more information about using uploaded files in Test Steps, refer to [test steps for uploaded files](https://testsigma.com/tutorials/test-cases/web-apps/automate-upload-buttons/)* +--- \ No newline at end of file