RisingStack / react-easy-state / 660

Build # 660

Build Type

circleci

Committed by GitHub

Commit Message

build(deps): bump json5 from 1.0.1 to 1.0.2 in /examples/pokedex

Pull Request Pull Request #418: build(deps): bump json5 from 1.0.1 to 1.0.2 in /examples/pokedex

Run Details

87 of 97 branches covered (89.69%)

Branch coverage included in aggregate %.

196 of 199 relevant lines covered (98.49%)

42.14 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

100.0

/examples/todo-mvc/src/TodoItem.jsx

import React from 'react';
import classNames from 'classnames';
import { view } from '@risingstack/react-easy-state';
import todos from './todosStore';

// this is re-rendered whenever the relevant parts of the used data stores change
export default view(({ id, title, completed = false }) => {
  const itemClass = classNames({ view: true, completed });

  return (
    <li className={itemClass}>
      <input
        className="toggle"
        type="checkbox"
        checked={completed}
        onChange={() => todos.toggle(id)}
      />
      <label>{title}</label>
      <button onClick={() => todos.remove(id)} className="destroy" />
    </li>
  );
});

1	import React from 'react';
2	import classNames from 'classnames';
3	import { view } from '@risingstack/react-easy-state';
4	import todos from './todosStore';
5
6	// this is re-rendered whenever the relevant parts of the used data stores change
7	export default view(({ id, title, completed = false }) => {	12✔
8	const itemClass = classNames({ view: true, completed });	34✔
9
10	return (	34✔
11	<li className={itemClass}>
12	<input
13	className="toggle"
14	type="checkbox"
15	checked={completed}
16	onChange={() => todos.toggle(id)}	3✔
17	/>
18	<label>{title}</label>
19	<button onClick={() => todos.remove(id)} className="destroy" />	1✔
20	</li>
21	);
22	});

RisingStack / react-easy-state / 660

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous