错误：无法使用反射定义类

IT技术 javascript node.js reactjs selenium npm
2021-04-29 03:02:22

我正在使用此网页制作应用程序

我试图测试 e2e-tests，但是没有用。

此程序无法启动 selenium 服务器。我该如何解决？

npm-v :5.6.0

纱线-v：1.5.1

操作系统-v：10.12.6

此外，我已经完成了selenium服务器是否可以工作的测试。结果，selenium服务器也没有工作。

我试过这种方式来测试selenium服务器

e2e-tests 错误如下

ERROR: Cannot define class using reflection chrome at new RuntimeError

(/Users/hajimenagasaka/my-react-todolist/node_modules/webdriverio/build/lib/utils/ErrorHandler.js:144:12) at Request._callback

(/Users/hajimenagasaka/my-react-todolist/node_modules/webdriverio/build/lib/utils/RequestHandler.js:316:39) at Request.self.callback

(/Users/hajimenagasaka/my-react-todolist/node_modules/webdriverio/node_modules/request/request.js:186:22) at emitTwo (events.js:126:13) at Request.emit (events.js:214:7) at Request.

(/Users/hajimenagasaka/my-react-todolist/node_modules/webdriverio/node_modules/request/request.js:1163:10) at emitOne (events.js:116:13) at Request.emit (events.js:211:7) at IncomingMessage.

(/Users/hajimenagasaka/my-react-todolist/node_modules/webdriverio/node_modules/request/request.js:1085:12) at Object.onceWrapper (events.js:313:30)

npm ERR! code ELIFECYCLE

npm ERR! errno 1

npm ERR! my-react-todolist@0.1.0 e2e-tests: wdio

npm ERR! Exit status 1

npm ERR!

npm ERR! Failed at the my-react-todolist@0.1.0 e2e-tests script.

npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:

selenium检测结果

Selenium 2.0/webdriver protocol bindings implementation with helper commands in nodejs.

For a complete list of commands, visit http://webdriver.io/docs.html.

======================================================================

[17:03:28]:ERROR Couldn't find a running selenium server instance on [object Object]/Users/hajimenagasaka/node_modules/chainit/index.js:140

throw err;
^

Error: [init()] <= Couldn't connect to selenium server at makeError (/Users/hajimenagasaka/node_modules/webdriverjs/lib/utils/makeError.js:9:17)

at RequestHandler.<anonymous> (/Users/hajimenagasaka/node_modules/webdriverjs/lib/utils/RequestHandler.js:177:25)

at self.callback (/Users/hajimenagasaka/node_modules/request/request.js:122:22) at emitOne (events.js:116:13)

at Request.emit (events.js:211:7)

at ClientRequest.self.clientErrorHandler (/Users/hajimenagasaka/node_modules/request/request.js:231:10)

at emitOne (events.js:116:13)

at ClientRequest.emit (events.js:211:7)

at Socket.socketErrorListener (_http_client.js:387:9)

包.json

{   "name": "my-react-todolist",   "version": "0.1.0",   "private": true,   "dependencies": {
    "chrome": "^0.1.0",
    "eslint-plugin-flowtype": "^2.46.1",
    "jest-cli": "^22.4.3",
    "react": "^15.6.1",
    "react-dom": "^15.6.1",
    "selenium": "^2.20.0",
    "v": "^0.3.0",
    "webdriver.js": "^0.1.0",
    "webdriverjs": "^1.7.5"   },


    "devDependencies": {
        "chai": "^4.1.2",
        "enzyme": "^2.9.1",
        "eslint": "^3.19.0",
        "eslint-config-airbnb": "^15.0.1",
        "eslint-plugin-import": "^2.6.1",
        "eslint-plugin-jsx-a11y": "^5.1.0",
        "eslint-plugin-react": "^7.1.0",
        "react-scripts": "1.0.7",
        "react-test-renderer": "^15.6.1",
        "selenium-standalone": "^6.5.0",
        "wdio-dot-reporter": "0.0.8",
        "wdio-mocha-framework": "^0.5.13",
        "wdio-selenium-standalone-service": "0.0.9",
        "webdriverio": "^4.8.0"   },


    "scripts": {
        "selenium-setup": "selenium-standalone install",
        "selenium-start": "selenium-standalone start",
        "e2e-tests": "wdio",
        "e2e-tests-watch": "wdio wdio.conf.js --watch",
        "start": "react-scripts start",
        "build": "react-scripts build",
        "test": "react-scripts test --env=jsdom",
        "eject": "react-scripts eject",
          "start":"selenium-standalone start",      "selenium": "selenium-standalone",   } }

