Coder Social home page Coder Social logo

avipost.web's People

Contributors

yarray avatar

Watchers

 avatar  avatar  avatar

avipost.web's Issues

Decide how to do integration test

Selenium + Cucumber caused some trouble, mainly:

  1. The error messages of selenium are vague
  2. The control flow of cucumber are not clear
  3. Confused API, easy to misuse.

Candidates:

For Selenium:

  1. Use other browser automation tools like Casper.
  2. Use headless fake browser like Zombie.
  3. Do not test DOM. Make it as thin as possible, than only test the interface.
  4. Do not test real "document", use jsdom to fake it.
  5. Stick to selenium, find ways to solve problems 1-3.
  6. Use other language bindings of Selenium.

For Cucumber-js

  1. Use other libraries like yada
  2. Use libraries in other languages
  3. Use parse to roll our own

Revise JsDoc

revise JsDoc. The goal is to provide clear type hints for tern (also means we are clear about the interfaces)

Update e2e tests according to backend changes

Changes include new logics for auth, and modified fixture creation strategy.

After finishing this issue, the tests should reflect the expected application logic, and only fail on assertion.

Favor JsDoc to Flow-style comments

Facebook's Flow is impressing and is still not mature. Its benefits now are not worthy the visual noise now. If at least it supports const/let we can rethink about it, otherwise just leave it for the future.

Cucumber like e2e test?

After establishing e2e test in backend, it seems unintuitive of nighwatch's test. Is it possible to do cucumber like e2e test with selenium for front end?

https://www.npmjs.com/package/hardy is highly related but seems inactive and incomplete.

Best cucumber port for node.js seems to be https://github.com/cucumber/cucumber-js and quite active.

These as demo projects may be a good start:

https://github.com/pataniqa/web-testing-examples
https://github.com/keithamus/WebCumberNode
https://github.com/jbpros/cukecipes

Also we can use other languages, like python - even ruby since cucumber comes from it.

Think about UI engine

Think about the "ideal" UI engine for us, including:

What parts should a UI engine contain?
What are the best ways to do that?

The conclusion should contain a conceptual model. The solving of this question should learn from other UI frameworks and can explain them with the final model, to justify their suitability for us.

Other UI frameworks/libraries

  • React
  • Masonry
  • Bootstrap
  • Webix

Use backend to do e2e test

Since the ci framework for backend has been established, it's time to use real backend to test the frontend.

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.