Skip to content

Latest commit

 

History

History
53 lines (39 loc) · 2.36 KB

ROADMAP.md

File metadata and controls

53 lines (39 loc) · 2.36 KB
Raw

Quixote Roadmap

Release Ideas

  • ✔ v0.1 Basic DOM manipulation; raw position and style information
  • ✔ v0.2 "Cooked" absolute position info; initial assertion API
  • ✔ v0.3 Positioning relative to other elements
  • ✔ v0.4 Advanced positioning (middle, center, height, width, arithmetic, fractions)
  • ✔ v0.5 API hardening
  • ✔ v0.6 Responsive design
  • ✔ v0.7 Page and viewport assertions
  • v0.8 - v0.11 Dogfooding and real-world usage (more dogfooding releases to come)
  • Initial "cooked" styling (colors? contrast (fg color vs. bg color?))
  • ...more TBD

Current Feature: App Framework Support (0.11 release)

  • ✔ Integrate @cognivator's pull request https://github.com/jamesshore/quixote/pull/19
  • ✔ Review and update code style
  • ✔ Look for opportunities to simplify or remove tests
  • ✔ Update documentation
  • ✔ Release 0.11

To Do: Release 0.11

* ✔ changelog
* ✔ roadmap

Dogfooding Notes

  • Switch assertion errors to say what the correct value should be? In other words, rather than saying "top edge of '.navbar' was 13px lower than expected.", say "top edge of '.navbar' should be 13px lower."?
  • Provide a better way of integrating with standard assertion libraries? Use valueOf()?
  • Alternative assert mechanism? element.assert.equal() .assert.lessThan() etc? with should as alias to assert?
  • Provide better error message when cross-origin 'src' provided to quixote.createFrame
  • Add workaround for IE 8 not working with frame.add("<style>...</style>") (addAll? browser feature detect? Need to check if there's no way to insert styles into the document, or if it just doesn't like the way add() works.)
  • Add QElement.add() and QElement.remove()?

Future Features

  • Z-ordering
  • Support multiple assertions? (e.g., top.diff([bar.left, baz.right]);)
  • Distances or Spans? (e.g., height of menu is equal to distance between logo top and headline bottom)
    • Could width and height be reimplemented as a Span? Would a Span have a center, for example?
      • Even if it could, would it be a good idea?
      • E.g., Me.width = function() { this.left.to(this.right) };
  • Consider how to support less-than, greater-than, etc.
    • Use case: "the bottom edge of 'foo' is above the fold (600px)".
    • .max and .min? foo.assert({ bottom: top.plus(600).max }); foo.assert({ bottom: q.max(600) });
  • Plugin API