Created
February 5, 2018 15:39
-
-
Save rajdeeep2k17/dc09e910f8ae74bfe32638f145463aab to your computer and use it in GitHub Desktop.
Some describes are skipper for headless mode
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // import { page, browser } from "../global" | |
| require('dotenv').config() | |
| const { exists } = require('../jest/utils') | |
| const faker = require('faker'); | |
| test("Setup", async() => { | |
| await page.setRequestInterception(true) | |
| page.on('request', (request) => { | |
| (['image','font'].indexOf(request.resourceType()) !== -1 ) ? request.abort() : request.continue() | |
| }) | |
| }) | |
| const fakeEmail = faker.internet.email(); | |
| const itomail = faker.name.firstName() + '@itobuz.com'; | |
| const first_name = faker.name.firstName() + 'abc'; | |
| const pass = faker.internet.password(); | |
| const message = faker.lorem.sentence(); | |
| // LANDING PAGE | |
| describe("Landing Page", async() => { | |
| describe("Registration Error Checks", async() => { | |
| it("Registration Without Email Id", async() => { | |
| await page.goto(baseUrl, {waitUntil: "networkidle0"}) | |
| await page.click('#register-form form button') | |
| await page.waitForSelector('app-register-step-one p-autocomplete + div.msg--error') | |
| }) | |
| it("Registration With Incorrect Email Id", async() => { | |
| await page.reload({waitUntil: "networkidle0"}) | |
| await page.type('form input', 'testing123@test.co.in') | |
| await page.click('#register-form form button') | |
| await page.waitForSelector('app-register-step-one p-autocomplete + div.msg.msg--error') | |
| }) | |
| }) | |
| describe("Email Id Domain Names Auto Complete", async() => { | |
| it("Email Id Domain Names Auto Complete", async() => { | |
| await page.reload({waitUntil: "networkidle0"}) | |
| await page.type('form input', 'rajdeep@o') | |
| await page.waitForSelector('form > div > div:nth-child(2) > div > p-autocomplete > span > div > ul') | |
| }) | |
| }) | |
| describe("Email-field autofocus", async() => { | |
| it("Click on 'Urnime Gratis' button (Find members section) focuses email field", async() => { | |
| await page.reload({waitUntil: "networkidle0"}) | |
| await page.click('div.find-members a') | |
| await page.keyboard.type('test') | |
| const inputVal = await page.$eval('app-register-step-one form input', e => e.value) | |
| expect(inputVal).toBe('test') | |
| }) | |
| it("Click 'Urnime Gratis' left text (Casual Meet section) focuses email field", async() => { | |
| await page.reload({waitUntil: "networkidle0"}) | |
| await page.click('div.casual-meet div.column:nth-child(1) a') | |
| await page.keyboard.type('123') | |
| const inputVal = await page.$eval('app-register-step-one form input', e => e.value) | |
| expect(inputVal).toBe('123') | |
| }) | |
| it("Click 'Urnime Gratis' right text (Casual Meet section) focuses email field", async() => { | |
| await page.reload({waitUntil: "networkidle0"}) | |
| expect.assertions(2) | |
| await page.click('div.casual-meet div.column:nth-child(2) a') | |
| await page.keyboard.type('xyz') | |
| const inputVal = await page.$eval('app-register-step-one form input', e => e.value) | |
| expect(inputVal).toBe('xyz') | |
| await page.reload({waitUntil: "networkidle0"}) | |
| const inputValReset = await page.$eval('app-register-step-one form input', e => e.value) | |
| expect(inputValReset).toBeFalsy() | |
| }) | |
| }) | |
| describe("Registration process step by step", async() => { | |
| it("first step", async() => { | |
| await page.goto(baseUrl, {waitUntil: "networkidle2"}) | |
| await page.type('input[type="email"]', itomail) | |
| await page.selectRandom('div.register select') | |
| await page.click('form button') | |
| await page.waitForSelector('div.custom-modal.register') | |
| }) | |
| it("second step", async() => { | |
| await page.type('input[formControlName="nick_name"]', first_name) | |
| await page.type('input[formControlName="name"]', first_name) | |
| await page.type('input[formControlName="password"]', pass) | |
| await page.selectRandom('div.custom-modal.register select') | |
| await page.click('.btn-green') | |
| await page.waitForSelector('div.register-step-three-container') | |
| }) | |
| it("third step", async() => { | |
| let selectBoxesSelectors = [ | |
| 'div.register-step-three-container select[formcontrolname="country_id"]', | |
| 'div.register-step-three-container select[formcontrolname="province_id"]', | |
| 'div.register-step-three-container select[formcontrolname="height"]', | |
| 'div.register-step-three-container select[formcontrolname="weight"]', | |
| 'div.register-step-three-container select[formcontrolname="body_type_id"]', | |
| 'div.register-step-three-container select[formcontrolname="hair_color_id"]', | |
| 'div.register-step-three-container select[formcontrolname="eye_color_id"]' | |
| ] | |
| await page.selectRandom(selectBoxesSelectors, { multiple: true }) | |
| await page.type('div.register-step-three-container textarea[formcontrolname="description"]', message) | |
| await page.click('.btn-green') | |
| await page.waitForSelector('div.register .img-wrapper img.tick') | |
| }) | |
| it("Check that it has the correct email", async() => { | |
| let email1 = await page.$eval('div.register div.email-confirmation span.bold-text', e => e.innerText) | |
| let email2 = await page.$eval('div.register input[formcontrolname="email"]', e => e.value ) | |
| expect(email1).toBe(email2) | |
| expect(email1).toBe(itomail) | |
| }) | |
| it("Resends email", async () => { | |
| await page.click('div.register button.resend-email') | |
| page.waitForSelector('div.register div.msg--success') | |
| }) | |
| }) | |
| }) | |
| // LOGIN PAGE | |
| describe("Login Page", async() => { | |
| describe("Forgot Password", async() => { | |
| describe("Form Error Checks", async() => { | |
| it("Submit without email Id", async() => { | |
| await page.goto(baseUrl, {waitUntil: "networkidle0"}) | |
| await page.click('.login-btn') | |
| await page.waitForSelector('app-login form > div > a') | |
| await page.click('app-login form > div > a') | |
| await page.waitForSelector('ngb-modal-window form button') | |
| await page.click('ngb-modal-window form button') | |
| await page.waitForSelector('ngb-modal-window form > div.msg.msg--error') | |
| }) | |
| it("Submit with incorrect email id", async() => { | |
| await page.type('ngb-modal-window form > input', 'rajib@xyzs.co.qwerty') | |
| await page.click('ngb-modal-window form button') | |
| await page.waitForSelector('ngb-modal-window form > div.msg.msg--error') | |
| }) | |
| }) | |
| describe("Form Success check", async() => { | |
| it("Submit with valid email", async() => { | |
| await page.$eval('ngb-modal-window form > input', el => el.value = '') | |
| await page.type('ngb-modal-window form > input', process.env.USERNAME_FORGOTPASSWORD) | |
| await page.click('ngb-modal-window form button') | |
| }) | |
| it("Success Message appears on sending valid form", async() => { | |
| await page.waitForSelector('ngb-modal-window form > div.msg.msg--success') | |
| }) | |
| }) | |
| describe("Modal closes on X button", async() => { | |
| it("Modal closes on X button", async() => { | |
| await page.click('ngb-modal-window div.heading-wrap > button') | |
| try { | |
| await page.waitForSelector('ngb-modal-window', {timeout: 1000}) | |
| } | |
| catch(err) { | |
| console.log('Modal Not Found Hence Test Passed') | |
| } | |
| }) | |
| }) | |
| }) | |
| describe("Login Cases", async() => { | |
| describe("Login Error checks", async() => { | |
| it("unregistered user login", async() => { | |
| await page.waitForSelector('.login-details > form') | |
| await page.$eval('input[formcontrolname="email_or_nick"]', el => el.value = '') | |
| await page.type('input[formcontrolname="email_or_nick"]', itomail) | |
| await page.type('input[formcontrolname="password"]', pass) | |
| await page.click('button[type="submit"]') | |
| await page.waitForSelector('form button[type="submit"]+div.msg--error') | |
| }) | |
| it("login without any user credentials", async() => { | |
| await page.reload({waitUntil: "networkidle0"}) | |
| await page.click('button[type="submit"]') | |
| await page.waitForSelector('input[formcontrolname="email_or_nick"]+div.msg--error') | |
| await page.waitForSelector('input[formcontrolname="password"]+div.msg--error') | |
| }) | |
| it("wrong credential user login", async() => { | |
| await page.reload({waitUntil: "networkidle0"}) | |
| await page.type('input[formcontrolname="email_or_nick"]', fakeEmail) | |
| await page.type('input[formcontrolname="password"]', pass) | |
| await page.click('button[type="submit"]') | |
| await page.waitForSelector('form button[type="submit"]+div.msg--error') | |
| }) | |
| it("entering only email displays 'enter password'", async() => { | |
| await page.reload({waitUntil: "networkidle0"}) | |
| await page.type('input[formcontrolname="email_or_nick"]', fakeEmail) | |
| await page.click('button[type="submit"]') | |
| await page.waitForSelector('input[formcontrolname="password"]+div.msg--error') | |
| }) | |
| it("focusing in and out of the email field", async() => { | |
| await page.reload({waitUntil: "networkidle0"}) | |
| await page.waitForSelector('app-login div > form') | |
| await page.type('input[formcontrolname="email_or_nick"]', '') | |
| await page.click('div.search-result-header h3') | |
| await page.waitForSelector('div.msg--error') | |
| }) | |
| it("focusing in and out of the password field", async() => { | |
| await page.reload({waitUntil: "networkidle0"}) | |
| await page.waitForSelector('input[formcontrolname="password"]') | |
| await page.click('input[formcontrolname="password"]') | |
| await page.click('input[formcontrolname="email_or_nick"]') | |
| await page.click('div.search-result-header h3') | |
| await page.waitForSelector('input[formcontrolname="password"]+div.msg--error') | |
| }) | |
| }) | |
| describe("Successful Login Cases", async() => { | |
| describe("First time registered-user login", async() => { | |
| it("Logged in", async() => { | |
| await page.reload({waitUntil: "networkidle0"}) | |
| await page.$eval('input[formcontrolname="email_or_nick"]', e => e.value = '') | |
| await page.$eval('input[formcontrolname="password"]', e => e.value = '') | |
| await page.type('input[formcontrolname="email_or_nick"]', process.env.LOGEMAIL) | |
| await page.type('input[formcontrolname="password"]', process.env.PASSWORD) | |
| await page.click('button[type="submit"]') | |
| await page.waitForSelector('div.popup-wrapper') | |
| }) | |
| }) | |
| describe("User with completed profile login", async() => { | |
| describe("Basic User Type", async() => { | |
| }) | |
| describe("Elite User Type", async() => { | |
| }) | |
| describe("VIP User Type", async() => { | |
| }) | |
| }) | |
| }) | |
| }) | |
| }) | |
| // DASHBOARD PAGE | |
| describe("Dashboard Page", async() => { | |
| describe("Quick Search Cases", async() => { | |
| describe("Random search", async() => { | |
| it("logging in", async() => { | |
| await page.goto(baseUrl, {waitUntil: "networkidle0"}) | |
| await page.click('.login-wrapper > button.login-btn') | |
| await page.waitForSelector('.login-details > form input[formcontrolname="email_or_nick"]') | |
| await page.type('input[formcontrolname="email_or_nick"]', process.env.USERNAME) | |
| await page.type('input[formcontrolname="password"]', process.env.PASSWORD) | |
| await page.click('button[type="submit"]') | |
| await page.waitForSelector('div.content-container .quick-search') | |
| }) | |
| it("Selecting options randomly", async() => { | |
| await page.reload({waitUntil: "networkidle0"}) | |
| let selectBoxesSelectors = [ | |
| 'div.quick-search select[formcontrolname="seeking"]', | |
| 'div.quick-search select[formcontrolname="age"]', | |
| 'div.quick-search select[formcontrolname="province_id"]' | |
| ] | |
| await page.selectRandom(selectBoxesSelectors, { multiple: true }) | |
| }) | |
| it("search and reached result page", async() => { | |
| await page.click('div.form-group .search-btn') | |
| await page.waitForSelector('div.member-list-wrapper') | |
| }) | |
| it("search with only profile pics", async() => { | |
| const placeHolderImagesLength = await page.$$eval('div.member-list-wrapper app-member-list div.member-image-wrapper > div.member-image', (el, domain) => Array.from(el).map(e => e.style.backgroundImage).filter( e => e.indexOf(domain) > -1).length, api.split('.')[1] ) | |
| expect(placeHolderImagesLength).toBe(0) | |
| }) | |
| }) | |
| describe("Search which has results", async() => { | |
| var lookingVal; | |
| var ageVal; | |
| var provinceVal; | |
| it("Selecting options which is known to provide results", async() => { | |
| await page.waitForSelector('.page-content-header .btn-black') | |
| await page.click('.page-content-header .btn-black') | |
| await page.waitForSelector('div.quick-search select') | |
| lookingVal = await page.$eval('div.quick-search select[formcontrolname="seeking"] > option:nth-child(3)', e => e.value) | |
| await page.select('div.quick-search select[formcontrolname="seeking"]', lookingVal) | |
| ageVal = await page.$eval('div.quick-search select[formcontrolname="age"] > option:nth-child(5)', e => e.value.split('-')) | |
| const ageForSelect = await page.$eval('div.quick-search select[formcontrolname="age"] > option:nth-child(5)', e => e.value) | |
| await page.select('div.quick-search select[formcontrolname="age"]', ageForSelect) | |
| await page.waitForFunction(() => document.querySelector('app-quick-search div.quick-search.row > div:nth-child(4) select').value, {polling: 'mutation'}) | |
| provinceVal = await page.$eval('app-quick-search div.quick-search.row > div:nth-child(4) select', e => e.selectedOptions[0].innerText) | |
| const provinceForSelect = await page.$eval('app-quick-search div.quick-search.row > div:nth-child(4) select > option:nth-child(32)', e => e.value) | |
| await page.select('app-quick-search div.quick-search.row > div:nth-child(4) select', provinceForSelect) | |
| await page.click('app-quick-search .form-group.only-photo.custom-checkbox > label.custom-check') | |
| }) | |
| it("started search and reached result page with results", async() => { | |
| await page.click('div.form-group .search-btn') | |
| await page.waitForSelector('div.member-info > p') | |
| }) | |
| it("comparing Age in search result", async () => { | |
| const ageResult = await page.$eval('div.member-info > p.member-address.member-age', e => +(e.innerText).split(' ')[0]) | |
| expect(ageResult).toBeNull | |
| expect(ageResult).toBeLessThanOrEqual(+ageVal[1]) | |
| expect(ageResult).toBeGreaterThanOrEqual(+ageVal[0]) | |
| }) | |
| it("comparing Province in search result", async () => { | |
| const provinceResult = await page.$eval('div.member-info > p:nth-child(3)', e => e.innerText) | |
| expect(provinceResult).toEqual(provinceVal) | |
| }) | |
| it("search without profile pics", async() => { | |
| const placeHolderImagesLength = await page.$$eval('div.member-list-wrapper app-member-list div.member-image-wrapper > div.member-image', (el, domain) => Array.from(el).map(e => e.style.backgroundImage).filter( e => e.indexOf(domain) > -1).length, api.split('.')[1] ) | |
| expect(placeHolderImagesLength).toBeGreaterThanOrEqual(1) | |
| }) | |
| }) | |
| describe("search with no result", async() => { | |
| it("Selecting options which is known to provide NO results", async () => { | |
| await page.click('.page-content-header .btn-black') | |
| lookingVal = await page.$eval('div.quick-search select[formcontrolname="seeking"] > option:nth-child(2)', e => e.value) | |
| await page.select('div.quick-search select[formcontrolname="seeking"]', lookingVal) | |
| const ageForSelect = await page.$eval('app-quick-search div.quick-search.row > div:nth-child(3) select > option:nth-child(8)', e => e.value) | |
| await page.select('app-quick-search div.quick-search.row > div:nth-child(3) select', ageForSelect) | |
| }) | |
| it("started search and reached result page with info box showing 'no results'", async() => { | |
| await page.click('div.form-group .search-btn') | |
| await page.waitForSelector('div.no-favs .msg--info'); | |
| }) | |
| }) | |
| }) | |
| describe.skip("Popular Member Carousel", async() => { | |
| it("Goto Home Page", async() => { | |
| await page.click(".side-menu li:nth-child(1)") | |
| await page.waitForSelector('div.content-container > swiper') | |
| }) | |
| describe("Carousel Direction buttons", async() => { | |
| it("Clicking '<' moves carousel left", async() => { | |
| const nextIndex = | |
| await page.$$eval('div.feature-profiles + swiper app-member', els => | |
| Array.from(els).findIndex( e => e.className.indexOf('swiper-slide-active') > -1 )) + 2; | |
| const nextName = await page.$eval(`div.feature-profiles + swiper app-member:nth-child(${nextIndex}) span.member-name`, el => el.innerHTML) | |
| await page.waitForSelector('div.feature-profiles i.icon-back.slide-one-prev') | |
| await page.click('div.feature-profiles i.icon-back.slide-one-prev') | |
| await page.waitFor(500) | |
| const activeIndex = | |
| await page.$$eval('div.feature-profiles + swiper app-member', els => | |
| Array.from(els).findIndex( e => e.className.indexOf('swiper-slide-active') > -1 )) + 3; | |
| const activeName = await page.$eval(`div.feature-profiles + swiper app-member:nth-child(${activeIndex}) span.member-name`, el => el.innerHTML) | |
| expect(nextName).toBe(activeName); | |
| }) | |
| it("Clicking '>' moves carousel right", async() => { | |
| const nextIndex = | |
| await page.$$eval('div.feature-profiles + swiper app-member', els => | |
| Array.from(els).findIndex( e => e.className.indexOf('swiper-slide-active') > -1 )) + 2; | |
| const nextName = await page.$eval(`div.feature-profiles + swiper app-member:nth-child(${nextIndex}) span.member-name`, el => el.innerHTML) | |
| await page.waitForSelector('div.feature-profiles i.icon-next.slide-one-next') | |
| await page.click('div.feature-profiles i.icon-next.slide-one-next') | |
| await page.waitFor(500) | |
| const activeIndex = | |
| await page.$$eval('div.feature-profiles + swiper app-member', els => | |
| Array.from(els).findIndex( e => e.className.indexOf('swiper-slide-active') > -1 )) + 1; | |
| const activeName = await page.$eval(`div.feature-profiles + swiper app-member:nth-child(${activeIndex}) span.member-name`, el => el.innerHTML) | |
| expect(nextName).toBe(activeName); | |
| }) | |
| }) | |
| describe("Carousel Drag", async() => { | |
| it("Dragging left moves carousel left", async() => { | |
| const middleIndex = | |
| await page.$$eval('div.feature-profiles + swiper app-member', els => | |
| Array.from(els).findIndex( e => e.className.indexOf('swiper-slide-active') > -1 )) + 3; | |
| const middleName = await page.$eval(`div.feature-profiles + swiper app-member:nth-child(${middleIndex}) span.member-name`, el => el.innerHTML) | |
| const posTop = await page.$eval(`div.feature-profiles + swiper app-member:nth-child(${middleIndex})`, | |
| el => el.getBoundingClientRect().top) | |
| const posLeft = await page.$eval(`div.feature-profiles + swiper app-member:nth-child(${middleIndex})`, | |
| el => el.getBoundingClientRect().left) | |
| const itemWidth = await page.$eval(`div.feature-profiles + swiper app-member:nth-child(${middleIndex})`, | |
| el => el.getBoundingClientRect().width) | |
| await page.mouse.move(posLeft + 50, posTop + 50) | |
| await page.mouse.down() | |
| await page.mouse.move(posLeft - (itemWidth * 2.0), posTop + 50) | |
| await page.mouse.up() | |
| const newMiddleIndex = | |
| await page.$$eval('div.feature-profiles + swiper app-member', els => | |
| Array.from(els).findIndex( e => e.className.indexOf('swiper-slide-active') > -1 )) + 3; | |
| const newMiddleName = await page.$eval(`div.feature-profiles + swiper app-member:nth-child(${newMiddleIndex}) span.member-name`, el => el.innerHTML) | |
| expect(middleName).not.toBe(newMiddleName) | |
| }) | |
| it("Dragging right moves carousel right", async() => { | |
| const middleIndex = | |
| await page.$$eval('div.feature-profiles + swiper app-member', els => | |
| Array.from(els).findIndex( e => e.className.indexOf('swiper-slide-active') > -1 )) + 3; | |
| const middleName = await page.$eval(`div.feature-profiles + swiper app-member:nth-child(${middleIndex}) span.member-name`, el => el.innerHTML) | |
| const posTop = await page.$eval(`div.feature-profiles + swiper app-member:nth-child(${middleIndex})`, | |
| el => el.getBoundingClientRect().top) | |
| const posLeft = await page.$eval(`div.feature-profiles + swiper app-member:nth-child(${middleIndex})`, | |
| el => el.getBoundingClientRect().left) | |
| const itemWidth = await page.$eval(`div.feature-profiles + swiper app-member:nth-child(${middleIndex})`, | |
| el => el.getBoundingClientRect().width) | |
| await page.mouse.move(posLeft + 50, posTop + 50) | |
| await page.mouse.down() | |
| await page.mouse.move(posLeft + (itemWidth * 2.0), posTop + 50) | |
| await page.mouse.up() | |
| const newMiddleIndex = | |
| await page.$$eval('div.feature-profiles + swiper app-member', els => | |
| Array.from(els).findIndex( e => e.className.indexOf('swiper-slide-active') > -1 )) + 3; | |
| const newMiddleName = await page.$eval(`div.feature-profiles + swiper app-member:nth-child(${newMiddleIndex}) span.member-name`, el => el.innerHTML) | |
| expect(middleName).not.toBe(newMiddleName) | |
| }) | |
| }) | |
| describe("Adding Profile to Favorites (clicking empty Heart)", async() => { | |
| it(" 'Empty Heart' icon becomes 'Filled Heart' icon", async() => { | |
| await page.waitForSelector('div.feature-profiles + swiper app-member.swiper-slide-active span.fa.fa-heart-o') | |
| await page.click('div.feature-profiles + swiper app-member.swiper-slide-active span.fa.fa-heart-o') | |
| await page.waitForSelector('div.feature-profiles + swiper app-member.swiper-slide-active span.fa.fa-heart') | |
| }) | |
| it(" 'Added to Favorites' success message appears", async() => { | |
| await page.waitForSelector('app-root > app-notification-list > div') | |
| }) | |
| }) | |
| describe("Removing Profile from Favorites (clicking filled Heart)", async() => { | |
| it(" 'Filled Heart' icon becomes 'Empty Heart' icon", async() => { | |
| await page.waitForSelector('div.feature-profiles + swiper app-member.swiper-slide-active span.fa.fa-heart') | |
| await page.click('div.feature-profiles + swiper app-member.swiper-slide-active span.fa.fa-heart') | |
| await page.waitForSelector('div.feature-profiles + swiper app-member.swiper-slide-active span.fa.fa-heart-o') | |
| }) | |
| it(" 'Removed from Favorites' success message appears", async() => { | |
| await page.waitForSelector('app-root > app-notification-list > div') | |
| }) | |
| }) | |
| }) | |
| describe.skip("New Member Carousel", async() => { | |
| describe("Carousel Direction buttons", async() => { | |
| it("Clicking '<' moves carousel left", async() => { | |
| const nextIndex = | |
| await page.$$eval('div.new-member-wrapper swiper app-member', els => | |
| Array.from(els).findIndex( e => e.className.indexOf('swiper-slide-active') > -1 )) + 2; | |
| const nextName = await page.$eval(`div.new-member-wrapper swiper app-member:nth-child(${nextIndex}) span.member-name`, el => el.innerHTML) | |
| await page.waitForSelector('div.new-member-wrapper i.icon-back.slide-two-prev') | |
| await page.click('div.new-member-wrapper i.icon-back.slide-two-prev') | |
| await page.waitFor(500) | |
| const activeIndex = | |
| await page.$$eval('div.new-member-wrapper swiper app-member', els => | |
| Array.from(els).findIndex( e => e.className.indexOf('swiper-slide-active') > -1 )) + 3; | |
| const activeName = await page.$eval(`div.new-member-wrapper swiper app-member:nth-child(${activeIndex}) span.member-name`, el => el.innerHTML) | |
| expect(nextName).toBe(activeName); | |
| }) | |
| it("Clicking '>' moves carousel right", async() => { | |
| const nextIndex = | |
| await page.$$eval('div.new-member-wrapper swiper app-member', els => | |
| Array.from(els).findIndex( e => e.className.indexOf('swiper-slide-active') > -1 )) + 2; | |
| const nextName = await page.$eval(`div.new-member-wrapper swiper app-member:nth-child(${nextIndex}) span.member-name`, el => el.innerHTML) | |
| await page.waitForSelector('div.new-member-wrapper i.icon-next.slide-two-next') | |
| await page.click('div.new-member-wrapper i.icon-next.slide-two-next') | |
| await page.waitFor(500) | |
| const activeIndex = | |
| await page.$$eval('div.new-member-wrapper swiper app-member', els => | |
| Array.from(els).findIndex( e => e.className.indexOf('swiper-slide-active') > -1 )) + 1; | |
| const activeName = await page.$eval(`div.new-member-wrapper swiper app-member:nth-child(${activeIndex}) span.member-name`, el => el.innerHTML) | |
| expect(nextName).toBe(activeName); | |
| }) | |
| }) | |
| describe("Carousel Drag", async() => { | |
| it("Dragging left moves carousel left", async() => { | |
| const middleIndex = | |
| await page.$$eval('div.new-member-wrapper swiper app-member', els => | |
| Array.from(els).findIndex( e => e.className.indexOf('swiper-slide-active') > -1 )) + 3; | |
| const middleName = await page.$eval(`div.new-member-wrapper swiper app-member:nth-child(${middleIndex}) span.member-name`, el => el.innerHTML) | |
| const posTop = await page.$eval(`div.new-member-wrapper swiper app-member:nth-child(${middleIndex})`, | |
| el => el.getBoundingClientRect().top) | |
| const posLeft = await page.$eval(`div.new-member-wrapper swiper app-member:nth-child(${middleIndex})`, | |
| el => el.getBoundingClientRect().left) | |
| const itemWidth = await page.$eval(`div.new-member-wrapper swiper app-member:nth-child(${middleIndex})`, | |
| el => el.getBoundingClientRect().width) | |
| await page.mouse.move(posLeft + 50, posTop + 50) | |
| await page.mouse.down() | |
| await page.mouse.move(posLeft - (itemWidth * 2.0), posTop + 50) | |
| await page.mouse.up() | |
| const newMiddleIndex = | |
| await page.$$eval('div.new-member-wrapper swiper app-member', els => | |
| Array.from(els).findIndex( e => e.className.indexOf('swiper-slide-active') > -1 )) + 3; | |
| const newMiddleName = await page.$eval(`div.new-member-wrapper swiper app-member:nth-child(${newMiddleIndex}) span.member-name`, el => el.innerHTML) | |
| expect(middleName).not.toBe(newMiddleName) | |
| }) | |
| it("Dragging right moves carousel right", async() => { | |
| const middleIndex = | |
| await page.$$eval('div.new-member-wrapper swiper app-member', els => | |
| Array.from(els).findIndex( e => e.className.indexOf('swiper-slide-active') > -1 )) + 3; | |
| const middleName = await page.$eval(`div.new-member-wrapper swiper app-member:nth-child(${middleIndex}) span.member-name`, el => el.innerHTML) | |
| const posTop = await page.$eval(`div.new-member-wrapper swiper app-member:nth-child(${middleIndex})`, | |
| el => el.getBoundingClientRect().top) | |
| const posLeft = await page.$eval(`div.new-member-wrapper swiper app-member:nth-child(${middleIndex})`, | |
| el => el.getBoundingClientRect().left) | |
| const itemWidth = await page.$eval(`div.new-member-wrapper swiper app-member:nth-child(${middleIndex})`, | |
| el => el.getBoundingClientRect().width) | |
| await page.mouse.move(posLeft + 50, posTop + 50) | |
| await page.mouse.down() | |
| await page.mouse.move(posLeft + (itemWidth * 2.0), posTop + 50) | |
| await page.mouse.up() | |
| const newMiddleIndex = | |
| await page.$$eval('div.new-member-wrapper swiper app-member', els => | |
| Array.from(els).findIndex( e => e.className.indexOf('swiper-slide-active') > -1 )) + 3; | |
| const newMiddleName = await page.$eval(`div.new-member-wrapper swiper app-member:nth-child(${newMiddleIndex}) span.member-name`, el => el.innerHTML) | |
| expect(middleName).not.toBe(newMiddleName) | |
| }) | |
| }) | |
| describe("Adding Profile to Favorites (clicking empty Heart)", async() => { | |
| it(" 'Empty Heart' icon becomes 'Filled Heart' icon", async() => { | |
| await page.click('div.new-member-wrapper app-member.swiper-slide-active span.fa.fa-heart-o') | |
| await page.waitForSelector('div.new-member-wrapper app-member.swiper-slide-active span.fa.fa-heart') | |
| }) | |
| it(" 'Added to Favorites' success message appears", async() => { | |
| await page.waitForSelector('app-root > app-notification-list > div') | |
| }) | |
| }) | |
| describe("Removing Profile from Favorites (clicking filled Heart)", async() => { | |
| it(" 'Filled Heart' icon becomes 'Empty Heart' icon", async() => { | |
| await page.click('div.new-member-wrapper app-member.swiper-slide-active span.fa.fa-heart') | |
| await page.waitForSelector('div.new-member-wrapper app-member.swiper-slide-active span.fa.fa-heart-o') | |
| }) | |
| it(" 'Removed from Favorites' success message appears", async() => { | |
| await page.waitForSelector('app-root > app-notification-list > div') | |
| }) | |
| }) | |
| }) | |
| describe.skip("Recent Activity", async() => { | |
| describe("Adding Profile to Favorites (clicking empty Heart)", async() => { | |
| it(" 'Empty Heart' icon becomes 'Filled Heart' icon", async() => { | |
| await page.waitForSelector('app-recent-activity span.fa.fa-heart-o') | |
| await page.click("app-recent-activity span.fa.fa-heart-o") | |
| await page.waitForSelector('app-recent-activity span.fa.fa-heart') | |
| }) | |
| it(" 'Added to Favorites' success message appears", async() => { | |
| await page.waitForSelector('app-root > app-notification-list > div') | |
| }) | |
| }) | |
| describe("Removing Profile from Favorites (clicking filled Heart)", async() => { | |
| it(" 'Filled Heart' icon becomes 'Empty Heart' icon", async() => { | |
| await page.waitForSelector('app-recent-activity span.fa.fa-heart') | |
| await page.click("app-recent-activity span.fa.fa-heart") | |
| await page.waitForSelector('app-recent-activity span.fa.fa-heart-o') | |
| }) | |
| it(" 'Removed from Favorites' success message appears", async() => { | |
| await page.waitForSelector('app-root > app-notification-list > div') | |
| }) | |
| }) | |
| }) | |
| }) | |
| // SUPPORT / CONTACT PAGE | |
| describe("Support/Contact Page", async() => { | |
| it("GoTo Contact Page", async() => { | |
| await page.goto(baseUrl, {waitUntil: 'networkidle0'}) | |
| await page.waitForSelector('app-footer div.col-sm-4.nav--col > ul > li:nth-child(1) > a') | |
| await page.click('app-footer div.col-sm-4.nav--col > ul > li:nth-child(1) > a') | |
| }) | |
| describe.skip("Accordion", async() => { | |
| it("Accordion expand", async() => { | |
| }) | |
| it("Accordian collapse", async() => { | |
| }) | |
| it("Random accordion expansion causes others to collapse", async() => { | |
| }) | |
| }) | |
| describe("Error Checks", async() => { | |
| it("Submitting form without filling any field", async() => { | |
| await page.waitForSelector('app-contact-form div.heading-wrapper') | |
| await page.click('app-contact-form div.heading-wrapper') | |
| await page.waitForSelector('#form-wrapper > form > div:nth-child(8) > button') | |
| await page.click('#form-wrapper > form > div:nth-child(8) > button') | |
| await page.waitForSelector('#form-wrapper > form > div:nth-child(1) > div.msg.msg--error') | |
| await page.waitForSelector('#form-wrapper > form > div:nth-child(2) > div.msg.msg--error') | |
| await page.waitForSelector('#form-wrapper > form > div:nth-child(3) > div.msg.msg--error') | |
| await page.waitForSelector('#form-wrapper > form > div:nth-child(4) > div.msg.msg--error') | |
| await page.waitForSelector('#form-wrapper > form > div:nth-child(5) > div.msg.msg--error') | |
| await page.waitForSelector('#form-wrapper > form > div:nth-child(6) > div.msg.msg--error') | |
| await page.waitForSelector('#form-wrapper > form > div:nth-child(7) > div.msg.msg--error') | |
| }) | |
| it("Check if captcha loads successfully", async() => { | |
| await page.waitForSelector('#ngrecaptcha-0') | |
| }) | |
| }) | |
| describe("Valid form submit", async() => { | |
| it("Valid form submit", async() => { | |
| await page.type('#form-wrapper > form > div:nth-child(2) > input', 'rajdeep') | |
| await page.type('#form-wrapper > form > div:nth-child(3) > input', 'This Is Test Subject') | |
| await page.type('#form-wrapper > form > div:nth-child(4) > input', 'rajdeep@itobuz.com') | |
| await page.type('#form-wrapper > form > div:nth-child(5) > input', 'rajdeep@itobuz.com') | |
| await page.type('#form-wrapper textarea', 'This is my test message to submit form') | |
| await page.click('#form-wrapper > form > div:nth-child(8) > button') | |
| await page.waitForSelector('#form-wrapper > form > div:nth-child(7) > div.msg.msg--error') | |
| }) | |
| }) | |
| }) | |
| // MESSAGE LIST PAGE | |
| describe("Message List Page", async() => { | |
| it("Login as Prosenjit", async() => { | |
| await page.goto(baseUrl, {waitUntil: "networkidle0"}) | |
| await page.click('.login-btn') | |
| await page.waitForSelector('app-login form > input:nth-child(2)') | |
| await page.type('app-login form > input:nth-child(2)', process.env.USERNAME_P) | |
| await page.type('app-login form > input:nth-child(4)', process.env.PASSWORD) | |
| await page.click('app-login form > button') | |
| await page.waitForSelector('app-desktop-sidebar div.side-menu > ul > li:nth-child(2)') | |
| await page.click('app-desktop-sidebar div.side-menu > ul > li:nth-child(2)') | |
| await page.waitForSelector('div.message-list') | |
| }) | |
| describe("Message Select and Delete cases", async() => { | |
| describe("Select single message", async() => { | |
| it("Selected message gets 'checked' symbol", async() => { | |
| await page.waitForSelector('div.message-list-wrapper label.label--material-checkbox.gotoDetails') | |
| await page.click('div.message-list-wrapper label.label--material-checkbox.gotoDetails') | |
| await page.waitForSelector('div.message-list-wrapper label.label--material-checkbox.gotoDetails.active') | |
| }) | |
| it(" 'Selected messages' number (at the top-right button 'Delete Selected') increase by 1", async() => { | |
| const count = await page.$eval('div.group-btns > button:nth-child(2) > span.pl-2.pr-3', el => el.innerHTML) | |
| expect(count).toContain('1') | |
| }) | |
| }) | |
| describe("Delete single message", async() => { | |
| it("Selected message is deleted", async() => { | |
| var chatName = await page.$eval('div.message-list-wrapper div.message-list-info > p.message-history', el => el.innerHTML) | |
| await page.click('div.page-content-header > div.group-btns > button:nth-child(2)') | |
| await page.waitForFunction( (e) => !Array.from(document.querySelectorAll('div.message-list')).map(e => e.innerText.split('\n').shift()).includes(e), {polling: 'mutation'}, chatName) | |
| var namesArray = await page.$$eval('div.message-list', els => Array.from(els).map(e => e.innerText.split('\n').shift())) | |
| expect(namesArray).not.toContain(chatName) | |
| }) | |
| it(" 'Selected messages' number (at the top-right button 'Delete Selected') decrease by 1", async() => { | |
| const count = await page.$eval('div.group-btns > button:nth-child(2) > span.pl-2.pr-3', el => el.innerHTML) | |
| expect(count).toContain('0') | |
| }) | |
| }) | |
| describe("Select multiple messages", async() => { | |
| it("Selected message gets 'checked' symbol", async() => { | |
| await page.click('div.content-container > div:nth-child(4) > button') | |
| const messagesLength = await page.$$eval('div.message-list', els => Array.from(els).length) | |
| await page.waitForFunction( (e) => Array.from(document.querySelectorAll('div.message-list-wrapper label.label--material-checkbox.gotoDetails.active')).length ==e , {polling: 'mutation'}, messagesLength) | |
| const tickLength = await page.$$eval('div.message-list-wrapper label.label--material-checkbox.gotoDetails.active', els => Array.from(els).length) | |
| expect(messagesLength).toEqual(tickLength) | |
| }) | |
| it("'Selected messages' number (at the top-right button 'Delete Selected') increase by 'total selected messages'", async() => { | |
| const messagesLength = await page.$$eval('div.message-list', els => Array.from(els).length) | |
| const count = await page.$eval('div.group-btns > button:nth-child(2) > span.pl-2.pr-3', el => el.innerHTML) | |
| expect(count).toContain(messagesLength) | |
| }) | |
| }) | |
| describe.skip("Delete multiple messages", async() => { | |
| it("Selected messages are deleted", async() => { | |
| }) | |
| it(" 'Selected messages' number (at the top-right button 'Delete Selected') decreases by 'total selected message number'", async() => { | |
| }) | |
| }) | |
| }) | |
| }) | |
| // MESSAGE DETAIL PAGE | |
| describe("Message Detail page", async() => { | |
| describe.skip("Error cases", async() => { | |
| describe("Blank message", async() => { | |
| it("Sending blank message", async() => { | |
| await page.waitForSelector('div.chat-typing-area > form .btn-green-complement') | |
| await page.click('div.chat-typing-area > form .btn-green-complement') | |
| await page.$eval('div.chat-typing-area > form .msg.msg--error', e => { | |
| setTimeout(function () { | |
| e.style.display='none'; | |
| }, 5000); | |
| return false; | |
| }) | |
| }) | |
| it("Error displayed", async() => { | |
| }) | |
| }) | |
| describe("Sending single character in message", async() => { | |
| it("Sending single character", async() => { | |
| await page.type('div.chat-typing-area .textarea-wrapper > textarea', 'm') | |
| await page.click('div.chat-typing-area > form .btn-green-complement') | |
| var twoCharacters = await page.$eval('div.chat-typing-area > form .msg.msg--error', e => e.innerText) | |
| expect('The message must be at least 2 characters.').toEqual(twoCharacters) | |
| }) | |
| it("Error displayed", async() => { | |
| }) | |
| }) | |
| }) | |
| describe("Success cases", async() => { | |
| describe("Basic User", async() => { | |
| it("Login as Basic", async() => { | |
| await page.goto(baseUrl, {waitUntil: "networkidle0"}) | |
| await page.click(".login-btn") | |
| await page.waitForSelector('app-login form > input:nth-child(2)') | |
| await page.type('app-login form > input:nth-child(2)', process.env.USERNAME) | |
| await page.type('app-login form > input:nth-child(4)', process.env.PASSWORD) | |
| await page.click('app-login form > button') | |
| await page.waitForSelector('body app-desktop-sidebar') | |
| }) | |
| it("Sending message", async() => { | |
| await page.waitForSelector('swiper app-member.swiper-slide.swiper-slide-active > div.profile-pic-wrapper > div.member-icon-wrapper.d-flex.flex-row > div:nth-child(2)') | |
| await page.click('swiper app-member.swiper-slide.swiper-slide-active > div.profile-pic-wrapper > div.member-icon-wrapper.d-flex.flex-row > div:nth-child(2)') | |
| await page.waitForSelector('div.chat-typing-area > form textarea') | |
| await page.type('div.chat-typing-area > form textarea', 'Hi There Wassup??') | |
| await page.click('div.chat-typing-area > form button.btn-green-complement') | |
| }) | |
| it("Redirected to Payment/Subscription page", async() => { | |
| await page.waitForSelector('app-payment div.msg.msg--info.text-center') | |
| }) | |
| }) | |
| describe.skip("Elite User", async() => { | |
| it("Login as Elite", async() => { | |
| await page.goto(baseUrl, {waitUntil: "networkidle0"}) | |
| await page.click(".login-btn") | |
| await page.waitForSelector('app-login form > input:nth-child(2)') | |
| await page.type('app-login form > input:nth-child(2)', process.env.ELITE_USERNAME) | |
| await page.type('app-login form > input:nth-child(4)', process.env.PASSWORD) | |
| await page.click('app-login form > button') | |
| await page.waitForSelector('app-free-msg') | |
| await page.click('div.desktop-nav ul > li:nth-child(1) a') | |
| await page.waitForSelector('div.content-container > swiper') | |
| }) | |
| it("Send Message to 6 users Redirects to payment page", async() => { | |
| const activeIndex = await page.$$eval('div.content-container > swiper app-member', els => Array.from(els).findIndex( e => e.className.indexOf('swiper-slide-active') > -1 ) ) + 1 | |
| var i | |
| for (i = activeIndex; i < activeIndex + 5; i++) { | |
| await page.click(`div.content-container > swiper app-member:nth-child(${i}) span.icon-envelope-solid`) | |
| await page.waitForSelector('div.chat-typing-area > form textarea') | |
| await page.type('div.chat-typing-area > form textarea', 'Wasssup ???') | |
| await page.click('div.chat-typing-area > form button.btn-green-complement') | |
| await page.waitForSelector('div.chat-box-wrapper > div:nth-child(1)') | |
| await page.click('app-desktop-sidebar div.side-menu > ul > li:nth-child(1)') | |
| await page.waitForSelector('div.content-container > swiper') | |
| } | |
| await page.click('div.feature-profiles i.icon-next.slide-one-next') | |
| await page.click(`div.content-container > swiper app-member:nth-child(${i}) span.icon-envelope-solid`) | |
| await page.waitForSelector('div.chat-typing-area > form textarea') | |
| await page.type('div.chat-typing-area > form textarea', 'Wasssup ???') | |
| await page.click('div.chat-typing-area > form button.btn-green-complement') | |
| await page.waitForSelector('app-payment div.msg.msg--info.text-center') | |
| }) | |
| it.skip("Sending single message to 6 random but different users", async() => { | |
| }) | |
| it.skip("Message added to conversation", async() => { | |
| }) | |
| it.skip("Redirected to Payment/Subscription page on messaging 6th different user", async() => { | |
| }) | |
| }) | |
| }) | |
| }) |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment