diff --git a/awx/ui/test/e2e/nightwatch.conf.js b/awx/ui/test/e2e/nightwatch.conf.js index ed200626e4..ab5bb24ef0 100644 --- a/awx/ui/test/e2e/nightwatch.conf.js +++ b/awx/ui/test/e2e/nightwatch.conf.js @@ -22,6 +22,11 @@ module.exports = { browserName: 'chrome' } }, + smoke: { + disable_colors: true, + skip_testcases_on_fail: true, + filter: 'smoke.js' + }, debug: { selenium_port: 9515, selenium_host: 'localhost', diff --git a/awx/ui/test/e2e/tests/smoke-vars.yml b/awx/ui/test/e2e/tests/smoke-vars.yml new file mode 100644 index 0000000000..7834c3944f --- /dev/null +++ b/awx/ui/test/e2e/tests/smoke-vars.yml @@ -0,0 +1,7 @@ +$ANSIBLE_VAULT;1.1;AES256 +36663862313439656164323336396466323737666532643061323738646337623166653338663939 +6365663839623936363566393461643961363963613333650a333463653831386463646564376265 +39376362376231303064326464303738343136643931336432396638333933356337383866326539 +3830316634306466310a366234333566613733633232623434363434376534663466393833666435 +36373961636564353865653162393266383135363362336139613435323464356136393034636539 +6166663537623261336262363732346238343066393861643134 diff --git a/awx/ui/test/e2e/tests/smoke.js b/awx/ui/test/e2e/tests/smoke.js new file mode 100644 index 0000000000..b3193d6d9c --- /dev/null +++ b/awx/ui/test/e2e/tests/smoke.js @@ -0,0 +1,273 @@ +import uuid from 'uuid'; + +const id = uuid().substr(0, 8); + +const INVENTORY_NAME = `inventory-${id}`; +const MACHINE_CREDENTIAL_NAME = `credential-machine-${id}`; +const ORGANIZATION_NAME = `organization-${id}`; +const PROJECT_NAME = `project-${id}`; +const PROJECT_URL = 'https://github.com/ansible/awx'; +const PROJECT_BRANCH = 'devel'; +const PLAYBOOK_NAME = 'awx/ui/test/e2e/tests/smoke.yml'; +const TEMPLATE_NAME = `template-${id}`; +const VAULT_CREDENTIAL_NAME = `credential-vault-${id}`; +const VAULT_CREDENTIAL_PASSWORD = 'VAULT_CREDENTIAL_PASSWORD'; + +module.exports = { + 'login to awx': client => { + client.login(); + client.resizeWindow(1200, 800); + client.waitForAngular(); + }, + 'create organization': client => { + const organizations = client.page.organizations(); + const { details } = organizations.section.add.section; + + organizations.section.navigation.waitForElementVisible('@organizations'); + organizations.section.navigation.expect.element('@organizations').enabled; + organizations.section.navigation.click('@organizations'); + + organizations.waitForElementVisible('div.spinny'); + organizations.waitForElementNotVisible('div.spinny'); + + organizations.section.list.expect.element('@add').visible; + organizations.section.list.expect.element('@add').enabled; + organizations.section.list.click('@add'); + + details.waitForElementVisible('@name'); + details.expect.element('@name').enabled; + + details.setValue('@name', ORGANIZATION_NAME); + + organizations.waitForElementVisible('@save'); + organizations.expect.element('@save').enabled; + organizations.click('@save'); + + organizations.waitForElementVisible('div.spinny'); + organizations.waitForElementNotVisible('div.spinny'); + }, + 'create project': client => { + const projects = client.page.projects(); + + projects.navigate(); + projects.waitForElementVisible('div.spinny'); + projects.waitForElementNotVisible('div.spinny'); + + projects.section.list.waitForElementVisible('@add'); + projects.section.list.expect.element('@add').enabled; + projects.section.list.click('@add'); + + projects.waitForElementVisible('label[for="name"] + div input'); + projects.waitForElementVisible('label[for="organization"] + div input'); + projects.waitForElementPresent('label[for="scm_type"] + div > div select option[value="git"]'); + + projects.setValue('label[for="name"] + div input', PROJECT_NAME); + projects.clearValue('label[for="organization"] + div input'); + projects.setValue('label[for="organization"] + div input', ORGANIZATION_NAME); + projects.click('label[for="scm_type"] + div > div select option[value="git"]'); + + projects.waitForElementVisible('.sourceSubForm'); + projects.waitForElementVisible('label[for="scm_url"] + div input'); + projects.waitForElementVisible('label[for="scm_branch"] + div input'); + + projects.setValue('label[for="scm_url"] + div input', PROJECT_URL); + projects.setValue('label[for="scm_branch"] + div input', PROJECT_BRANCH); + + projects.expect.element('#project_save_btn').enabled; + projects.click('#project_save_btn'); + + projects.waitForElementVisible('div.spinny'); + projects.waitForElementNotVisible('div.spinny'); + + projects.expect.element('smart-search input').enabled; + projects.sendKeys('smart-search input', `${PROJECT_NAME}${client.Keys.ENTER}`); + + projects.waitForElementVisible('div.spinny'); + projects.waitForElementNotVisible('div.spinny'); + + projects.waitForElementVisible('div.spinny', 120000); + projects.waitForElementNotVisible('div.spinny'); + projects.expect.element('i[class$="success"]').visible; + }, + 'create inventory': client => { + const inventories = client.page.inventories(); + const details = inventories.section.addStandardInventory.section.standardInvDetails; + + inventories.section.navigation.waitForElementVisible('@inventories'); + inventories.section.navigation.expect.element('@inventories').enabled; + inventories.section.navigation.click('@inventories'); + + inventories.waitForElementVisible('div.spinny'); + inventories.waitForElementNotVisible('div.spinny'); + + inventories.selectAdd('Inventory'); + + details.waitForElementVisible('@name'); + details.waitForElementVisible('@organization'); + + details.expect.element('@name').enabled; + details.expect.element('@organization').enabled; + + details.setValue('@name', INVENTORY_NAME); + details.setValue('@organization', ORGANIZATION_NAME); + + inventories.waitForElementVisible('@save'); + inventories.expect.element('@save').enabled; + + inventories.click('@save'); + + inventories.waitForElementVisible('div.spinny'); + inventories.waitForElementNotVisible('div.spinny'); + }, + 'create host': client => { + const addHost = './/span[text()="+ ADD HOST"]'; + + client.expect.element('#hosts_tab').enabled; + client.expect.element('#hosts_tab').css('opacity').equal('1'); + client.expect.element('#hosts_tab').css('background-color').contain('255, 255, 255'); + client.click('#hosts_tab'); + + client.waitForElementVisible('div.spinny'); + client.waitForElementNotVisible('div.spinny'); + + client.expect.element('#hosts_tab').css('background-color').contain('132, 137, 146'); + + client.useXpath(); + client.waitForElementVisible(addHost); + client.expect.element(addHost).enabled; + client.click(addHost); + client.useCss(); + + client.waitForElementVisible('#host_name'); + client.sendKeys('#host_name', 'localhost'); + + client.click('div[class="CodeMirror-scroll"]'); + client.sendKeys('.CodeMirror textarea', client.Keys.ENTER); + client.sendKeys('.CodeMirror textarea', 'ansible_connection: local'); + client.click('#host_host_variables_parse_type label[class$="hollow"]'); + client.click('#host_host_variables_parse_type label[class$="hollow"]'); + + client.expect.element('#host_save_btn').enabled; + client.click('#host_save_btn'); + + client.waitForElementVisible('div.spinny'); + client.waitForElementNotVisible('div.spinny'); + }, + 'create vault credential': client => { + const credentials = client.page.credentials(); + const { details } = credentials.section.add.section; + + credentials.section.navigation.waitForElementVisible('@credentials'); + credentials.section.navigation.expect.element('@credentials').enabled; + credentials.section.navigation.click('@credentials'); + + credentials.waitForElementVisible('div.spinny'); + credentials.waitForElementNotVisible('div.spinny'); + + credentials.section.list.waitForElementVisible('@add'); + credentials.section.list.expect.element('@add').enabled; + credentials.section.list.click('@add'); + + details.waitForElementVisible('@save'); + details.clearAndSelectType('Vault'); + details.setValue('@organization', ORGANIZATION_NAME); + details.setValue('@name', VAULT_CREDENTIAL_NAME); + + details.section.vault.setValue('@vaultPassword', VAULT_CREDENTIAL_PASSWORD); + + details.expect.element('@save').enabled; + details.click('@save'); + + credentials.waitForElementVisible('div.spinny'); + credentials.waitForElementNotVisible('div.spinny'); + }, + 'create machine credential': client => { + const credentials = client.page.credentials(); + const { details } = credentials.section.add.section; + + credentials.section.navigation.waitForElementVisible('@credentials'); + credentials.section.navigation.expect.element('@credentials').enabled; + credentials.section.navigation.click('@credentials'); + + credentials.waitForElementVisible('div.spinny'); + credentials.waitForElementNotVisible('div.spinny'); + + credentials.section.list.waitForElementVisible('@add'); + credentials.section.list.expect.element('@add').enabled; + credentials.section.list.click('@add'); + + details.waitForElementVisible('@save'); + details.clearAndSelectType('Machine'); + details.setValue('@organization', ORGANIZATION_NAME); + details.setValue('@name', MACHINE_CREDENTIAL_NAME); + + details.expect.element('@save').enabled; + details.click('@save'); + + credentials.waitForElementVisible('div.spinny'); + credentials.waitForElementNotVisible('div.spinny'); + }, + 'create job template': client => { + const templates = client.page.templates(); + + templates.navigate(); + templates.waitForElementVisible('div.spinny'); + templates.waitForElementNotVisible('div.spinny'); + + templates.selectAdd('Job Template'); + templates.selectInventory(INVENTORY_NAME); + templates.selectProject(PROJECT_NAME); + templates.selectVaultCredential(VAULT_CREDENTIAL_NAME); + templates.selectMachineCredential(MACHINE_CREDENTIAL_NAME); + templates.selectPlaybook(PLAYBOOK_NAME); + templates.sendKeys('label[for="name"] + div input', TEMPLATE_NAME); + + templates.expect.element('#job_template_save_btn').enabled; + templates.click('#job_template_save_btn'); + + templates.waitForElementVisible('div.spinny'); + templates.waitForElementNotVisible('div.spinny'); + + templates.expect.element('#job_template_save_btn').enabled; + }, + 'launch job': client => { + const templates = client.page.templates(); + + templates.waitForElementVisible('smart-search input'); + templates.expect.element('smart-search input').enabled; + + templates.sendKeys('smart-search input', `${TEMPLATE_NAME}${client.Keys.ENTER}`); + templates.waitForElementVisible('div.spinny'); + templates.waitForElementNotVisible('div.spinny'); + + templates.sendKeys('smart-search input', `${TEMPLATE_NAME}${client.Keys.ENTER}`); + templates.waitForElementVisible('div.spinny'); + templates.waitForElementNotVisible('div.spinny'); + + templates.waitForElementPresent('i[class$="launch"]'); + templates.waitForElementNotPresent('i[class$="launch"]:nth-of-type(2)'); + + templates.expect.element('.List-titleBadge').text.equal('1'); + + templates.waitForElementVisible('i[class$="launch"]'); + templates.click('i[class$="launch"]'); + }, + 'verify expected job results': client => { + const output = './/span[normalize-space(text())=\'"msg": "Hello World!"\']'; + const running = 'i[class$="icon-job-running"]'; + const success = 'i[class$="icon-job-successful"]'; + + client.waitForElementVisible('div.spinny'); + client.waitForElementNotVisible('div.spinny'); + + client.waitForElementVisible('.JobResults-detailsPanel'); + client.waitForElementNotPresent(running, 60000); + client.waitForElementVisible(success, 60000); + + client.useXpath(); + client.waitForElementVisible(output, 60000); + client.useCss(); + + client.end(); + } +}; diff --git a/awx/ui/test/e2e/tests/smoke.yml b/awx/ui/test/e2e/tests/smoke.yml new file mode 100644 index 0000000000..f85e892dff --- /dev/null +++ b/awx/ui/test/e2e/tests/smoke.yml @@ -0,0 +1,10 @@ +--- +- hosts: all + tasks: + - name: Import Vault Variables + include_vars: smoke-vars.yml + no_log: true + + - name: Display Vault Message + debug: + msg: '{{ vault_message }}'