mirrors/bbob
2
0
Fork 0
mirror of https://github.com/tenrok/BBob.git synced 2026-05-15 11:59:37 +03:00
Code Activity

feat(react): update to react 18 and testing-library (#138)

Browse Source
This commit is contained in:
Nikolay Kost
2022-05-24 01:50:45 +02:00
committed by GitHub
parent d3c9cba8d3
commit 502362cc8c
3 changed files with 1293 additions and 994 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/bbob-react/package-lock.json
Generated
+1274 -977
View File
File diff suppressed because it is too large Load Diff
packages/bbob-react/package.json
+5 -6
View File
@@ -15,15 +15,14 @@
},
"peerDependencies": {
"prop-types": "15.x",
"react": "15.x"
"react": "18.x"
},
"devDependencies": {
"@bbob/preset-react": "^2.8.0",
"enzyme": "^3.9.0",
"enzyme-adapter-react-15": "^1.0.6",
"react": "15.x",
"react-dom": "^15.6.2",
"react-test-renderer": "^15.6.2"
"@testing-library/jest-dom": "^5.16.4",
"@testing-library/react": "13.x",
"react": "18.x",
"react-dom": "18.x"
},
"main": "lib/index.js",
"module": "es/index.js",
packages/bbob-react/test/index.test.js
+14 -11
View File
@@ -1,39 +1,42 @@
/**
* @jest-environment jsdom
*/
import React from 'react';
import preset from '@bbob/preset-react';
import '@testing-library/jest-dom'
import Enzyme, { shallow } from 'enzyme';
import Adapter from 'enzyme-adapter-react-15';
import { render } from '@testing-library/react'
import BBCode from '../src';
Enzyme.configure({ adapter: new Adapter() });
const renderBBCode = (input, options) => shallow(
const renderBBCode = (input, options) => render(
<BBCode plugins={[preset()]} options={options}>{input}</BBCode>
).html();
).container.innerHTML;
describe('@bbob/react', () => {
test('[b]bolded text[/b]', () => {
const html = renderBBCode('[b]bolded text[/b]');
expect(html).toBe('<span><span style="font-weight:bold;">bolded text</span></span>')
expect(html).toBe('<span><span style="font-weight: bold;">bolded text</span></span>')
});
test('[i]italicized text[/i]', () => {
const html = renderBBCode('[i]italicized text[/i]');
expect(html).toBe('<span><span style="font-style:italic;">italicized text</span></span>')
expect(html).toBe('<span><span style="font-style: italic;">italicized text</span></span>')
});
test('[u]underlined text[/u]', () => {
const html = renderBBCode('[u]underlined text[/u]');
expect(html).toBe('<span><span style="text-decoration:underline;">underlined text</span></span>')
expect(html).toBe('<span><span style="text-decoration: underline;">underlined text</span></span>')
});
test('[s]strikethrough text[/s]', () => {
const html = renderBBCode('[s]strikethrough text[/s]');
expect(html).toBe('<span><span style="text-decoration:line-through;">strikethrough text</span></span>')
expect(html).toBe('<span><span style="text-decoration: line-through;">strikethrough text</span></span>')
});
test('[url]https://en.wikipedia.org[/url]', () => {
@@ -45,14 +48,14 @@ describe('@bbob/react', () => {
test('[b]Testing[/b][hr]', () => {
const html = renderBBCode('[b]Testing[/b][hr]');
expect(html).toBe('<span><span style="font-weight:bold;">Testing</span><hr/></span>')
expect(html).toBe('<span><span style="font-weight: bold;">Testing</span><hr></span>')
});
describe('options.onlyAllowTags', () => {
test('render "[Super Feature] and [i]super[/i]" when only [i] allowed', () => {
const html = renderBBCode('[Super Feature] and [i]super[/i]', { onlyAllowTags: ['i'] });
expect(html).toBe('<span>[Super Feature] and <span style="font-style:italic;">super</span></span>')
expect(html).toBe('<span>[Super Feature] and <span style="font-style: italic;">super</span></span>')
});
});