e2etests/test.js

    const expect = require('chai').expect;

describe('TodoList App', () => {
  it('Should load with the right title', () => {
    browser.url('http://localhost:3000/');
    const actualTitle = browser.getTitle();

    expect(actualTitle).to.eql('Todo List');
  });
});

src/App.test.js

import React from 'react';
import { shallow } from 'enzyme';
import App from './App';

it('App renders without crashing', () => {
  const component = shallow(<App />);
  expect(component.exists()).toEqual(true);
});
3个回答

我也有这个问题。我的解决方案是安装JDK 8，因为 WDIO v4 显然与许多较新版本的 Java 不兼容。这是wdio-selenium-standalone-service.

正如评论中所讨论的，请访问此链接以获取更多信息。

确保添加此依赖项npm install selenium-webdriver并且driver适合您喜欢的浏览器（请注意版本）。

首先，通过声明这些变量来启动您的测试文件：

var chai = require('chai');
var expect = require('chai').expect;
const React = require ('react');
const webdriver = require('selenium-webdriver');
const chrome    = require('selenium-webdriver/chrome');

const By = webdriver.By;
const until = webdriver.until;
const options = new chrome.Options();
options.addArguments('--headless'); // by adding this, chrome will start in headless mode

接下来，构建您的驱动程序 

const driver = new webdriver.Builder()
.forBrowser('chrome')
.withCapabilities(webdriver.Capabilities.chrome()) 
.setChromeOptions(options)  
.build();

然后，您已准备好开始黑客攻击，但永远不要忘记一切都是ASYNC.

我用这个片段来测试登录（例如）

// ask the browser to open a page
driver.get('http://localhost:3000/')
/**
 * LOGIN PAGE => THEN LOGIN INFO THEN PRESS CONNECT BUTTON
 */
.then(() => driver.findElements(By.xpath('//input')))
.then((inputs) => {
    inputs[0].sendKeys('username');
    inputs[1].sendKeys('password');
})
.then(() => captureScreenshot(driver, `${__dirname}/images/login-${new 

Date().getTime()}.png`))
    .then(() => console.log('screenshot captured'))
    .then(() => driver.findElement(By.xpath('//button')))
    .then((connectButton) => connectButton.click())
    /**
 * WAIT FOR LOGIN TO FINISH
 */
.then(() => driver.wait(function() {
    return driver.findElements(By.xpath("//div[@mode='indeterminate']/div"))
    .then(function(elements) {
        return elements.length === 0;
    })
}), 10000)
.then(() => {
    console.log('test done!');
    driver.quit();
});

要捕获屏幕截图，您可以使用此功能：

const captureScreenshot = (driver, savedFile) => {
    console.log('i will save screendshot to ' + savedFile);
    return driver.takeScreenshot()
    .then(
        function(image, err) {
            require('fs').writeFile(savedFile, image, { encoding: 'base64', flag: 'wx' }, function(err) {
                if(err) console.log('error occured', err);
                return Promise.resolve();
            });
        }
    );
}

希望这能帮助您创建 e-2-e 测试。

问候。

我在 WebdriverIO v4 上遇到了同样的问题，安装 Java 8 解决了上面建议的问题。

我只想推荐如果您想保留多个版本的 Java，例如 v11 和 v8，您应该查看本手册，其中显示了如何在不同版本的 Java 之间切换。 https://medium.com/@devkosal/switching-java-jdk-versions-on-macos-80bc868e686a

其它你可能感兴趣的问题
上一篇Cypress.io 上的存根函数被忽略 下一篇使用 Jest 时如何模拟 npm uniqid 以进行react单元测试？