För Mobilapplikation
Integrate your WebdriverIO tests with App Percy
Before integration, you can explore App Percy's sample build tutorial for WebdriverIO. Integrate your test suite with BrowserStack App Percy and here's an overview of the integration steps:
Steg 1: Skapa nytt appprojekt på percy-dashboarden
Sign in to Percy and create a new app type project. After you've created the project, you'll be shown a PERCY_TOKEN environment variable. Percy will use the PERCY_TOKEN to know which organisation and project to upload the screenshots to. You will need this PERCY_TOKEN in next steps.
Steg 2: Ställ in projekttokenet som en miljövariabel
Kör det givna kommandot för att ställa in PERCY_TOKEN som en miljövariabel:
export PERCY_TOKEN="<your token here>" // macOS or Linux
$Env:PERCY_TOKEN="<your token here>" // Windows PowerShell
set PERCY_TOKEN="<your token here>" // Windows CMD
Steg 3: Installera Percy-paket
Installera de komponenter som krävs för att etablera integrationsmiljön för din testsvit. För att installera beroendena, kör följande kommando:
npm install --save-dev @percy/cli
Steg 4: Installera beroenden
Installera Percy Appium app
npm install --save-dev @percy/appium-app
Steg 5: Uppdatera testskript
Se till att importera @percy/appium-app i din kod.
Nedan är ett exempel på test med percyScreenshot-funktionen. Använd denna funktion varhelst du behöver ta en skärmdump.
import percyScreenshot from '@percy/appium-app';
describe('Appium webdriverio test example', function() {
it('takes a screenshot', async () => {
await percyScreenshot('Appium JS example');
});
});
Vi skickar de nödvändiga argumenten till percyScreenshot-metoden.
Argumenten för screenshot-metoden är:
percyScreenshot(driver, name[, options])
Steg 6: Kör ditt testskript
Kör dina tester med percy app:exec.
Om du inte kan använda kommandot percy app:exec eller föredrar att köra dina tester med IDE-körningsalternativ, kan du använda kommandona percy app:exec:start och percy app:exec:stop. För att lära dig mer, besök Run Percy.
$ percy app:exec -- appium test command
Detta kommando startar Percy, skapar en ny Percy-build, tar skärmdumpar och laddar upp dem till ditt projekt, och stoppar Percy:
[percy] Percy has started!
[percy] Created build #1: https://percy.io/[your-project]
[percy] Snapshot taken "Appium WebdriverIO Example"
[percy] Stopping percy...
[percy] Finalized build #1: https://percy.io/[your-project]
[percy] Done!
Besök följande sidor för mer information:
- Integrate your WebdriverIO tests with Percy
- Environment variable page
- Integrate using BrowserStack SDK if you are using BrowserStack Automate.
| Resource | Description |
|---|---|
| Official docs | App Percy's WebdriverIO documentation |
| Sample build - Tutorial | App Percy's WebdriverIO tutorial |
| Official video | Visual Testing with App Percy |
| Blog | Meet App Percy: AI-powered automated visual testing platform for native apps |
