@applitools/screenshoter 3.3.2 → 3.3.6

package/test/e2e/android.spec.js

@@ -1,335 +0,0 @@
-const assert = require('assert')
-const pixelmatch = require('pixelmatch')
-const {Driver} = require('@applitools/driver')
-const spec = require('@applitools/spec-driver-webdriverio')
-const makeImage = require('../../src/image')
-const takeScreenshot = require('../../index')
-
-const env = {
-  android: {
-    url: 'https://ondemand.saucelabs.com/wd/hub',
-    capabilities: {
-      name: 'Android Screenshoter Test',
-      browserName: '',
-      platformName: 'Android',
-      platformVersion: '7.0',
-      appiumVersion: '1.20.2',
-      deviceName: 'Samsung Galaxy S8 FHD GoogleAPI Emulator',
-      automationName: 'uiautomator2',
-      app: 'https://applitools.jfrog.io/artifactory/Examples/android/1.3/app-debug.apk',
-      username: process.env.SAUCE_USERNAME,
-      accessKey: process.env.SAUCE_ACCESS_KEY,
-    },
-
-    // url: 'http://0.0.0.0:4723/wd/hub',
-    // capabilities: {
-    //   deviceName: 'Google Pixel 3a XL',
-    //   platformName: 'Android',
-    //   platformVersion: '10.0',
-    //   automationName: 'uiautomator2',
-    //   nativeWebScreenshot: true,
-    //   avd: 'Pixel_3a_XL',
-    //   app: 'https://applitools.jfrog.io/artifactory/Examples/android/1.3/app-debug.apk',
-    // },
-  },
-  androidx: {
-    url: 'https://ondemand.saucelabs.com/wd/hub',
-    capabilities: {
-      name: 'AndroidX Screenshoter Test',
-      browserName: '',
-      platformName: 'Android',
-      platformVersion: '10.0',
-      appiumVersion: '1.20.2',
-      deviceName: 'Google Pixel 3a XL GoogleAPI Emulator',
-      automationName: 'uiautomator2',
-      app: 'https://applitools.jfrog.io/artifactory/Examples/androidx/1.3.1/app_androidx.apk',
-      username: process.env.SAUCE_USERNAME,
-      accessKey: process.env.SAUCE_ACCESS_KEY,
-    },
-
-    // url: 'http://0.0.0.0:4723/wd/hub',
-    // capabilities: {
-    //   deviceName: 'Google Pixel 3a XL',
-    //   platformName: 'Android',
-    //   platformVersion: '10.0',
-    //   automationName: 'uiautomator2',
-    //   avd: 'Pixel_3a_XL',
-    //   app: 'https://applitools.jfrog.io/artifactory/Examples/androidx/1.3.3/app_androidx.apk',
-    // },
-  },
-}
-
-describe('screenshoter', () => {
-  const logger = {log: () => {}, warn: () => {}, error: () => {}, verbose: () => {}}
-  let driver, browser, destroyBrowser
-
-  async function sanitizeStatusBar(image) {
-    const patchImage = makeImage({
-      width: 85,
-      height: 18,
-      data: Buffer.alloc(85 * 18 * 4, Buffer.from([0, 0xed, 0xed, 0xff])),
-    })
-    await image.copy(patchImage, {x: 270, y: 4})
-  }
-
-  describe('android app', () => {
-    before(async () => {
-      ;[browser, destroyBrowser] = await spec.build(env.android)
-    })
-
-    after(async () => {
-      await destroyBrowser()
-    })
-
-    beforeEach(async () => {
-      await browser.closeApp()
-      await browser.launchApp()
-      driver = await new Driver({driver: browser, spec, logger}).init()
-    })
-
-    it('take viewport screenshot', () => {
-      return app()
-    })
-
-    it('take viewport screenshot with status bar', () => {
-      return app({withStatusBar: true})
-    })
-
-    it('take full app screenshot (scroll view)', () => {
-      return fullApp({type: 'scroll'})
-    })
-
-    it('take full app screenshot with status bar (scroll view)', () => {
-      return fullApp({type: 'scroll', withStatusBar: true})
-    })
-
-    it('take full app screenshot (recycler view)', () => {
-      return fullApp({type: 'recycler'})
-    })
-
-    it('take full app screenshot (non-scrollable)', () => {
-      return fullApp({type: 'non-scrollable'})
-    })
-
-    it.skip('take webview screenshot', () => {
-      return webview()
-    })
-
-    it('take region screenshot', () => {
-      return region()
-    })
-
-    it.skip('take full region screenshot', () => {
-      return fullRegion()
-    })
-
-    it('take element screenshot', () => {
-      return element()
-    })
-  })
-
-  describe('androidx app', () => {
-    before(async () => {
-      ;[browser, destroyBrowser] = await spec.build(env.androidx)
-    })
-
-    after(async () => {
-      await destroyBrowser()
-    })
-
-    beforeEach(async () => {
-      await browser.closeApp()
-      await browser.launchApp()
-      driver = await new Driver({driver: browser, spec, logger}).init()
-    })
-
-    it('take full app screenshot (recycler view)', () => {
-      return fullApp({type: 'recycler', x: true})
-    })
-
-    it('take full app screenshot (collapsing layout)', () => {
-      return fullApp({type: 'collapsing', x: true})
-    })
-
-    it.skip('take full app screenshot (pager)', () => {
-      return fullApp({type: 'pager', x: true})
-    })
-
-    it.skip('take full app screenshot (overlapped status bar)', () => {
-      return fullApp({type: 'overlapped', x: true})
-    })
-
-    it('take full element screenshot', () => {
-      return fullElement()
-    })
-  })
-
-  async function app(options = {}) {
-    const expectedPath = `./test/fixtures/android/app${options.withStatusBar ? '-statusbar' : ''}.png`
-
-    const screenshot = await takeScreenshot({logger, driver, wait: 1500, ...options})
-    try {
-      if (options.withStatusBar) await sanitizeStatusBar(screenshot.image)
-      const actual = await screenshot.image.toObject()
-      const expected = await makeImage(expectedPath).toObject()
-      assert.strictEqual(pixelmatch(actual.data, expected.data, null, expected.width, expected.height), 0)
-    } catch (err) {
-      await screenshot.image.debug({path: './logs', name: 'viewport_failed', suffix: Date.now()})
-      throw err
-    }
-  }
-  async function fullApp({type, x, ...options} = {}) {
-    let buttonSelector, expectedPath, scrollingElementSelector
-    if (type === 'pager') {
-      buttonSelector = {type: 'id', selector: 'btn_view_pager_2_activity'}
-      expectedPath = `./test/fixtures/android/x-app-fully-pager${options.withStatusBar ? '-statusbar' : ''}.png`
-    } else if (type === 'overlapped') {
-      buttonSelector = {type: 'id', selector: 'btn_recycler_view_under_status_bar_activity'}
-      expectedPath = `./test/fixtures/android/x-app-fully-overlapped${options.withStatusBar ? '-statusbar' : ''}.png`
-    } else if (type === 'collapsing') {
-      buttonSelector = {type: 'id', selector: 'btn_recycler_view_nested_collapsing'}
-      scrollingElementSelector = {type: 'id', selector: 'recyclerView'}
-      expectedPath = `./test/fixtures/android/x-app-fully-collapsing${options.withStatusBar ? '-statusbar' : ''}.png`
-    } else if (type === 'recycler') {
-      if (x) {
-        buttonSelector = {type: 'id', selector: 'btn_recycler_view_activity'}
-        expectedPath = `./test/fixtures/android/x-app-fully-recycler${options.withStatusBar ? '-statusbar' : ''}.png`
-      } else {
-        buttonSelector = {type: 'id', selector: 'btn_recycler_view'}
-        expectedPath = `./test/fixtures/android/app-fully-recycler${options.withStatusBar ? '-statusbar' : ''}.png`
-      }
-    } else if (type === 'non-scrollable') {
-      buttonSelector = {type: 'id', selector: 'btn_activity_as_dialog'}
-      expectedPath = `./test/fixtures/android/app-fully-non-scrollable${options.withStatusBar ? '-statusbar' : ''}.png`
-    } else {
-      buttonSelector = {type: 'id', selector: 'btn_scroll_view_footer_header'}
-      expectedPath = `./test/fixtures/android/app-fully-scroll${options.withStatusBar ? '-statusbar' : ''}.png`
-    }
-
-    const button = await driver.element(buttonSelector)
-    await button.click()
-
-    await driver.init()
-
-    if (scrollingElementSelector) {
-      await driver.currentContext.setScrollingElement(scrollingElementSelector)
-    }
-
-    const screenshot = await takeScreenshot({
-      logger,
-      driver,
-      fully: true,
-      framed: true,
-      scrollingMode: 'scroll',
-      wait: 1500,
-      ...options,
-    })
-    try {
-      if (options.withStatusBar) await sanitizeStatusBar(screenshot.image)
-      const actual = await screenshot.image.toObject()
-      const expected = await makeImage(expectedPath).toObject()
-      assert.strictEqual(pixelmatch(actual.data, expected.data, null, expected.width, expected.height), 0)
-    } catch (err) {
-      await screenshot.image.debug({path: './logs', name: 'full_app_failed', suffix: Date.now()})
-      throw err
-    }
-  }
-  async function webview(options) {
-    const expectedPath = `./test/fixtures/android/webview.png`
-    const buttonSelector = {type: 'id', selector: 'btn_web_view'}
-
-    const button = await driver.element(buttonSelector)
-    await button.click()
-    console.log(await driver.target.getContexts())
-    await driver.target.switchContext('WEBVIEW')
-
-    await driver.init()
-
-    const screenshot = await takeScreenshot({logger, driver, wait: 1500, ...options})
-    try {
-      const actual = await screenshot.image.toObject()
-      const expected = await makeImage(expectedPath).toObject()
-      assert.strictEqual(pixelmatch(actual.data, expected.data, null, expected.width, expected.height), 0)
-    } catch (err) {
-      await screenshot.image.debug({path: './logs', name: 'webview_failed', suffix: Date.now()})
-      throw err
-    }
-  }
-  async function region(options) {
-    const screenshot = await takeScreenshot({
-      logger,
-      driver,
-      region: {x: 30, y: 500, height: 100, width: 200},
-      scrollingMode: 'scroll',
-      ...options,
-    })
-    try {
-      const actual = await screenshot.image.toObject()
-      const expected = await makeImage('./test/fixtures/android/region.png').toObject()
-      assert.strictEqual(pixelmatch(actual.data, expected.data, null, expected.width, expected.height), 0)
-    } catch (err) {
-      await screenshot.image.debug({path: './logs', name: 'region_failed', suffix: Date.now()})
-      throw err
-    }
-  }
-  async function fullRegion(options) {
-    const screenshot = await takeScreenshot({
-      logger,
-      driver,
-      region: {x: 30, y: 10, height: 700, width: 200},
-      fully: true,
-      scrollingMode: 'scroll',
-      ...options,
-    })
-    try {
-      const actual = await screenshot.image.toObject()
-      const expected = await makeImage('./test/fixtures/android/region-fully.png').toObject()
-      assert.strictEqual(pixelmatch(actual.data, expected.data, null, expected.width, expected.height), 0)
-    } catch (err) {
-      await screenshot.image.debug({path: './logs', name: 'full_region_failed', suffix: Date.now()})
-      throw err
-    }
-  }
-  async function element(options) {
-    const screenshot = await takeScreenshot({
-      logger,
-      driver,
-      region: {type: 'id', selector: 'btn_recycler_view'},
-      scrollingMode: 'scroll',
-      ...options,
-    })
-    try {
-      const actual = await screenshot.image.toObject()
-      const expected = await makeImage('./test/fixtures/android/element.png').toObject()
-      assert.strictEqual(pixelmatch(actual.data, expected.data, null, expected.width, expected.height), 0)
-    } catch (err) {
-      await screenshot.image.debug({path: './logs', name: 'element_failed', suffix: Date.now()})
-      throw err
-    }
-  }
-  async function fullElement(options) {
-    const button = await driver.element({
-      type: 'id',
-      selector: 'btn_recycler_view_in_scroll_view_activity',
-    })
-    await button.click()
-
-    const screenshot = await takeScreenshot({
-      logger,
-      driver,
-      region: {type: 'id', selector: 'recyclerView'},
-      fully: true,
-      scrollingMode: 'scroll',
-      wait: 1500,
-      ...options,
-    })
-    try {
-      const actual = await screenshot.image.toObject()
-      const expected = await makeImage('./test/fixtures/android/x-element-fully.png').toObject()
-      assert.strictEqual(pixelmatch(actual.data, expected.data, null, expected.width, expected.height), 0)
-    } catch (err) {
-      await screenshot.image.debug({path: './logs', name: 'full_element_failed', suffix: Date.now()})
-      throw err
-    }
-  }
-})

