# maquette-query

> Query utility for maquette's virtual DOM

Latest version **0.11.7** (published 2017-08-03) · MIT license · 0 weekly downloads

## Install

```sh
npm install maquette-query
pnpm add maquette-query
yarn add maquette-query
bun add maquette-query
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities.

Warnings: low downloads; no esm support; pre 1.0.

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 0.11.7 |
| Published | 2017-08-03 |
| First published | 2016-03-02 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 7 |
| Author | johan@johangorter.com |
| Maintainers | johangorter, jvanoostveen, overeemm, rickhoving |
| Keywords | maquette, virtual, dom |

## Links

- npm: https://www.npmjs.com/package/maquette-query
- Repository: https://github.com/AFASSoftware/maquette-query
- Homepage: https://github.com/AFASSoftware/maquette-query#readme
- Issues: https://github.com/AFASSoftware/maquette-query/issues
- npm.io page: https://npm.io/package/maquette-query

## Alternatives

- [babylon](https://npm.io/package/babylon.md) — 5.1M weekly downloads
- [csscolorparser](https://npm.io/package/csscolorparser.md) — 3.7M weekly downloads
- [expr-eval-fork](https://npm.io/package/expr-eval-fork.md) — 1.5M weekly downloads
- [@leeoniya/ufuzzy](https://npm.io/package/@leeoniya/ufuzzy.md) — 247.7K weekly downloads
- [xml-parser](https://npm.io/package/xml-parser.md) — 78.4K weekly downloads

## Recent versions

- 0.11.7 (latest) — 2017-08-03
- 0.11.6 — 2017-08-02
- 0.11.5 — 2017-08-02
- 0.11.4 — 2017-08-02
- 0.11.2 — 2017-02-28
- 0.11.0 — 2017-02-28
- 0.10.1 — 2017-02-17
- 0.10.0 — 2017-02-17
- 0.9.0 — 2016-12-23
- 0.8.3 — 2016-11-17
- 0.8.2 — 2016-11-16
- 0.7.5 — 2016-06-21
- 0.7.4 — 2016-06-21
- 0.7.3 — 2016-06-21
- 0.7.2 — 2016-06-09
- … 10 more at https://npm.io/package/maquette-query/versions

## README

# maquette-query
Query utility for maquette's virtual DOM

First of all, querying a virtual DOM makes no sense in production code.
There is however one area that benefits from querying: unit tests.
Maquette-query makes unit testing both easy and expressive.

Maquette-query provides a `querySelector`-like API to query the virtual DOM.
It also facilitate firing events for common user interactions.

Consider the following code to test the 'hello you' demonstration from [maquettejs.org](http://maquettejs.org).

```
let projector = createTestProjector(renderMaquette);
let input = projector.query('input');
let output = projector.query('.output');

input.simulate.input({ value: 'John' });
expect(output.textContent).to.equal('Hello John!');
```

For the complete sourcecode see [here](test/demo.ts)

If you find anything missing, do not hesitate to issue a pull request.

---
_Source: https://npm.io/package/maquette-query · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._