如何使用typescript在量角器和黄瓜中传递动态xpath

mkdir dynamic-xpath-example
cd dynamic-xpath-example
npm init -y

npm install protractor cucumber typescript @types/node --save-dev

{
  "compilerOptions": {
    "module": "commonjs",
    "target": "es6",
    "outDir": "dist"
  },
  "include": [
    "src/**/*.ts"
  ]
}

exports.config = {
  framework: 'custom',
  frameworkPath: require.resolve('protractor-cucumber-framework'),
  specs: [
    './features/*.feature'
  ],
  cucumberOpts: {
    require: ['./dist/step_definitions/*.js'],
    format: 'json:./reports/cucumber_report.json'
  },
  capabilities: {
    browserName: 'chrome'
  }
};

Feature: Dynamic XPath Example
  As a user
  I want to be able to pass dynamic XPath to locate elements
  So that I can perform actions on them

  Scenario: Click on a dynamic XPath
    Given I am on the homepage
    When I click on the element with XPath "//button[contains(text(), 'Submit')]"
    Then I should see a success message

import { Given, When, Then } from 'cucumber';
import { browser, element, by } from 'protractor';

Given('I am on the homepage', async () => {
  await browser.get('https://example.com');
});

When('I click on the element with XPath {string}', async (xpath: string) => {
  const elementToClick = element(by.xpath(xpath));
  await elementToClick.click();
});

Then('I should see a success message', async () => {
  const successMessage = element(by.xpath("//div[contains(text(), 'Success')]"));
  expect(await successMessage.isPresent()).toBe(true);
});

npx tsc

npx protractor protractor.conf.js