Giter Site home page Giter Site logo

hdorgeval / testcafe-starter Goto Github PK

View Code? Open in Web Editor NEW
76.0 9.0 20.0 2.52 MB

starter project for e2e tests with testcafe

License: MIT License

TypeScript 100.00%
testcafe e2e typescript gherkin bdd behavior-driven-development test-framework e2e-testing html-report starter-project

testcafe-starter's Issues

Report does not show failed tests

When executing npm run testcafe-static-analyser the report always show the tests results as passed even when they fail.

static-analyser-report.json

  "name": "I should see first and last name",
            "result": {
              "duration": 0,
              "status": "passed"
            },

console output:

1) AssertionError: expected 'Automated Test' to include 'aaa'

     Browser: Chrome 71.0.3578 / Linux 0.0.0

        10 |/**
        11 | * @step
        12 | * @then("I should see first and last name")
        13 | */
        14 |export default async (_: string) => {
      > 15 |  await t.expect(basePage.usermenuName.innerText).contains('aaa');
        16 |};
        17 |

Suggestion

This project is very a good idea in order to have e2e tests written in Gerhkins style however it is tightly coupled to Test Café
It would be better to be agnostic of the technology of the selectors and can choose protractor, test café and so ?
What do you think?

unable start tests more then in one browser simuntaneously

Set option "all" in "test" script
start "npm test"
Expected: all tests run in all locally installed browsers
Actual result: go error

"ERROR Unable to establish one or more of the specified browser connections. This can be caused by network issues or remote device failure."

image

dependency conflict

I am trying to use this repo for a PoC for a client and updated the dependencies to latest:

"dependencies": {
    "@types/chalk": "2.2.0",
    "@types/minimist": "1.2.2",
    "@types/node": "20.4.5",
    "chalk": "5.3.0",
    "jsome": "2.5.0",
    "minimist": "1.2.8",
    "rimraf": "5.0.1",
    "slash": "5.1.0",
    "testcafe": "3.1.0",
    "testcafe-browser-provider-saucelabs": "2.0.0",
    "testcafe-reporter-cucumber-json": "6.3.0",
    "ts-node": "10.9.1",
    "typescript": "3.9.6"
  },
  "devDependencies": {
    "@typescript-eslint/eslint-plugin": "3.6.1",
    "@typescript-eslint/parser": "3.6.1",
    "eslint": "8.46.0",
    "eslint-config-prettier": "8.9.0",
    "eslint-plugin-import": "2.28.0",
    "eslint-plugin-prettier": "5.0.0",
    "eslint-plugin-testcafe": "0.2.1",
    "mem": "9.0.2",
    "multiple-cucumber-html-reporter": "3.4.0",
    "prettier": "3.0.0"
  },

and getting the following error on npm install

npm install
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/testcafe
npm ERR!   testcafe@"3.1.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer testcafe@"1.x" from [email protected]
npm ERR! node_modules/testcafe-reporter-cucumber-json
npm ERR!   testcafe-reporter-cucumber-json@"6.3.0" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

Need more information on compatibility between testcafe-reporter-cucumber-json and testcafe latest versions.
I don't want to use --force unless it's the only option.

@hdorgeval any help would be highly appreciated.

Can't execute first step for npm install

After cloning this repo, and try to execute npm install, it will pop up an error like below.

> [email protected] preinstall C:\Users\nqwang\Documents\github\testcafe-starter
> rimraf node_modules

'rimraf' is not recognized as an internal or external command,
operable program or batch file.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] preinstall: `rimraf node_modules`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] preinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm WARN Local package.json exists, but node_modules missing, did you mean to install?

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\nqwang\AppData\Roaming\npm-cache\_logs\2018-10-26T06_05_13_257Z-debug.log

The reason is that computer doesn't have rimraf installed before executing npm install. It is better to update readme file to add this command npm install rimraf -g before npm install.

Integrating into an existing app

It seems this repo is meant to use as a boilerplate for a greenfield app? Are there instructions for adding the infrastructure to an existing app?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.