add selects tests

qawolf · Mar 10, 2020 · 5935e3b · 5935e3b
1 parent 1ca4bb8
commit 5935e3b
Show file tree

Hide file tree

Showing 4 changed files with 45 additions and 2 deletions.
diff --git a/test/e2e/selectors/selects.json b/test/e2e/selectors/selects.json
@@ -0,0 +1,12 @@
+{
+ "0_select": "[data-qa='html-select']",
+ "1_material_select_div": "[data-qa='material-select']",
+ "2_li": "html=<div class=\"MuiPaper-root MuiMenu-paper MuiPopover-paper MuiPaper-elevation8 MuiPaper-rounded\" tabindex=\"-1\" style=\"opacity: 1; transform: none; min-width: 140px; transition: opacity 247ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 165ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; top: 59px; left: 443px; transform-origin: 0px 24.5px;\" qaw_innertext=\"Cat Dog Hedgehog\"><ul class=\"MuiList-root MuiMenu-list MuiList-padding\" role=\"listbox\" tabindex=\"-1\" aria-labelledby=\"label\" qaw_innertext=\"Cat Dog Hedgehog\"><li class=\"MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button\" tabindex=\"-1\" role=\"option\" aria-disabled=\"false\" data-value=\"dog\" qaw_innertext=\"Dog\"></li></ul></div>",
+ "3_material_select_select": "[data-qa='material-select-native'] select",
+ "4_material_select_div": "[data-qa='material-select-multiple']",
+ "5_li": "html=<div class=\"MuiPaper-root MuiMenu-paper MuiPopover-paper MuiPaper-elevation8 MuiPaper-rounded\" tabindex=\"-1\" style=\"opacity: 1; transform: none; min-width: 140px; transition: opacity 275ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 183ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; top: 188px; left: 443px; transform-origin: 0px 24.5px;\" qaw_innertext=\"Arya Stark Daenerys Targaryen Jaime Lannister Jon Snow Sansa Stark\"><ul class=\"MuiList-root MuiMenu-list MuiList-padding\" role=\"listbox\" tabindex=\"-1\" aria-labelledby=\"label-multiple\" qaw_innertext=\"Arya Stark Daenerys Targaryen Jaime Lannister Jon Snow Sansa Stark\"><li class=\"MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button\" tabindex=\"0\" role=\"option\" aria-disabled=\"false\" data-value=\"Arya Stark\" qaw_innertext=\"Arya Stark\"></li></ul></div>",
+ "6_li": "html=<div class=\"MuiPaper-root MuiMenu-paper MuiPopover-paper MuiPaper-elevation8 MuiPaper-rounded\" tabindex=\"-1\" style=\"opacity: 1; transform: none; min-width: 140px; transition: opacity 275ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 183ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; top: 188px; left: 443px; transform-origin: 0px 24.5px;\" qaw_innertext=\"Arya Stark Daenerys Targaryen Jaime Lannister Jon Snow Sansa Stark\"><ul class=\"MuiList-root MuiMenu-list MuiList-padding\" role=\"listbox\" tabindex=\"-1\" aria-labelledby=\"label-multiple\" qaw_innertext=\"Arya Stark Daenerys Targaryen Jaime Lannister Jon Snow Sansa Stark\"><li class=\"MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button\" tabindex=\"-1\" role=\"option\" aria-disabled=\"false\" data-value=\"Jaime Lannister\" qaw_innertext=\"Jaime Lannister\"></li></ul></div>",
+ "7_div": "html=<body style=\"overflow: hidden;\" qaw_innertext=\"Native HTML Best pet? Cat Dog Hedgehog Snake Material UI Best pet? Dog Favorite color? Blue Red Green Friends? Arya Stark, Jaime Lannister Semantic UI Country? Arya Stark Daenerys Targaryen Jaime Lannister Jon Snow Sansa Stark\"><div role=\"presentation\" class=\"MuiPopover-root\" id=\"menu-\" style=\"position: fixed; z-index: 1300; right: 0px; bottom: 0px; top: 0px; left: 0px;\" qaw_innertext=\"Arya Stark Daenerys Targaryen Jaime Lannister Jon Snow Sansa Stark\"><div aria-hidden=\"true\" style=\"z-index: -1; position: fixed; right: 0px; bottom: 0px; top: 0px; left: 0px; background-color: transparent; -webkit-tap-highlight-color: transparent;\"></div></div></body>",
+ "8_input": "[data-qa='semantic-select'] input",
+ "9_div": "[data-qa='semantic-select']"
+}
diff --git a/test/e2e/tests/keys.test.js b/test/e2e/tests/keys.test.js
@@ -1,5 +1,6 @@
 const qawolf = require('qawolf');
 const selectors = require('../selectors/keys.json');
+const { TEST_URL } = require('./utils');
 
 let browser;
 let page;
@@ -14,14 +15,14 @@ beforeAll(async () => {
 afterAll(() => browser.close());
 
 test('fill', async () => {
-  await page.goto('http://localhost:5000/text-inputs');
+  await page.goto(`${TEST_URL}text-inputs`);
   await page.click("[data-qa='html-text-input-filled']");
   await page.click('html');
   await page.fill("[data-qa='html-text-input-filled']", 'replaced');
   await page.click("[data-qa='material-text-input-filled'] input");
   await page.click(selectors['4_div']);
   await page.fill("[data-qa='material-text-input-filled'] input", 'replaced');
-  await page.goto('http://localhost:5000/date-pickers');
+  await page.goto(`${TEST_URL}date-pickers`);
   await page.click("[data-qa='html-date-picker']");
   await page.type("[data-qa='html-date-picker']", '01012020');
   await page.press("[data-qa='html-date-picker']", 'Tab');

diff --git a/test/e2e/tests/selects.test.js b/test/e2e/tests/selects.test.js
@@ -0,0 +1,29 @@
+const qawolf = require('qawolf');
+const selectors = require('../selectors/selects.json');
+const { TEST_URL } = require('./utils');
+
+let browser;
+let page;
+
+beforeAll(async () => {
+  browser = await qawolf.launch({ slowMo: 20 });
+  const context = await browser.newContext();
+  await qawolf.register(context);
+  page = await context.newPage();
+});
+
+afterAll(() => browser.close());
+
+test('selects', async () => {
+  await page.goto(`${TEST_URL}selects`);
+  await page.select("[data-qa='html-select']", 'cat');
+  await page.click("[data-qa='material-select']");
+  await page.click(selectors['2_li']);
+  await page.select("[data-qa='material-select-native'] select", 'red');
+  await page.click("[data-qa='material-select-multiple']");
+  await page.click(selectors['5_li']);
+  await page.click(selectors['6_li']);
+  await page.click(selectors['7_div']);
+  await page.click("[data-qa='semantic-select'] input");
+  await page.click("[data-qa='semantic-select']");
+});
diff --git a/test/e2e/tests/utils.js b/test/e2e/tests/utils.js
@@ -0,0 +1 @@
+module.exports.TEST_URL = process.env.TEST_URL || 'http://localhost:5000/';