protractor - 如何为功能中的每个场景关闭和打开浏览器 - Protractor 和 cucumberjs

Question

这个问题可能是重复的，但我并不像预期的那样，所以再次提出。

我正在我们的项目中创建一个新的 Protractor 框架。我的应用程序有登录屏幕，我需要为功能中的每个案例使用不同的用户详细信息登录。我在功能文件中有两个场景。当我运行时，浏览器应该打开登录页面并执行一些操作并为每个场景关闭浏览器，并且它必须为每个场景做同样的事情，但我没有看到这种情况发生。当我运行时，它发生在第一个场景中，从第二个场景开始失败。有人可以帮我吗？

我已经尝试了使用 After hook 的不同选项，restartBrowserBetweenTests 但没有运气。

conf.js

import { browser } from "protractor";

export const config = {
    // chromeDriver: './drivers/chromedriver',
    // seleniumServerJar: './drivers/selenium-server-standalone-3.12.0.jar',
    seleniumAddress: 'http://localhost:4444/wd/hub',
    // baseUrl: '<url>',
    SELENIUM_PROMISE_MANAGER: false,
    framework: 'custom',
    frameworkPath: require.resolve('protractor-cucumber-framework'),
    capabilities: {
        'browserName': 'chrome',
        'chromeOptions': {
            'args': ['--disable-extensions=true']
        }
    },
    // restartBrowserBetweenTests: true,
    specs: [
        './features/*.feature'
    ],
    cucumberOpts: {
        require: [
            './features/step_definitions/*.js',
            './support/*.js'
        ],
        format: ['json:results/report.json'],
        tags: [
            //"@smoke",
            //"@regression"
        ],
        strict: true
    },
    disableChecks: true,
    onPrepare: function () {
        browser.manage().deleteAllCookies();
        browser.manage().window().maximize();
        browser.ignoreSynchronization = true;
    },
    getPageTimeout: 100000,
    allScriptsTimeout: 500000
}

钩子(Hook).ks

import { Before, BeforeAll, After, AfterAll } from "cucumber";
import { browser } from "protractor";
import { config } from "../protractorConf"

Before( {timeout: 2 * 20000}, async () => {
    // await browser.get(config.baseUrl)
})

// After( {timeout: 2 * 5000}, async () => {
//     await browser.close()
// })

AfterAll( {timeout: 2 * 5000}, async () => {
    await browser.quit()
})

steps.js

import { Given, When, Then } from "cucumber"
import { expect } from "chai";
import { browser } from "protractor";

import * as loginPage from "../pages/loginPage"
import * as welcomePage from "../pages/welcomePage"
import * as verificationPage from "../pages/verificationPanelPage"
import * as homePage from "../pages/homePage";

const stepTimeoutExpiry = {timeout: 2 * 5000}
let globalLoanNumber = ""

Given(/^Launch SATURN app with "(.*?)" and "(.*?)"$/, stepTimeoutExpiry, async (user, pass) => {
    await browser.get('<url>')
    await loginPage.login(user, pass)
})

When(/^I search a loan by "(.*?)" as "(.*?)" in search page$/, stepTimeoutExpiry, async (searchType, loanNumber) => {
    globalLoanNumber = loanNumber
    await welcomePage.selectSearchType()
    if (searchType === "Loan Number") {
        await welcomePage.selectLoanNumber()
    }
    await welcomePage.enterLoanNumber(loanNumber)
    await welcomePage.clickSearchAccountBtn()
})


When(/^I skip the verification details on verification page$/, stepTimeoutExpiry, async () => {
    await verificationPage.skipVerification()
})

Then(/^I must see the Saturn "(.*?)" page for this account$/, stepTimeoutExpiry, async (homeText) => {
    // await homePage.isHomeLinkAvailable()
    expect(await homePage.isHomeLinkAvailable()).to.be.true
    expect(await homePage.getAccountNumberText()).to.equal(globalLoanNumber)
})

功能文件

Feature: Running sample feature

    Scenario: Login to Saturn and verify it works
    Given Launch SATURN app with "user" and "pass"
    When I search a loan by "Loan Number" as "0535003974" in search page
    And I skip the verification details on verification page
    Then I must see the Saturn "Home" page for this account

    Scenario: Login to Saturn and verify it works for the second time
    Given Launch SATURN app with "user" and "pass"
    When I search a loan by "Loan Number" as "0535003974" in search page
    And I skip the verification details on verification page
    Then I must see the Saturn "Home" page for this account

下面是错误，当我运行时。

λ npm run test

> protractortest@1.0.0 test c:\<user>\ATDDProtractorTest
> babel-node node_modules/protractor/bin/protractor protractorConf.js --presets-env

(node:12828) [DEP0022] DeprecationWarning: os.tmpDir() is deprecated. Use os.tmpdir() instead.
[10:55:12] I/launcher - Running 1 instances of WebDriver
[10:55:12] I/hosted - Using the selenium server at http://localhost:4444/wd/hub
.......F---.

Failures:

1) Scenario: Login to Saturn and verify it works for the second time # features\testone.feature:9
   √ Before # support\hooks.js:5
   × Given Launch SATURN app with "user" and "pass" # features\step_definitions\testOne.steps.js:13
       Error: function timed out, ensure the promise resolves within 10000 milliseconds
           at Timeout._onTimeout (c:\Manimaran\ATDDProtractorTest\node_modules\cucumber\src\user_code_runner.js:61:18)
           at ontimeout (timers.js:475:11)
           at tryOnTimeout (timers.js:310:5)
           at Timer.listOnTimeout (timers.js:270:5)
   - When I search a loan by "Loan Number" as "0535003974" in search page # features\step_definitions\testOne.steps.js:19
   - And I skip the verification details on verification page # features\step_definitions\testOne.steps.js:30
   - Then I must see the Saturn "Home" page for this account # features\step_definitions\testOne.steps.js:34
   √ After # node_modules\protractor-cucumber-framework\lib\resultsCapturer.js:25

2 scenarios (1 failed, 1 passed)
8 steps (1 failed, 3 skipped, 4 passed)
0m20.442s
[10:55:40] I/launcher - 0 instance(s) of WebDriver still running
[10:55:40] I/launcher - chrome #01 failed 1 test(s)
[10:55:40] I/launcher - overall: 1 failed spec(s)

loginpage.js

import { element, by, browser } from "protractor";

const userName = element(by.id('username'));
const passWord = element(by.id('password'));
const signOn = element(by.xpath('.//a[contains(@title,"Sign In")]'));

const EC = protractor.ExpectedConditions
const isVisibilityOf = EC.visibilityOf(userName)

export const login = async (user, pass) => {
    await browser.wait(isVisibilityOf, 10000)
    await userName.sendKeys(user);
    await passWord.sendKeys(pass);
    await signOn.click();
}

Answer 1

对于 Protractor ，在执行任何规范之前，浏览器实例( session )将被初始化并将 session 移交给规范运行器，规范运行器管理执行规范。

如果您想在每个场景/功能之后关闭 session ，您必须创建一个新 session 并将新 session 传递给原始规范运行器。我认为如果不深入学习 Protractor 源代码，对我们来说实现这一点并不容易。

我更喜欢从我们这边推荐以下更容易的解决方案:

1) 删除After中的cookie钩子(Hook)， Protractor 提供这样的API来做到这一点

2) 在 After hook 中打开注销 url如果你的应用有这样的 url，否则你
可以点击注销按钮。

实际上，您可以在 login 开头放置删除 cookie、打开注销 url 或单击注销按钮。功能，然后打开登录网址。有了 After钩子(Hook)是不必要的。