56 lines
1.6 KiB
JavaScript
56 lines
1.6 KiB
JavaScript
import Highlight from '../src'
|
|
import ReactDOM from 'react-dom'
|
|
import TestUtils from 'react-dom/test-utils'
|
|
import ReactDOMServer from 'react-dom/server'
|
|
import React from 'react'
|
|
|
|
describe('highlight', () => {
|
|
test('should display text inside it', () => {
|
|
const text = TestUtils.renderIntoDocument(<Highlight>Some text</Highlight>)
|
|
|
|
expect(ReactDOM.findDOMNode(text).textContent).toBe('Some text')
|
|
})
|
|
|
|
test('should have pre and code tags in markup', () => {
|
|
const text = ReactDOMServer.renderToStaticMarkup(
|
|
<Highlight>Some text</Highlight>
|
|
)
|
|
|
|
expect(text).toBe('<pre><code>Some text</code></pre>')
|
|
})
|
|
|
|
test('should assign className prop', () => {
|
|
const text = ReactDOMServer.renderToStaticMarkup(
|
|
<Highlight className="html">Some text</Highlight>
|
|
)
|
|
|
|
expect(text).toBe('<pre><code class="html">Some text</code></pre>')
|
|
})
|
|
|
|
test('should render children in span', () => {
|
|
const text = ReactDOMServer.renderToStaticMarkup(
|
|
<Highlight element="span">Some text</Highlight>
|
|
)
|
|
|
|
expect(text).toBe('<span>Some text</span>')
|
|
})
|
|
|
|
test('should render innerHTML in span', () => {
|
|
const text = ReactDOMServer.renderToStaticMarkup(
|
|
<Highlight innerHTML={true} element="span">
|
|
Some text
|
|
</Highlight>
|
|
)
|
|
|
|
expect(text).toBe('<span>Some text</span>')
|
|
})
|
|
|
|
test('should accept innerHTML prop', () => {
|
|
const text = TestUtils.renderIntoDocument(
|
|
<Highlight innerHTML={true}>{'<div>Sometext</div>'}</Highlight>
|
|
)
|
|
|
|
expect(ReactDOM.findDOMNode(text).textContent).toBe('Sometext')
|
|
})
|
|
})
|