Skip to content

Commit

Permalink
Added functional tests (#5)
Browse files Browse the repository at this point in the history
* Added accessibility properties to Home button
* Added accessibility properties to Add profile
* Added accessibily properties to list of profiles in menu
* Added wdio base conf
* Added appium and pointed caps towards the app
* Added test run-script and dependencies
  • Loading branch information
Froelund authored and alexindigo committed Oct 21, 2017
1 parent aac9802 commit 875c4b6
Show file tree
Hide file tree
Showing 8 changed files with 290 additions and 5 deletions.
2 changes: 2 additions & 0 deletions .gitignore
Expand Up @@ -51,3 +51,5 @@ buck-out/
fastlane/report.xml
fastlane/Preview.html
fastlane/screenshots

appium.log
11 changes: 11 additions & 0 deletions __functional__/profile_management.spec.js
@@ -0,0 +1,11 @@
describe('Profile management', () => {
it('can add a profile, by name', async () => {
await browser.waitForExist('~Home button');
await browser.click('~Home button');
await browser.waitForExist('~Add profile button');
await browser.click('~Add profile button');
await browser.keys('jdalton');
await browser.click('~ok');
await browser.waitForExist('~Profile: jdalton');
});
});
2 changes: 2 additions & 0 deletions app/components/HomeButton.js
Expand Up @@ -15,6 +15,8 @@ export default class HomeButton extends Component {
return (
<TouchableOpacity
onPress={this.props.onAction}
accessible={this.props.accessible}
accessibilityLabel={this.props.accessibilityLabel}
>
<View
style={stylesContainer}
Expand Down
6 changes: 5 additions & 1 deletion app/components/MenuButton.js
Expand Up @@ -35,7 +35,11 @@ export default class MenuButton extends Component {
}

return (
<TouchableOpacity onPress={this.props.action}>
<TouchableOpacity
onPress={this.props.action}
accessible={this.props.accessible}
accessibilityLabel={this.props.accessibilityLabel}
>
<Image
style={this.props.style}
source={image}
Expand Down
2 changes: 2 additions & 0 deletions app/components/Navbar.js
Expand Up @@ -28,6 +28,8 @@ export default class Navbar extends Component {
};

const homeButton = <HomeButton
accessible={true}
accessibilityLabel={'Home button'}
onAction={this.props.onHomeButton}
style={styles.homeButton}
/>;
Expand Down
6 changes: 4 additions & 2 deletions app/scenes/Menu.js
Expand Up @@ -141,6 +141,8 @@ export default class Menu extends Component {
: <MenuButton
style={[styles.menuButton, styles.menuButtonRight]}
image="add_profile"
accessible={true}
accessibilityLabel={'Add profile button'}
action={this.addProfile.bind(this)}
/>
}
Expand Down Expand Up @@ -202,7 +204,7 @@ class ProfileItem extends Component {
}

return (
<MenuItem action={this.props.action}>
<MenuItem action={this.props.action} accessible={true} accessibilityLabel={`Profile: ${this.props.profile.handle}`}>
<View style={styles.menuContainer}>
<Userpic
style={styles.menuProfileImage}
Expand Down Expand Up @@ -240,7 +242,7 @@ class ProfileItem extends Component {
class MenuItem extends Component {
render () {
return (
<TouchableOpacity style={{flex: 1}} onPress={this.props.action}>
<TouchableOpacity style={{flex: 1}} onPress={this.props.action} accessible={this.props.accessible} accessibilityLabel={this.props.accessibilityLabel}>
{this.props.children}
</TouchableOpacity>
);
Expand Down
9 changes: 7 additions & 2 deletions package.json
Expand Up @@ -4,7 +4,8 @@
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test": "jest",
"android": "$(which emulator) -avd Nexus_5_API_23"
"android": "$(which emulator) -avd Nexus_5_API_23",
"functional": "wdio wdio.conf.js"
},
"dependencies": {
"art": "^0.10.1",
Expand All @@ -26,7 +27,11 @@
"babel-jest": "19.0.0",
"babel-preset-react-native": "1.9.1",
"jest": "19.0.2",
"react-test-renderer": "15.4.2"
"react-test-renderer": "15.4.2",
"wdio-appium-service": "^0.2.3",
"wdio-jasmine-framework": "^0.3.2",
"wdio-spec-reporter": "^0.1.2",
"webdriverio": "^4.8.0"
},
"jest": {
"preset": "react-native"
Expand Down
257 changes: 257 additions & 0 deletions wdio.conf.js
@@ -0,0 +1,257 @@
exports.config = {

//
// ==================
// Specify Test Files
// ==================
// Define which test specs should run. The pattern is relative to the directory
// from which `wdio` was called. Notice that, if you are calling `wdio` from an
// NPM script (see https://docs.npmjs.com/cli/run-script) then the current working
// directory is where your package.json resides, so `wdio` will be called from there.
//
specs: [
'./__functional__/*.spec.js'
],
// Patterns to exclude.
exclude: [
// 'path/to/excluded/files'
],
//
// ============
// Capabilities
// ============
// Define your capabilities here. WebdriverIO can run multiple capabilities at the same
// time. Depending on the number of capabilities, WebdriverIO launches several test
// sessions. Within your capabilities you can overwrite the spec and exclude options in
// order to group specific specs to a specific capability.
//
// First, you can define how many instances should be started at the same time. Let's
// say you have 3 different capabilities (Chrome, Firefox, and Safari) and you have
// set maxInstances to 1; wdio will spawn 3 processes. Therefore, if you have 10 spec
// files and you set maxInstances to 10, all spec files will get tested at the same time
// and 30 processes will get spawned. The property handles how many capabilities
// from the same test should run tests.
//
maxInstances: 10,
//
// If you have trouble getting all important capabilities together, check out the
// Sauce Labs platform configurator - a great tool to configure your capabilities:
// https://docs.saucelabs.com/reference/platforms-configurator
//
capabilities: [{
// maxInstances can get overwritten per capability. So if you have an in-house Selenium
// grid with only 5 firefox instances available you can make sure that not more than
// 5 instances get started at a time.
platformName: 'iOS',
deviceName: 'iPhone 6',
app: `${__dirname}/ios/build/Build/Products/Debug-iphonesimulator/ndash.app`,
}],
//
// ===================
// Test Configurations
// ===================
// Define all options that are relevant for the WebdriverIO instance here
//
// By default WebdriverIO commands are executed in a synchronous way using
// the wdio-sync package. If you still want to run your tests in an async way
// e.g. using promises you can set the sync option to false.
sync: true,
//
// Level of logging verbosity: silent | verbose | command | data | result | error
logLevel: 'verbose',
//
// Enables colors for log output.
coloredLogs: true,
//
// If you only want to run your tests until a specific amount of tests have failed use
// bail (default is 0 - don't bail, run all tests).
bail: 0,
//
// Saves a screenshot to a given path if a command fails.
screenshotPath: './errorShots/',
//
// Set a base URL in order to shorten url command calls. If your url parameter starts
// with "/", then the base url gets prepended.
baseUrl: 'http://localhost',
//
// Default timeout for all waitFor* commands.
waitforTimeout: 10000,
//
// Default timeout in milliseconds for request
// if Selenium Grid doesn't send response
connectionRetryTimeout: 90000,
//
// Default request retries count
connectionRetryCount: 3,
//
// Initialize the browser instance with a WebdriverIO plugin. The object should have the
// plugin name as key and the desired plugin options as properties. Make sure you have
// the plugin installed before running any tests. The following plugins are currently
// available:
// WebdriverCSS: https://github.com/webdriverio/webdrivercss
// WebdriverRTC: https://github.com/webdriverio/webdriverrtc
// Browserevent: https://github.com/webdriverio/browserevent
// plugins: {
// webdrivercss: {
// screenshotRoot: 'my-shots',
// failedComparisonsRoot: 'diffs',
// misMatchTolerance: 0.05,
// screenWidth: [320,480,640,1024]
// },
// webdriverrtc: {},
// browserevent: {}
// },
//
// Test runner services
// Services take over a specific job you don't want to take care of. They enhance
// your test setup with almost no effort. Unlike plugins, they don't add new
// commands. Instead, they hook themselves up into the test process.
services: ['appium'],
appium: {
args: {
address: '127.0.0.1',
port: 4444,
defaultCapabilities: JSON.stringify({
automationName: 'XCUITest',
}),
},
},
//
// Framework you want to run your specs with.
// The following are supported: Mocha, Jasmine, and Cucumber
// see also: http://webdriver.io/guide/testrunner/frameworks.html
//
// Make sure you have the wdio adapter package for the specific framework installed
// before running any tests.
framework: 'jasmine',
//
// Test reporter for stdout.
// The only one supported by default is 'dot'
// see also: http://webdriver.io/guide/testrunner/reporters.html
reporters: ['spec'],

//
// Options to be passed to Jasmine.
jasmineNodeOpts: {
//
// Jasmine default timeout
defaultTimeoutInterval: 10000,
//
// The Jasmine framework allows interception of each assertion in order to log the state of the application
// or website depending on the result. For example, it is pretty handy to take a screenshot every time
// an assertion fails.
expectationResultHandler: function(passed, assertion) {
// do something
}
},

//
// =====
// Hooks
// =====
// WebdriverIO provides several hooks you can use to interfere with the test process in order to enhance
// it and to build services around it. You can either apply a single function or an array of
// methods to it. If one of them returns with a promise, WebdriverIO will wait until that promise got
// resolved to continue.
/**
* Gets executed once before all workers get launched.
* @param {Object} config wdio configuration object
* @param {Array.<Object>} capabilities list of capabilities details
*/
// onPrepare: function (config, capabilities) {
// },
/**
* Gets executed just before initialising the webdriver session and test framework. It allows you
* to manipulate configurations depending on the capability or spec.
* @param {Object} config wdio configuration object
* @param {Array.<Object>} capabilities list of capabilities details
* @param {Array.<String>} specs List of spec file paths that are to be run
*/
// beforeSession: function (config, capabilities, specs) {
// },
/**
* Gets executed before test execution begins. At this point you can access to all global
* variables like `browser`. It is the perfect place to define custom commands.
* @param {Array.<Object>} capabilities list of capabilities details
* @param {Array.<String>} specs List of spec file paths that are to be run
*/
// before: function (capabilities, specs) {
// },
//
/**
* Hook that gets executed before the suite starts
* @param {Object} suite suite details
*/
// beforeSuite: function (suite) {
// },
/**
* Hook that gets executed _before_ a hook within the suite starts (e.g. runs before calling
* beforeEach in Mocha)
*/
// beforeHook: function () {
// },
/**
* Hook that gets executed _after_ a hook within the suite starts (e.g. runs after calling
* afterEach in Mocha)
*/
// afterHook: function () {
// },
/**
* Function to be executed before a test (in Mocha/Jasmine) or a step (in Cucumber) starts.
* @param {Object} test test details
*/
// beforeTest: function (test) {
// },
/**
* Runs before a WebdriverIO command gets executed.
* @param {String} commandName hook command name
* @param {Array} args arguments that command would receive
*/
// beforeCommand: function (commandName, args) {
// },
/**
* Runs after a WebdriverIO command gets executed
* @param {String} commandName hook command name
* @param {Array} args arguments that command would receive
* @param {Number} result 0 - command success, 1 - command error
* @param {Object} error error object if any
*/
// afterCommand: function (commandName, args, result, error) {
// },
/**
* Function to be executed after a test (in Mocha/Jasmine) or a step (in Cucumber) starts.
* @param {Object} test test details
*/
// afterTest: function (test) {
// },
/**
* Hook that gets executed after the suite has ended
* @param {Object} suite suite details
*/
// afterSuite: function (suite) {
// },
/**
* Gets executed after all tests are done. You still have access to all global variables from
* the test.
* @param {Number} result 0 - test pass, 1 - test fail
* @param {Array.<Object>} capabilities list of capabilities details
* @param {Array.<String>} specs List of spec file paths that ran
*/
// after: function (result, capabilities, specs) {
// },
/**
* Gets executed right after terminating the webdriver session.
* @param {Object} config wdio configuration object
* @param {Array.<Object>} capabilities list of capabilities details
* @param {Array.<String>} specs List of spec file paths that ran
*/
// afterSession: function (config, capabilities, specs) {
// },
/**
* Gets executed after all workers got shut down and the process is about to exit. It is not
* possible to defer the end of the process using a promise.
* @param {Object} exitCode 0 - success, 1 - fail
*/
// onComplete: function(exitCode) {
// }
}

0 comments on commit 875c4b6

Please sign in to comment.