GithubHelp home page GithubHelp logo

baenans / broken-todo Goto Github PK

View Code? Open in Web Editor NEW

This project forked from century-tech/broken-todo

0.0 0.0 0.0 16 KB

a broken todo example with polymer // ⚠️ no PRs expected! ping me for more details :)

License: MIT License

HTML 61.24% CSS 38.76%

broken-todo's People

Contributors

iainjreid avatar relvao avatar rubencanhoto avatar

Watchers

 avatar

broken-todo's Issues

Should not add empty items

Steps to Reproduce

  • Press save. A new todo item with an empty title was added.

Expected Behaviour
No item should be added. Cancel should be disabled until text is added

Cancel should reset the input

Steps to Reproduce

  • Type something in the input element
  • Press cancel
  • Press save. A new todo item was added.

Expected Behaviour
No item should be added.

Clear completed tasks clear only some elements

Steps to Reproduce

  • Add several todo items
  • Click on the checkboxes to complete them all
  • Press the clear completed tasks button
  • Some completed items will remain in the todo list

Expected Behaviour

  • All completed and only completed tasks should be deleted

Editing the first item duplicates it

Steps to Reproduce

  • Add several todo items
  • Click on the first item on the list
  • Change the text in the input element
  • Press save. A new todo item was added

Expected Behaviour
It should change the title of the first item in the todo list.

Disabled items may still be editable

Steps to Reproduce

  • Add several todo items
  • Click on the second task in the list
  • Disable the task by pressing the completed checkbox
  • Change the value in the top input
  • Press save

Expected Behaviour
The input should have been cleared when the todo was disabled

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.