Protractor能否排除Firefox/Safari/Edge测试？仅Chrome运行测试咨询

Hey there! Let's tackle your Protractor questions step by step:

Can I exclude Firefox, Safari, and Edge from Protractor tests? #

Absolutely! You have full control over which browsers Protractor runs against. The simplest way to exclude those browsers is to only specify Chrome in your configuration, which automatically skips all others. Here's how to set it up:

Basic Configuration (Only Chrome) #

Update your protractor.conf.js to target Chrome exclusively:

exports.config = {
  // Define Chrome as the only browser to run
  capabilities: {
    browserName: 'chrome',
    // Optional: Add Chrome-specific settings like headless mode
    chromeOptions: {
      args: ['--headless', '--disable-gpu', '--no-sandbox']
    }
  },
  // Point to your test specs
  specs: ['./test/specs/**/*.js'],
  // Other required config (framework, selenium address, etc.)
  framework: 'jasmine',
  seleniumAddress: 'http://localhost:4444/wd/hub'
};

Conditional Exclusion (If You Need Multi-Browser Support Sometimes) #

If you occasionally need to run tests on other browsers but want to exclude them by default, use environment variables to toggle capabilities:

// Start with Chrome as the default
let activeCapabilities = [{ browserName: 'chrome' }];

// Add other browsers only if an environment variable is set
if (process.env.RUN_ALL_BROWSERS) {
  activeCapabilities.push(
    { browserName: 'firefox' },
    { browserName: 'safari' }
  );
}

exports.config = {
  multiCapabilities: activeCapabilities,
  // Rest of your config...
};

Run default (Chrome only): protractor protractor.conf.js
Run all browsers: RUN_ALL_BROWSERS=true protractor protractor.conf.js

Testing Edge's Unsupported Message + Running Only Chrome Normally #

You can absolutely separate these workflows: run most tests on Chrome, and run the Edge-specific test on demand. Here are two clean approaches:

Approach 1: Edge-Specific Config File #

Create a dedicated config file (e.g., protractor-edge.conf.js) for your Edge-only test:

exports.config = {
  capabilities: {
    browserName: 'MicrosoftEdge',
    // Optional: Edge-specific settings
    msedgeOptions: {
      args: ['--headless']
    }
  },
  // Only run the Edge support test
  specs: ['./test/specs/edge-unsupported.spec.js'],
  // Rest of your config (match your main config's framework, etc.)
};

Then run the Edge test whenever you need to: protractor protractor-edge.conf.js
Your main config will still run only Chrome for all other tests.

Approach 2: Environment Variable Toggle in One Config #

Use an environment variable to switch between Chrome and Edge in your main config:

const targetBrowser = process.env.TEST_BROWSER || 'chrome'; // Default to Chrome

exports.config = {
  capabilities: {
    browserName: targetBrowser,
    // Apply browser-specific settings
    ...(targetBrowser === 'MicrosoftEdge' 
      ? { msedgeOptions: { args: ['--headless'] } } 
      : { chromeOptions: { args: ['--headless'] } })
  },
  // Run Edge-specific specs only when targeting Edge
  specs: targetBrowser === 'MicrosoftEdge' 
    ? ['./test/specs/edge-unsupported.spec.js'] 
    : ['./test/specs/**/*.js'],
  // Rest of your config...
};

Run Chrome tests (default): protractor protractor.conf.js
Run Edge test: TEST_BROWSER=MicrosoftEdge protractor protractor.conf.js

Example Edge Test Spec #

Here's how to write the test for the unsupported message:

// ./test/specs/edge-unsupported.spec.js
describe('Edge Browser Support Check', () => {
  it('should display "该应用不支持Edge" and block user actions', async () => {
    await browser.get('/');
    
    // Verify the warning message is displayed
    const warningMessage = element(by.css('.unsupported-browser-alert'));
    expect(await warningMessage.getText()).toBe('该应用不支持Edge');
    
    // Verify critical actions are blocked (e.g., submit button is disabled)
    const submitButton = element(by.css('.primary-action-btn'));
    expect(await submitButton.isEnabled()).toBe(false);
  });
});

内容的提问来源于stack exchange，提问作者Ninja