diff --git a/assets/images/accessibility-testing/mark-bug/1.png b/assets/images/accessibility-testing/mark-bug/1.png new file mode 100644 index 000000000..6dd46c66f Binary files /dev/null and b/assets/images/accessibility-testing/mark-bug/1.png differ diff --git a/assets/images/accessibility-testing/mark-bug/2.png b/assets/images/accessibility-testing/mark-bug/2.png new file mode 100644 index 000000000..56949c865 Binary files /dev/null and b/assets/images/accessibility-testing/mark-bug/2.png differ diff --git a/docs/accessibility-report-bug.md b/docs/accessibility-report-bug.md index 380a740bd..f4c5a3344 100644 --- a/docs/accessibility-report-bug.md +++ b/docs/accessibility-report-bug.md @@ -51,65 +51,19 @@ The Bug Reporting feature in LambdaTest Accessibility Testing helps you to effic - **Team Collaboration :** Assign bugs to team members, set priorities, and track resolution status. ## Steps to Report a Bug -LambdaTest enables seamless integration with third-party issue trackers to streamline bug management. +### Prerequisite +- Integrate your LambdaTest account with your required [Bug Tracker platform](https://www.lambdatest.com/support/docs/bug-tracking-tools/). ### Step 1. Navigating to Accessibility Test Report - Navigate to **Accessibility** section in your LambdaTest dashboard. - Go to the **Manual/Automation** Reports. -- Select the report for which you want to Mark it as Bug. +- Select the report for which you want to mark it as **Bug**. -## Step 2. Reporting an Issue -- Click on the **Report Bug** button next to the identified issue. -- A bug reporting form will appear with pre-filled details, including: +accessibility-mark-bug -Issue type (e.g., contrast error, missing ARIA attributes, keyboard navigation failure). +### Step 2. Reporting an Issue +- Click on the **Report Bug** icon in the top right cornter. +- A pop-up window will open, fill up the details and create a issue for the same. +- The issue will be notified in your selected bug reporting platform. -Affected elements and their selectors. - -WCAG guideline references. - -Automated screenshot with highlighted issue area. - -(Optional) Add a custom description and additional screenshots. - -Assign the bug to a specific team member. - -Set the priority (Low, Medium, High, Critical). - -Click Submit to log the bug. - -3. Tracking and Managing Bugs - -Navigate to the Bug Tracking Dashboard in LambdaTest. - -View all reported bugs along with their statuses (Open, In Progress, Resolved, Closed). - -Use filters to sort bugs by severity, assignee, or testing session. - -Click on a bug to view detailed information and comments from the assignee. - -Update the status or add further details as needed. - -Integrations with Issue Tracking Tools - -LambdaTest enables seamless integration with third-party issue trackers to streamline bug management. - -1. Configuring Integrations - -Navigate to Integrations in the LambdaTest dashboard. - -Select the issue tracker you want to connect (e.g., Jira, Trello, GitHub, GitLab, Asana). - -Authenticate using API keys or OAuth credentials. - -Configure default project settings for bug reporting. - -Save settings to enable automated issue logging. - -2. Logging Bugs to External Tools - -When reporting a bug, select Sync to [Issue Tracker]. - -The bug will be automatically pushed to the selected tool with all necessary details. - -Updates in the external tracker will reflect in LambdaTest's Bug Tracking Dashboard. \ No newline at end of file +accessibility-mark-bug diff --git a/docs/emulator-simulator-avaiable-devices.md b/docs/emulator-simulator-avaiable-devices.md new file mode 100644 index 000000000..efe6f6aa7 --- /dev/null +++ b/docs/emulator-simulator-avaiable-devices.md @@ -0,0 +1,45 @@ +--- +id: emulator-simulator-avaiable-devices +title: Emulator and Simulator Devices +hide_title: false +sidebar_label: Devices List - Emulator/Simulator +description: List of devices available on Emulator and Simulator +keywords: + - lambdatest + - emulator + - simulator + - devices +url: https://www.lambdatest.com/support/docs/emulator-simulator-avaiable-devices/ +site_name: LambdaTest +slug: emulator-simulator-avaiable-devices/ +--- + +import Tabs from '@theme/Tabs'; +import TabItem from '@theme/TabItem'; +import DeviceList from '@site/src/component/DeviceList' + + + + \ No newline at end of file diff --git a/sidebars.js b/sidebars.js index 598c88001..945d5ac1b 100644 --- a/sidebars.js +++ b/sidebars.js @@ -2413,16 +2413,9 @@ module.exports = { }, }, [ - { - type: "doc", - label: "Emulator / Simulator", - id: "app-automation-app-sim", - }, - { - type: "doc", - label: "Flutter", - id: "virtual-device-flutter-apps", - }, + "app-automation-app-sim", + "virtual-device-flutter-apps", + "emulator-simulator-avaiable-devices" ], ], diff --git a/src/component/DeviceList.js b/src/component/DeviceList.js new file mode 100644 index 000000000..4e96f8868 --- /dev/null +++ b/src/component/DeviceList.js @@ -0,0 +1,65 @@ +import React, { useState, useEffect } from 'react'; + +const DeviceList = () => { + const [devices, setDevices] = useState([]); + const [loading, setLoading] = useState(true); + const [error, setError] = useState(null); + + useEffect(() => { + const API_URL = 'https://mobile-api.lambdatest.com/mobile-automation/api/v1/capability/generator?isVirtualDevice=true'; + + fetch(API_URL) + .then(response => { + if (!response.ok) { + throw new Error('Failed to fetch devices'); + } + return response.json(); + }) + .then(data => { + console.log('Full API Response:', data); + + // Extract Virtual Devices + const virtualDevices = data?.virtual?.brands || {}; + console.log('Virtual Devices:', virtualDevices); + + // Flatten the device arrays + const allVirtualDevices = Object.values(virtualDevices).flat(); + console.log('All Virtual Devices:', allVirtualDevices); + + // Set the devices state + setDevices(allVirtualDevices); + setLoading(false); + }) + .catch(err => { + setError(err.message); + setLoading(false); + }); + }, []); + + if (loading) { + return

Loading devices...

; + } + + if (error) { + return

Error: {error}

; + } + + if (!Array.isArray(devices) || devices.length === 0) { + return

No Virtual devices found. Please try again later.

; + } + + return ( +
+

Compatible Android Devices

+ +
+ ); +}; + +export default DeviceList; \ No newline at end of file