package/test/e2e/external.spec.js

@@ -1,155 +0,0 @@
-const assert = require('assert')
-const pixelmatch = require('pixelmatch')
-const {Driver} = require('@applitools/driver')
-const utils = require('@applitools/utils')
-const spec = require('@applitools/spec-driver-webdriverio')
-const makeImage = require('../../src/image')
-const takeScreenshot = require('../../index')
-
-describe.skip('external tests', () => {
-  const logger = {log: () => {}, warn: () => {}, error: () => {}, verbose: () => {}}
-  let browser, destroyBrowser
-
-  afterEach(async () => {
-    await destroyBrowser()
-  })
-
-  it('AGL Android - full app screenshot of the view with animated scroll', async () => {
-    const expectedPath = `./test/fixtures/external/agl.png`
-
-    ;[browser, destroyBrowser] = await spec.build({
-      url: 'https://hub.browserstack.com/wd/hub',
-      capabilities: {
-        platformName: 'android',
-        'appium:platformVersion': '11.0',
-        'appium:deviceName': 'Google Pixel 5',
-        'appium:app': 'agl_app_android',
-        'bstack:options': {
-          userName: process.env.BROWSERSTACK_USERNAME,
-          accessKey: process.env.BROWSERSTACK_ACCESS_KEY,
-        },
-      },
-    })
-
-    await browser.closeApp()
-    await browser.launchApp()
-    const driver = await new Driver({driver: browser, spec, logger}).init()
-
-    const saveBtn = await browser.$('//android.widget.Button')
-    await saveBtn.click()
-
-    await utils.general.sleep(8000)
-    const signinBtn = await browser.$('//android.widget.Button[@text="SIGN IN"]')
-    await signinBtn.click()
-    await utils.general.sleep(10000)
-    const emailInput = await browser.$('//android.widget.EditText')
-    await emailInput.setValue('daniel.martin@toro.com')
-    const nxtBtn = await browser.$('//android.widget.Button[@text="NEXT"]')
-    await nxtBtn.click()
-    await utils.general.sleep(10000)
-    const passwordInput = await browser.$('//android.widget.EditText[@password="true"]')
-    await passwordInput.setValue('Welcome@1')
-    const loginBtn = await browser.$('//android.widget.Button[@text="LOGIN"]')
-    await loginBtn.click()
-    await utils.general.sleep(18000)
-    const skipBtn = await browser.$('//android.widget.Button[@text="SKIP"]')
-    await skipBtn.click()
-    await utils.general.sleep(5000)
-    const finishBtn = await browser.$('//android.widget.Button[@text="FINISH"]')
-    await finishBtn.click()
-    await utils.general.sleep(15000)
-
-    await driver.init()
-
-    const screenshot = await takeScreenshot({
-      logger,
-      driver,
-      fully: true,
-      framed: true,
-      stabilization: {crop: {top: 53, bottom: 16, left: 0, right: 0}},
-      debug: {path: './'},
-    })
-    try {
-      const actual = await screenshot.image.toObject()
-      const expected = await makeImage(expectedPath).toObject()
-      assert.strictEqual(pixelmatch(actual.data, expected.data, null, expected.width, expected.height), 0)
-    } catch (err) {
-      await screenshot.image.debug({path: './logs', name: 'viewport_failed', suffix: Date.now()})
-      throw err
-    }
-  })
-
-  it('AGL iOS - full app screenshot of the view with animated scroll', async () => {
-    const expectedPath = `./test/fixtures/external/agl.png`
-    ;[browser, destroyBrowser] = await spec.build({
-      url: 'https://hub.browserstack.com/wd/hub',
-      capabilities: {
-        platformName: 'ios',
-        'appium:platformVersion': '14',
-        'appium:deviceName': 'iPhone 12',
-        'appium:app': 'agl_app',
-        'appium:processArguments': `{
-          "args": [
-            "-dev.environment", "qtrtest",
-            "-dev.clear.keychain", "YES",
-            "-dev.keychain.shared", "NO",
-            "-user.lastQuickTourVersionCompleted", "0"
-          ],
-          "env": {
-            "DYLD_INSERT_LIBRARIES": "@executable_path/Frameworks/EyesiOSHelper.xcframework/ios-arm64/EyesiOSHelper.framework/EyesiOSHelper"
-          }
-        }`,
-        'bstack:options': {
-          userName: process.env.BROWSERSTACK_USERNAME,
-          accessKey: process.env.BROWSERSTACK_ACCESS_KEY,
-        },
-      },
-    })
-
-    await browser.closeApp()
-    await browser.launchApp()
-    const driver = await new Driver({driver: browser, spec, logger}).init()
-
-    await browser.acceptAlert()
-
-    await utils.general.sleep(8000)
-    const signinBtn = await browser.$('//XCUIElementTypeButton[@name="SIGN IN"]')
-    await signinBtn.click()
-    await utils.general.sleep(8000)
-    const emailInput = await browser.$('//XCUIElementTypeTextField')
-    await emailInput.setValue('daniel.martin@toro.com')
-    const nxtBtn = await browser.$('//XCUIElementTypeButton[@name="NEXT"]')
-    await nxtBtn.click()
-    await utils.general.sleep(8000)
-    const passwordInput = await browser.$('//XCUIElementTypeSecureTextField')
-    await passwordInput.setValue('Welcome@1')
-    const loginBtn = await browser.$('//XCUIElementTypeButton[@name="LOGIN"]')
-    await loginBtn.click()
-    await utils.general.sleep(18000)
-    const skipBtn = await browser.$('//XCUIElementTypeButton[@name="Skip"]')
-    await skipBtn.click()
-    await utils.general.sleep(5000)
-    const finishBtn = await browser.$('//XCUIElementTypeButton[@name="Finish"]')
-    await finishBtn.click()
-    await utils.general.sleep(20000)
-
-    await driver.init()
-
-    const screenshot = await takeScreenshot({
-      logger,
-      driver,
-      fully: true,
-      framed: true,
-      wait: 1500,
-      // debug: {path: './'},
-    })
-    try {
-      const actual = await screenshot.image.toObject()
-      const expected = await makeImage(expectedPath).toObject()
-      assert.strictEqual(pixelmatch(actual.data, expected.data, null, expected.width, expected.height), 0)
-    } catch (err) {
-      await screenshot.image.debug({path: './logs', name: 'viewport_failed', suffix: Date.now()})
-      throw err
-    }
-  })
-})