Nightwatch中如何在测试间复用步骤？Login测试复用方法咨询

Great question—you absolutely don’t need to repeat login steps across every test in Nightwatch! There are several clean, maintainable ways to reuse your existing login logic instead of duplicating code. Let’s walk through the most practical approaches:

1. Wrap Login Logic in a Custom Command #

Custom commands are perfect for global, reusable actions like login. They let you call a single method across all your tests.

First, create a new file in your Nightwatch commands folder (create the folder if it doesn’t exist):

// commands/login.js
module.exports = {
  command: function(username, password) {
    // Chain your existing login steps here
    return this
      .navigateTo('/login')
      .setValue('#username', username)
      .setValue('#password', password)
      .click('#submit-btn')
      .waitForElementVisible('#dashboard', 5000); // Wait for post-login element to confirm success
  }
};

Now you can call this command in any test file:

// tests/dashboard.test.js
module.exports = {
  'Test dashboard functionality after login': function(browser) {
    browser
      .login('your-test-user@example.com', 'your-test-password') // Reuse the login command
      .assert.titleContains('Dashboard')
      // Add your test-specific steps here
      .end();
  }
};

2. Use Page Objects (Recommended for Structured Tests) #

If your login page has multiple elements or complex interactions, Page Objects are a better fit. They encapsulate page-specific elements and actions, making tests more readable and maintainable.

Create a page object file in the pageObjects folder:

// pageObjects/loginPage.js
module.exports = {
  url: '/login', // Base URL for the login page
  elements: {
    usernameInput: '#username',
    passwordInput: '#password',
    submitButton: '#submit-btn'
  },
  commands: [{
    login(username, password) {
      return this
        .navigate() // Navigates to the page's URL
        .setValue('@usernameInput', username)
        .setValue('@passwordInput', password)
        .click('@submitButton')
        .waitForElementVisible('#dashboard', 5000);
    }
  }]
};

Then use it in your tests:

// tests/order-history.test.js
module.exports = {
  'Test order history after login': function(browser) {
    const loginPage = browser.page.loginPage();
    
    // Call the login method from the page object
    loginPage.login('your-test-user@example.com', 'your-test-password');
    
    browser
      .navigateTo('/orders')
      .assert.visible('#order-list')
      // Add your test steps here
      .end();
  }
};

3. Extract into a Reusable Utility Function #

For simpler use cases, you can extract login logic into a plain JavaScript function and import it wherever needed.

Create a utility file (e.g., utils/authUtils.js):

// utils/authUtils.js
module.exports = {
  performLogin(browser, username, password) {
    return browser
      .navigateTo('/login')
      .setValue('#username', username)
      .setValue('#password', password)
      .click('#submit-btn')
      .waitForElementVisible('#dashboard', 5000);
  }
};

Import and use it in tests:

// tests/user-profile.test.js
const authUtils = require('../utils/authUtils');

module.exports = {
  'Test user profile after login': function(browser) {
    authUtils.performLogin(browser, 'your-test-user@example.com', 'your-test-password');
    
    browser
      .navigateTo('/profile')
      .assert.containsText('#user-fullname', 'Test User')
      // Add your test steps here
      .end();
  }
};

Important Note #

Avoid directly calling the entire Login test file itself. Nightwatch runs each test in an isolated browser session, so invoking a full test from another can lead to unexpected context issues or session conflicts. The methods above keep your code DRY (Don’t Repeat Yourself) and make maintenance far easier.

内容的提问来源于stack exchange，提问作者Gourav Kumar Sonare