TuHuynhVan

Run Chrome headless

The good old PhantomJS times are over. The project is not maintained anymore and it is recommended to switch over to Chrome headless. Just run a local Selenium standalone server:

$ java -jar Sites/selenium-server-standalone-3.4.0.jar

TuHuynhVan

1. Set up for Appium:
   • Reference:
     • https://appium.io/slate/en/master/?ruby#system-setup-ios
     • https://github.com/appium/appium/blob/master/docs/en/appium-setup/running-on-osx.md
   • install xcode:

     • make sure you are NOT installing the latest version. Install v7 here: https://developer.apple.com/download/more/

     • make sure the correct simulators are downloaded at xcode -> preferences -> components

       NOTE: If you don't have the correct simulators downloaded then you will get the error: "Could not find a device to launch..."

   • install carthage which is an appium dependency: https://github.com/Carthage/Carthage

TuHuynhVan

// courtesy of Thamu Gurung @thamu_gurung_twitter
browser.execute(() => {
                return $(elementSelector).trigger({ type: 'mousedown', which: 39 });
            });

/* The Key codes
rightArrow - 39 
leftArrow - 37 
down - 40 
enter - 13 

TuHuynhVan

// # Mocha Guide to Testing
// Objective is to explain describe(), it(), and before()/etc hooks

// 1. `describe()` is merely for grouping, which you can nest as deep
// 2. `it()` is a test case
// 3. `before()`, `beforeEach()`, `after()`, `afterEach()` are hooks to run
// before/after first/each it() or describe().
//
// Which means, `before()` is run before first it()/describe()

TuHuynhVan

Bunch of stuff broken? Don't fear..the Actions API is on it's way and it will probably be a good thing! Chin up!

OVERVIEW: 
The purpose of this document is to explain the new actions API and what it has to do with certain commands 
such as moveto and keys being depricated in webdriverio (due to them being deprecated in certain browser drivers).

MAIN ISSUE: 
1. The issue is that these new drivers suppress these commands on purpose because they are deprecated, 
but the drivers have not yet implemented the new WC3 standard called "actions API". 
"The user-facing API for emulating complex user gestures. Use this class rather than using the Keyboard or Mouse directly."

TuHuynhVan

/**
 * Created by Tu Huynh on 8/17/2017.
 */

let resemble = require('node-resemble-js')
    , fs = require('fs')
    , jimp = require("jimp")
    , shell = require('shelljs');

class ImageProcessing {

TuHuynhVan

let cpr = require('../../utils/ImageProcessing');

class MobileVisualTest {   
  
static visualTest(deviceUdid, deviceName, screenName) {
        let folders = {
                diffFolderPath: 'screenshots/diff/',
                referenceFolderPath: 'screenshots/reference/',
                screenFolderPath: 'screenshots/screen/'
            }

TuHuynhVan

    let CheckingCommentFlow = require("../../test_flows/mobile/CheckingComment")
    ...
    
    it("Test name", () => {
    
        let deviceUdid = browser.desiredCapabilities.udid
            , deviceName = browser.desiredCapabilities.deviceName
            , testingScreenName = "CommentTab"
            , checkingCommentFlow = new CheckingCommentFlow(dataObject);

TuHuynhVan

End-to-end Testing with Shadow DOM

As the web component specs continue to be developed, there has been little information on how to test them. In particular the /deep/ combinator has been deprecated in Shadow DOM 1.0. This is particularly painful since most end-to-end testing frameworks rely on elements being discoverable by XPath or calls to querySelector. Elements in Shadow DOM are selectable by neither.

WebDriver.io

Webdriver.io has the standard actions by selectors, but also allows browser executable scripts to return an element

TuHuynhVan

Better local require() paths for Node.js

Problem

When the directory structure of your Node.js application (not library!) has some depth, you end up with a lot of annoying relative paths in your require calls like:

var Article = require('../../../models/article');

Those suck for maintenance and they're ugly.

Possible solutions