Appium \u0441\u0442\u0430\u043d\u0435 \u0443 \u043d\u0430\u0433\u043e\u0434\u0456 \u0443 \u0442\u0430\u043a\u0438\u0445 \u0432\u0438\u043f\u0430\u0434\u043a\u0430\u0445:<\/p>\n\n\n\n
- \u044f\u043a\u0449\u043e \u0442\u0435\u0441\u0442\u0438 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0456 \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u044e QA-\u0456\u043d\u0436\u0435\u043d\u0435\u0440\u0456\u0432, \u0430 \u043d\u0435 \u0441\u0430\u043c\u0438\u043c\u0438 \u0440\u043e\u0437\u0440\u043e\u0431\u043d\u0438\u043a\u0430\u043c\u0438;<\/li>
- \u044f\u043a\u0449\u043e \u0432\u0438 \u043f\u043b\u0430\u043d\u0443\u0454\u0442\u0435 \u043f\u0438\u0441\u0430\u0442\u0438 \u0442\u0435\u0441\u0442\u0438 \u043d\u0435 \u043d\u0430 JavaScript, \u0430 \u043d\u0430 \u0456\u043d\u0448\u0456\u0439 \u043c\u043e\u0432\u0456 (\u0431\u043e Detox \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u044e \u0441\u0430\u043c\u0435 JavaScript);<\/li>
- \u044f\u043a\u0449\u043e \u0432\u0438 \u043f\u043b\u0430\u043d\u0443\u0454\u0442\u0435 \u0442\u0435\u0441\u0442\u0443\u0432\u0430\u0442\u0438 \u0437\u0430\u0441\u0442\u043e\u0441\u0443\u043d\u043e\u043a \u043d\u0430 \u0440\u0435\u0430\u043b\u044c\u043d\u0438\u0445 \u0434\u0435\u0432\u0430\u0439\u0441\u0430\u0445;<\/li>
- \u044f\u043a\u0449\u043e \u0432\u0438 \u043d\u0435 \u0437\u0431\u0438\u0440\u0430\u0454\u0442\u0435\u0441\u044c (\u0430\u0431\u043e \u0437\u0430 \u044f\u043a\u0438\u043c\u043e\u0441\u044c \u043f\u0440\u0438\u0447\u0438\u043d\u0430\u043c\u0438 \u043d\u0435 \u043c\u043e\u0436\u0435\u0442\u0435) \u0437\u043c\u0456\u043d\u044e\u0432\u0430\u0442\u0438 \u0437\u0430\u0441\u0442\u043e\u0441\u0443\u043d\u043e\u043a \u0442\u0430 \u0432\u0431\u0443\u0434\u043e\u0432\u0430\u043d\u0456 \u0434\u043e\u0434\u0430\u0442\u043a\u043e\u0432\u0456 \u0431\u0456\u0431\u043b\u0456\u043e\u0442\u0435\u043a\u0438 (\u0446\u0435 \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u043e \u043f\u0440\u0438 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u0456 Detox).<\/li><\/ul>\n\n\n\n
\u042f\u043a\u0449\u043e \u0432\u0438 React Native \u0440\u043e\u0437\u0440\u043e\u0431\u043d\u0438\u043a \u0456 \u0437\u0430\u0439\u043c\u0430\u0454\u0442\u0435\u0441\u044c \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u044f\u043c \u0442\u0435\u0441\u0442\u0456\u0432 \u0441\u0430\u043c\u043e\u0442\u0443\u0436\u043a\u0438, \u043c\u043e\u0436\u043d\u0430 \u0441\u043c\u0456\u043b\u0438\u0432\u043e \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 Detox, \u0431\u043e \u0432\u0456\u043d \u043c\u0430\u0454 \u0433\u0430\u0440\u043d\u0443 \u0456\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0456\u044e \u0442\u0430 \u0432\u0438\u0441\u043e\u043a\u0443 \u0448\u0432\u0438\u0434\u043a\u0456\u0441\u0442\u044c \u0432\u0438\u043a\u043e\u043d\u0430\u043d\u043d\u044f \u0442\u0435\u0441\u0442\u0456\u0432.<\/p>\n\n\n\n
\u0427\u0438\u043c \u043a\u043e\u0440\u0438\u0441\u043d\u0438\u0439 Jest<\/h2>\n\n\n\n
Jest<\/a> \u2014 \u0446\u0435 \u0442\u0435\u0441\u0442\u0438\u043d\u0433\u043e\u0432\u0438\u0439 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a JavaScript, \u044f\u043a\u0438\u0439 \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u0438\u0439 \u0434\u043b\u044f \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u043a\u0438 \u0431\u0443\u0434\u044c-\u044f\u043a\u043e\u0433\u043e \u043a\u043e\u0434\u0443 JavaScript. \u0417 \u0439\u043e\u0433\u043e \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e \u0432\u0438 \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u0442\u0432\u043e\u0440\u044e\u0432\u0430\u0442\u0438 \u0442\u0435\u0441\u0442\u0438 \u0437 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0438\u043c, \u0437\u0440\u043e\u0437\u0443\u043c\u0456\u043b\u0438\u043c \u0442\u0430 \u0431\u0430\u0433\u0430\u0442\u043e\u0444\u0443\u043d\u043a\u0446\u0456\u043e\u043d\u0430\u043b\u044c\u043d\u0438\u043c API \u0456 \u043e\u0442\u0440\u0438\u043c\u0443\u0432\u0430\u0442\u0438 \u0448\u0432\u0438\u0434\u043a\u0456 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0438. \u0414\u043b\u044f React Native, \u043f\u043e\u0447\u0438\u043d\u0430\u044e\u0447\u0438 \u0437 \u0432\u0435\u0440\u0441\u0456\u0457 React Native v. 0.38, Jest \u0454 \u0432\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u043c \u0437\u0430 \u0437\u0430\u043c\u043e\u0432\u0447\u0443\u0432\u0430\u043d\u043d\u044f\u043c.<\/p>\n\n\n\n
\u0420\u043e\u0437\u0431\u0438\u0440\u0430\u0454\u043c\u043e\u0441\u044f \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u0446\u0456<\/h3>\n\n\n\n
\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0441\u043f\u0440\u043e\u0431\u0443\u0454\u043c\u043e \u0441\u043a\u043e\u043c\u0431\u0456\u043d\u0443\u0432\u0430\u0442\u0438 \u043e\u043f\u0438\u0441\u0430\u043d\u0456 \u0432\u0438\u0449\u0435 \u0456\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0438 \u0442\u0430 \u043f\u043e\u0447\u0430\u0442\u0438 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u0457\u0445 \u0434\u043b\u044f \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u044f end-to-end \u0442\u0435\u0441\u0442\u0456\u0432 \u0443 React Native \u0437\u0430\u0441\u0442\u043e\u0441\u0443\u043d\u043a\u0430\u0445.<\/p>\n\n\n\n
Prerequisite<\/h4>\n\n\n\n
- React Native >=0.64<\/li><\/ul>\n\n\n\n
\u0414\u043b\u044f \u0442\u043e\u0433\u043e \u0449\u043e\u0431 \u043d\u0435 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u0430\u0442\u0440\u0438\u0431\u0443\u0442
accessebilityLabel<\/code> \u0434\u043b\u044f \u0437\u043d\u0430\u0445\u043e\u0434\u0436\u0435\u043d\u043d\u044f \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0456\u0432 \u0432 \u043f\u0440\u043e\u0446\u0435\u0441\u0456 \u0430\u0432\u0442\u043e\u0442\u0435\u0441\u0442\u0443\u0432\u0430\u043d\u043d\u044f, \u043c\u0438 \u043c\u043e\u0436\u0435\u043c\u043e \u0432\u0438\u0437\u043d\u0430\u0447\u0438\u0442\u0438 \u0442\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438testID<\/code>, \u043f\u043e\u0447\u0438\u043d\u0430\u044e\u0447\u0438 \u0437 \u0446\u0456\u0454\u0457 \u0432\u0435\u0440\u0441\u0456\u0457 React Native \u0434\u043b\u044f Android.<\/p>\n\n\n\nSetup a new project<\/h4>\n\n\n\n
\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0441\u0442\u0432\u043e\u0440\u0438\u043c\u043e \u043d\u043e\u0432\u0438\u0439 React Native \u043f\u0440\u043e\u0454\u043a\u0442:<\/p>\n\n\n\n
npx react-native init AppiumTest<\/code><\/p>\n\n\n\n\u0422\u0435\u043f\u0435\u0440 \u043d\u0430\u043c \u043d\u0435\u043e\u0431\u0445\u0456\u0434\u043d\u043e \u0432\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0438 Appium \u0447\u0435\u0440\u0435\u0437 npm:<\/p>\n\n\n\n
npm i appium --save-dev<\/code><\/p>\n\n\n\n\u0422\u0430\u043a\u043e\u0436, \u043c\u0438 \u0431\u0443\u0434\u0435\u043c\u043e \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u0442\u0435\u0441\u0442\u043e\u0432\u0438\u0439 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a WebdriverIO \u0434\u043b\u044f \u043d\u0430\u0448\u0438\u0445 \u0442\u0435\u0441\u0442\u0456\u0432, \u0442\u043e\u043c\u0443 \u0432\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u044e\u0454\u043c\u043e \u0456 \u0439\u043e\u0433\u043e:<\/p>\n\n\n\n
npm i webdriverio --save-dev<\/code><\/p>\n\n\n\n\u0414\u0430\u043b\u0456 \u0441\u0442\u0432\u043e\u0440\u044e\u0454\u043c\u043e \u043a\u043e\u0440\u0435\u043d\u0435\u0432\u0443 \u043f\u0430\u043f\u043a\u0443 \u043f\u0440\u043e\u0454\u043a\u0442\u0443, \u0434\u0435 \u0431\u0443\u0434\u0435 \u0432\u0456\u0434\u0431\u0443\u0432\u0430\u0442\u0438\u0441\u044f \u0432\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044f
jest<\/code> \u0442\u0430 \u0431\u0443\u0434\u0443\u0442\u044c \u0437\u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0438\u0441\u044f \u0432\u0441\u0456 \u0442\u0435\u0441\u0442\u0438. \u041d\u0430\u0437\u0432\u0435\u043c\u043e \u0457\u0457 e2e.<\/p>\n\n\n\nAppium and Jest setup<\/h4>\n\n\n\n
\u041c\u0438 \u0445\u043e\u0447\u0435\u043c\u043e \u0432\u0438\u043a\u043e\u043d\u0443\u0432\u0430\u0442\u0438 \u0442\u0435\u0441\u0442\u0438 \u043d\u0430 \u043e\u0431\u043e\u0445 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430\u0445, Android \u0442\u0430 iOS, \u0442\u043e\u043c\u0443 \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0441\u0442\u0432\u043e\u0440\u0438\u043c\u043e
jest.config.js<\/code> \u0444\u0430\u0439\u043b \u0437 \u0434\u0432\u043e\u043c\u0430 \u043f\u0440\u043e\u0454\u043a\u0442\u0430\u043c \u0434\u043b\u044f \u0446\u0438\u0445 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c, \u0430\u043b\u0435 \u0437 \u043e\u0434\u043d\u0430\u043a\u043e\u0432\u0438\u043c\u0438 \u043d\u0430\u043b\u0430\u0448\u0442\u0443\u0432\u0430\u043d\u043d\u044f\u043c\u0438.<\/p>\n\n\n\nconst defaultOptions = { \n testEnvironment: '.\/jest.environment.js', \n globalSetup: '.\/jest.global-setup.js', \n globalTeardown: '.\/jest.global-teardown.js', \n}; \nmodule.exports = { \n projects: [ \n\t{displayName: 'Android', ...defaultOptions}, \n\t{displayName: 'iOS', ...defaultOptions}, \n ], \n}; \n<\/pre>\n\n\n\n\u0421\u0435\u0440\u0432\u0435\u0440 Appium \u0431\u0443\u0434\u0435 \u0441\u0442\u0430\u0440\u0442\u0443\u0432\u0430\u0442\u0438 \u043f\u0435\u0440\u0435\u0434 \u0432\u0441\u0456\u043c\u0430 \u0442\u0435\u0441\u0442\u0430\u043c\u0438. \u0422\u043e\u0436 \u0432\u0438\u0437\u043d\u0430\u0447\u0438\u043c\u043e \u0446\u0435 \u0443 \u0444\u0430\u0439\u043b\u0456
jest.global-setup.js<\/code>:<\/p>\n\n\n\nconst appium = require('appium'); \nconst startAppiumServer = () => { \n return appium.main({loglevel: 'none'}); \n}; \nconst jestSetup = async () => { \n global.appium = await startAppiumServer(); \n}; \nmodule.exports = jestSetup; \n<\/pre>\n\n\n\n\u0412\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u043d\u043e, \u0432\u0456\u043d \u0431\u0443\u0434\u0435 \u0437\u0443\u043f\u0438\u043d\u0435\u043d\u0438\u0439 \u043f\u0456\u0441\u043b\u044f \u0432\u0438\u043a\u043e\u043d\u0430\u043d\u043d\u044f \u0442\u0435\u0441\u0442\u0456\u0432. \u041d\u0430\u0448
jest.global-teardown.js<\/code> \u0444\u0430\u0439\u043b \u0431\u0443\u0434\u0435 \u043c\u0430\u0442\u0438 \u043d\u0430\u0441\u0442\u0443\u043f\u043d\u0438\u0439 \u0432\u0438\u0433\u043b\u044f\u0434:<\/p>\n\n\n\nconst stopAppiumServer = () => { \n if (global.appium) { \n return global.appium.close(); \n } \n}; \nconst jestTeardown = async () => { \n await stopAppiumServer(); \n process.exit(0); \n}; \nmodule.exports = jestTeardown; \n<\/pre>\n\n\n\n\u041f\u043e\u0442\u0456\u043c \u0441\u0442\u0432\u043e\u0440\u044e\u0454\u043c\u043e \u0456\u043d\u0434\u0438\u0432\u0456\u0434\u0443\u0430\u043b\u044c\u043d\u0435 \u0441\u0435\u0440\u0435\u0434\u043e\u0432\u0438\u0449\u0435, \u0432 \u044f\u043a\u043e\u043c\u0443 \u043c\u0438 \u0431\u0443\u0434\u0435\u043c\u043e \u0456\u043d\u0456\u0446\u0456\u044e\u0432\u0430\u0442\u0438 web driver:<\/p>\n\n\n\n
const NodeEnvironment = require('jest-environment-node'); \nconst wdio = require('webdriverio'); \nconst wdioOptions = { \n path: '\/wd\/hub\/', \n port: 4723, \n}; \nclass CustomEnvironment extends NodeEnvironment { \n constructor(config, context) { \n super(config, context); \n this.platform = config.displayName.name; \n } \n async setup() { \n await super.setup(); \n const capabilities = \n this.platform === 'Android' ? androidCapabilities : iOSCapabilities; \n const options = {...wdioOptions, capabilities}; \n const driver = await wdio.remote(options); \n this.global.driver = driver; \n } \n async teardown() { \n await super.teardown(); \n if (this.global.driver) { \n await this.global.driver.deleteSession(); \n\t} \n } \n} \nmodule.exports = CustomEnvironment; \n<\/pre>\n\n\n\n\u042f\u043a \u043c\u0438 \u0431\u0430\u0447\u0438\u043c\u043e, \u043d\u0430\u0448 web driver \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0454 \u043f\u0435\u0432\u043d\u0456 \u0440\u0435\u0441\u0443\u0440\u0441\u0438 \u0432 \u0437\u0430\u043b\u0435\u0436\u043d\u043e\u0441\u0442\u0456 \u0432\u0456\u0434 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0438. \u0429\u043e\u0431 \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u0438 \u0442\u0435\u0441\u0442\u0438 \u0432 Android-\u0435\u043c\u0443\u043b\u044f\u0442\u043e\u0440\u0456, \u0434\u043e\u0434\u0430\u0439\u0442\u0435 \u0446\u044e \u0437\u043c\u0456\u043d\u043d\u0443 \u0443 \u0444\u0430\u0439\u043b:<\/p>\n\n\n\n
const androidCapabilities = { \n platformName: 'Android', \n platformVersion: '10', \n deviceName: 'Pixel 4', \n avd: 'Pixel_4_API_29', \/\/ avd id \n app: '.\/android\/app\/build\/outputs\/apk\/release\/app-release.apk', \/\/ relative to the project root \n appPackage: 'com.appiumtest', \n appWaitActivity: 'com.appiumtest.MainActivity', \n}; \n<\/pre>\n\n\n\n\u0414\u043b\u044f iOS-\u0441\u0438\u043c\u0443\u043b\u044f\u0442\u043e\u0440\u0430:<\/p>\n\n\n\n
const iOSCapabilities = { \n platformName: 'iOS', \n platformVersion: '14.5', \n deviceName: 'iPhone 12', \n app: '.\/ios\/build\/Build\/Products\/Release-iphonesimulator\/AppiumTest.app', \/\/ relative to the project root \n}; \n<\/pre>\n\n\n\n\u0422\u0430\u043a\u043e\u0436 \u043c\u0438 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0454\u043c\u043e \u0440\u0435\u043b\u0456\u0437 \u0431\u0456\u043b\u0434\u0443 \u0434\u043b\u044f \u043e\u0431\u043e\u0445 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c. \u0412\u043e\u043d\u0438 \u0431\u0443\u0434\u0443\u0442\u044c \u0437\u0433\u0435\u043d\u0435\u0440\u043e\u0432\u0430\u043d\u0456 \u043f\u0435\u0440\u0435\u0434 \u0437\u0430\u043f\u0443\u0441\u043a\u043e\u043c \u043d\u0430\u0448\u0438\u0445 \u0442\u0435\u0441\u0442\u0456\u0432. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0432\u0456\u0434\u043a\u0440\u0438\u0454\u043c\u043e package.json \u0444\u0430\u0439\u043b \u0442\u0430 \u0437\u0430\u0437\u043d\u0430\u0447\u0438\u043c\u043e \u043a\u043e\u043c\u0430\u043d\u0434\u0438 \u0434\u043b\u044f \u0437\u0430\u043f\u0443\u0441\u043a\u0443 \u0442\u0435\u0441\u0442\u0456\u0432:<\/p>\n\n\n\n
\"scripts\": { \n \"pree2e:android\": \"cd android && .\/gradlew assembleRelease\", \n \"e2e:android\": \"jest -i --selectProjects Android --config=\\\".\/e2e\/jest.config.js\\\"\", \n \"pree2e:ios\": \"xcodebuild -workspace .\/ios\/AppiumTest.xcworkspace -configuration Release -scheme AppiumTest -sdk iphonesimulator -derivedDataPath .\/ios\/build\", \n \"e2e:ios\": \"jest -i --selectProjects iOS --config=\\\".\/e2e\/jest.config.js\\\"\" \n} \n<\/pre>\n\n\n\nActual test<\/h4>\n\n\n\n
\u042f\u043a \u043c\u0438 \u0432\u043a\u0430\u0437\u0443\u0432\u0430\u043b\u0438 \u0440\u0430\u043d\u0456\u0448\u0435, \u043f\u043e\u0447\u0438\u043d\u0430\u044e\u0447\u0438 \u0437 \u0432\u0435\u0440\u0441\u0456\u0457 0.64 React Native, \u0430\u0442\u0440\u0438\u0431\u0443\u0442
testID<\/code> \u0454 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0438\u043c \u0434\u043b\u044f Android-\u0431\u0456\u043b\u0434\u0456\u0432, \u0442\u043e\u0436 \u043c\u0438 \u0431\u0443\u0434\u0435\u043c\u043e \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u0439\u043e\u0433\u043e \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0449\u043e\u0431 \u0442\u0435\u0433\u0430\u0442\u0438 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438. \u041c\u0438 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0454\u043c\u043e Appium, \u0434\u0435 \u0432\u0438\u043c\u043e\u0433\u043e\u044e \u0454 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f package name \u044f\u043a \u0447\u0430\u0441\u0442\u0438\u043d\u0438 resource id. \u041c\u0438 \u043c\u0430\u0454\u043c\u043e \u0446\u0435 \u0432\u0440\u0430\u0445\u043e\u0432\u0443\u0432\u0430\u0442\u0438, \u0442\u043e\u043c\u0443 \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0441\u0442\u0432\u043e\u0440\u0438\u043c\u043e helper \u0434\u043b\u044f \u0432\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044f testIDs.<\/p>\n\n\n\n\u0414\u043b\u044f \u043e\u0442\u0440\u0438\u043c\u0430\u043d\u043d\u044f package name \u043c\u0438 \u043c\u043e\u0436\u0435\u043c\u043e \u0432\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0438 \u0446\u044e \u0431\u0456\u0431\u043b\u0456\u043e\u0442\u0435\u043a\u0443:<\/p>\n\n\n\n
npm i react-native-device-info<\/code><\/p>\n\n\n\n\u0424\u0443\u043d\u043a\u0446\u0456\u044f helper \u0431\u0443\u0434\u0435 \u043d\u0430\u0441\u0442\u0443\u043f\u043d\u043e\u044e:<\/p>\n\n\n\n
import {Platform} from 'react-native'; \nimport {getBundleId} from 'react-native-device-info'; \nconst packageName = getBundleId(); \nexport const tid = value => \n Platform.select({ \n android: `${packageName}:id\/${value}`, \n ios: value, \n }); \n<\/pre>\n\n\n\n\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u0454\u043c\u043e \u0446\u0435 \u0432 \u043a\u043e\u0434\u0456. \u0412\u0456\u0434\u043a\u0440\u0438\u0432\u0430\u0454\u043c\u043e App.js \u0444\u0430\u0439\u043b \u0442\u0430 \u0432\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u044e\u0454\u043c\u043e
testID<\/code> \u0434\u043b\u044f \u043e\u0434\u043d\u043e\u0433\u043e \u0437view<\/code>. \u041d\u0430\u043f\u0440\u0438\u043a\u043b\u0430\u0434:<\/p>\n\n\n\nimport {tid} from '.\/tid'; \n... \n<SafeAreaView testID={tid('App')}> \n... \n<\/pre>\n\n\n\n\u0422\u0430\u043a\u043e\u0436 \u043d\u0430\u043c \u043d\u0435\u043e\u0431\u0445\u0456\u0434\u043d\u043e \u0434\u043e\u0434\u0430\u0442\u0438 \u0442\u043e\u0439 \u0441\u0430\u043c\u0438\u0439 \u043c\u0435\u0442\u043e\u0434 \u0443 \u0441\u0435\u0440\u0435\u0434\u043e\u0432\u0438\u0449\u0435 jest \u0434\u043b\u044f \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f \u0439\u043e\u0433\u043e \u0443 \u0442\u0435\u0441\u0442\u0430\u0445. \u0414\u043e\u0434\u0430\u0454\u043c\u043e \u043d\u0430\u0441\u0442\u0443\u043f\u043d\u0456 \u0440\u044f\u0434\u043a\u0438 \u0443 \u0444\u0430\u0439\u043b jest.environment.js:<\/p>\n\n\n\n
constructor(config, context) { \n ... \n this.tid = this.tid.bind(this); \n} \ntid(value) { \n if (!this.global.driver) { \n throw new Error('Appium driver is not initialized'); \n } \n return this.global.driver.isAndroid \n\t? `${this.global.driver.capabilities.appPackage}:id\/${value}` \n\t: value; \n} \nasync setup() { \n ... \n this.global.tid = this.tid; \n} \n... \n<\/pre>\n\n\n\n\u0414\u0430\u043b\u0456, \u0441\u0442\u0432\u043e\u0440\u044e\u0454\u043c\u043e \u0442\u0435\u043a\u0443 __tests__ \u0443 e2e \u0437 App.spec.js \u0442\u0435\u0441\u0442-\u0444\u0430\u0439\u043b\u043e\u043c \u0442\u0430 \u0434\u043e\u0434\u0430\u0454\u043c\u043e \u043d\u0430\u0441\u0442\u0443\u043f\u043d\u0438\u0439 \u043a\u043e\u0434:<\/p>\n\n\n\n
\/* global driver, tid *\/ \ntest('The App screen should be displayed', async () => { \n const screen = await driver.$(`id=${tid('App')}`); \n const isExisting = await screen.isExisting(); \n expect(isExisting).toBeTruthy(); \n}); \n<\/pre>\n\n\n\n\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u0438\u043c\u043e \u0440\u043e\u0431\u043e\u0442\u0443 \u043d\u0430 Android:<\/p>\n\n\n\n
npm run e2e:android<\/code><\/p>\n\n\n\n\u041e\u0447\u0456\u043a\u0443\u0432\u0430\u043d\u0438\u043c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u043c \u0431\u0443\u0434\u0435:<\/p>\n\n\n\n
![\"\"\/](\"https:\/\/s.dou.ua\/storage-files\/pngbase6428bd4b4200fa3eea.png\")
<\/figure>\n\n\n\n\u0422\u0435\u043f\u0435\u0440 \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u0438\u043c\u043e \u043d\u0430 iOS:<\/p>\n\n\n\n
npm run e2e:ios<\/code><\/p>\n\n\n\n\u041e\u0447\u0456\u043a\u0443\u0432\u0430\u043d\u0438\u043c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u043c \u0431\u0443\u0434\u0435:<\/p>\n\n\n\n
![\"\"\/](\"https:\/\/s.dou.ua\/storage-files\/pngbase64611d8dcd389e4510.png\")
<\/figure>\n\n\n\nTroubleshooting<\/h4>\n\n\n\n
- \u0414\u043b\u044f \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u043a\u0438, \u0447\u0438 \u0432\u0430\u0448\u0435 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u0435 \u0441\u0435\u0440\u0435\u0434\u043e\u0432\u0438\u0449\u0435 \u043c\u0430\u0454 \u0432\u0441\u0456 \u043d\u0435\u043e\u0431\u0445\u0456\u0434\u043d\u0456 Appium- \u0437\u0430\u043b\u0435\u0436\u043d\u043e\u0441\u0442\u0456, \u0432\u0438 \u043c\u043e\u0436\u0435\u0442\u0435 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u0431\u0456\u0431\u043b\u0456\u043e\u0442\u0435\u043a\u0443 appium-doctor<\/a>.<\/li>
- \u042f\u043a\u0449\u043e \u0443 \u0432\u0430\u0441 \u0432\u0438\u043d\u0438\u043a\u043b\u0430 \u043f\u043e\u043c\u0438\u043b\u043a\u0430 \u0432 \u043f\u0440\u043e\u0446\u0435\u0441\u0456 \u0431\u0456\u043b\u0434\u0443 iOS, \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u0442\u0435 \u0446\u0435\u0439 \u043a\u043e\u043c\u0435\u043d\u0442\u0430\u0440<\/a> \u0443 Xcode \u0433\u0430\u0439\u0434\u0456 \u0437 \u0432\u0438\u0440\u0456\u0448\u0435\u043d\u043d\u044f \u043f\u0440\u043e\u0431\u043b\u0435\u043c.<\/li><\/ul>\n\n\n\n
References<\/h2>\n\n\n\n
- Testing React Native Apps with Appium<\/a><\/li>
- Appium \u2014 Getting Started<\/a><\/li>
- WebDriver<\/a><\/li>
- An end to the abuse of Accessibility IDs<\/a><\/li>
- An example of React Native application integrated with Appium for E2E tests<\/a><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"
\u0423 \u0441\u0442\u0430\u0442\u0442\u0456 \u044f \u043f\u043e\u0434\u0456\u043b\u044e\u0441\u044c \u0446\u0456\u043a\u0430\u0432\u0438\u043c \u0432\u0438\u043f\u0430\u0434\u043a\u043e\u043c \u0437 \u043d\u0430\u0448\u043e\u0457 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438, \u0430 \u0441\u0430\u043c\u0435: \u044f\u043a \u043c\u0438 \u0432\u043f\u0440\u043e\u0432\u0430\u0434\u0438\u043b\u0438 \u04152\u0415-\u0442\u0435\u0441\u0442\u0443\u0432\u0430\u043d\u043d\u044f, \u044f\u043a \u0442\u0430 \u0447\u043e\u043c\u0443 \u0434\u043b\u044f \u0446\u044c\u043e\u0433\u043e \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u043b\u0438 Appium \u0442\u0430 Jest.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[198],"tags":[168],"_links":{"self":[{"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=\/wp\/v2\/posts\/2315"}],"collection":[{"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2315"}],"version-history":[{"count":1,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=\/wp\/v2\/posts\/2315\/revisions"}],"predecessor-version":[{"id":2316,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=\/wp\/v2\/posts\/2315\/revisions\/2316"}],"wp:attachment":[{"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2315"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2315"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Appium \u2014 Getting Started<\/a><\/li>
- \u042f\u043a\u0449\u043e \u0443 \u0432\u0430\u0441 \u0432\u0438\u043d\u0438\u043a\u043b\u0430 \u043f\u043e\u043c\u0438\u043b\u043a\u0430 \u0432 \u043f\u0440\u043e\u0446\u0435\u0441\u0456 \u0431\u0456\u043b\u0434\u0443 iOS, \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u0442\u0435 \u0446\u0435\u0439 \u043a\u043e\u043c\u0435\u043d\u0442\u0430\u0440<\/a> \u0443 Xcode \u0433\u0430\u0439\u0434\u0456 \u0437 \u0432\u0438\u0440\u0456\u0448\u0435\u043d\u043d\u044f \u043f\u0440\u043e\u0431\u043b\u0435\u043c.<\/li><\/ul>\n\n\n\n
- \u0414\u043b\u044f \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u043a\u0438, \u0447\u0438 \u0432\u0430\u0448\u0435 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u0435 \u0441\u0435\u0440\u0435\u0434\u043e\u0432\u0438\u0449\u0435 \u043c\u0430\u0454 \u0432\u0441\u0456 \u043d\u0435\u043e\u0431\u0445\u0456\u0434\u043d\u0456 Appium- \u0437\u0430\u043b\u0435\u0436\u043d\u043e\u0441\u0442\u0456, \u0432\u0438 \u043c\u043e\u0436\u0435\u0442\u0435 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u0431\u0456\u0431\u043b\u0456\u043e\u0442\u0435\u043a\u0443 appium-doctor<\/a>.<\/li>
- React Native >=0.64<\/li><\/ul>\n\n\n\n