, nextContext: any): void 92 | shouldComponentUpdate? ( 93 | nextProps: Readonly
,
94 | nextState: Readonly,
95 | nextContext: any
96 | ): boolean
97 | componentWillUpdate? (
98 | nextProps: Readonly
,
99 | nextState: Readonly,
100 | nextContext: any
101 | ): void
102 | componentDidUpdate? (
103 | prevProps: Readonly
,
104 | prevState: Readonly,
105 | prevContext: any
106 | ): void
107 | componentWillUnmount? (): void
108 | componentDidCatch? (error?): void
109 | getDerivedStateFromProps? (nextProps: Readonly
, prevState: Readonly): object | null
110 | getDerivedStateFromError? (error?): object | null
111 | getSnapshotBeforeUpdate? (prevProps: Readonly
, prevState: Readonly & Readonly It looks like I will render here. But I actually render here! It looks like I will render here. It looks like I will render here. But I actually render here! It looks like I will render here. ${contents} extends ComponentLifecycle & Readonly): object | null
112 | }
113 |
114 | export interface Refs {
115 | [k: string]: any
116 | }
117 |
118 | export interface Component
120 | props: Readonly{list.map(List)}
68 | }
69 | render(${contents}
`
32 |
33 | /**
34 | * A helper to generate innerHTML validation strings containing ols
35 | * @param {string | number} contents The contents of the ol, as a string
36 | */
37 | export const ol = contents => `${contents}
`
38 |
39 | /**
40 | * A helper to generate innerHTML validation strings containing lis
41 | * @param {string | number} contents The contents of the li, as a string
42 | */
43 | export const li = contents => `${contents}
`
55 |
56 | /**
57 | * A helper to generate innerHTML validation strings containing inputs
58 | * @param {string | number} contents The contents of the h2
59 | */
60 | export const h2 = contents => `${contents}
`
61 |
--------------------------------------------------------------------------------
/packages/nerv/__tests__/util/index.js:
--------------------------------------------------------------------------------
1 | import sinon from 'sinon'
2 | export const EMPTY_CHILDREN = []
3 |
4 | export const CHILDREN_MATCHER = sinon.match((v) => v === null || (Array.isArray(v) && !v.length), '[empty children]')
5 |
6 | export function normalizeHTML (html) {
7 | const div = document.createElement('div')
8 | div.innerHTML = html
9 | return div.innerHTML
10 | }
11 |
12 | export function getAttributes (node) {
13 | const attrs = {}
14 | if (node.attributes) {
15 | for (let i = node.attributes.length; i--;) {
16 | attrs[node.attributes[i].name] = node.attributes[i].value
17 | }
18 | }
19 | return attrs
20 | }
21 |
22 | export function sortAttributes (html) {
23 | return html.replace(/<([a-z0-9-]+)((?:\s[a-z0-9:_.-]+=".*?")+)((?:\s*\/)?>)/gi, (s, pre, attrs, after) => {
24 | const list = attrs.match(/\s[a-z0-9:_.-]+=".*?"/gi).sort((a, b) => a > b ? 1 : -1)
25 | if (~after.indexOf('/')) {
26 | after = `>`
27 | }
28 | return ('<' + pre + list.join('') + after).toLowerCase()
29 | })
30 | }
31 | const comparer = document.createElement('div')
32 |
33 | export function innerHTML (HTML) {
34 | comparer.innerHTML = HTML
35 | return sortAttributes(comparer.innerHTML)
36 | }
37 |
38 | export const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms))
39 |
--------------------------------------------------------------------------------
/packages/nerv/__tests__/vtypes.spec.js:
--------------------------------------------------------------------------------
1 | /** @jsx createElement */
2 | import { createElement, Component } from '../src/index'
3 | import createVText from '../src/vdom/create-vtext'
4 | import { VType } from 'nerv-shared'
5 |
6 | describe('vtypes', () => {
7 | let scratch
8 |
9 | beforeAll(() => {
10 | scratch = document.createElement('div')
11 | document.body.appendChild(scratch)
12 | })
13 |
14 | beforeEach(() => {
15 | scratch.innerHTML = ''
16 | })
17 |
18 | afterAll(() => {
19 | scratch.parentNode.removeChild(scratch)
20 | scratch = null
21 | })
22 |
23 | it('vnode type', () => {
24 | const div =
25 | expect(div.vtype).toBe(VType.Node)
26 | })
27 |
28 | it('vtext type', () => {
29 | const div = createVText('hhh')
30 | expect(div.vtype).toBe(VType.Text)
31 | })
32 |
33 | it('widget type', () => {
34 | class T extends Component {
35 | render () {
36 | return null
37 | }
38 | }
39 | const t =
24 | props: Readonly, props: P) => Pick