+
+
TinyMCE Textarea
+
+
+
+
+
+
TinyMCE Inline
+
+
+
+
+
+ );
+ }
+}
+
+ReactDOM.render(, document.getElementById('root'));
diff --git a/example/index.html b/example/index.html
new file mode 100644
index 0000000..d589de7
--- /dev/null
+++ b/example/index.html
@@ -0,0 +1,13 @@
+
+
+
+
+
+ React TinyMCE Example
+
+
+
+
+
+
+
diff --git a/examples/basic/app.js b/examples/basic/app.js
deleted file mode 100644
index 08318be..0000000
--- a/examples/basic/app.js
+++ /dev/null
@@ -1,49 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import TinyMCE from '../../lib/main';
-
-const STYLES = {
- container: {
- fontFamily: 'Helvetica Neue, sans-serif',
- padding: '0 25px'
- },
- output: {
- border: '1px solid #999',
- borderRadius: 5,
- fontFamily: 'Courier New, monospace',
- padding: 10,
- height: 250,
- overflow: 'auto'
- }
-};
-
-const App = React.createClass({
- getInitialState() {
- return {
- content: 'Welcome to react-tinymce
'
- };
- },
-
- handleEditorChange(e) {
- this.setState({
- content: e.target.getContent()
- });
- },
-
- render() {
- return (
-
-
react-tinymce
-
-
-
Output
-
{this.state.content}
-
Hello World
')
+ testContainer.appendChild(div);
+
+ // when
+ tinymce.init({ selector: '#inline', inline: true });
+
+ // then
+ expect(div.contentEditable).to.equal('true');
+ expect(div.innerHTML).to.equal('Hello World
');
+ });
+
+});
diff --git a/test/fixtures/badCreateClass.js b/test/fixtures/badCreateClass.js
new file mode 100644
index 0000000..26a2711
--- /dev/null
+++ b/test/fixtures/badCreateClass.js
@@ -0,0 +1,5 @@
+const React = require('react');
+var test = React.createClass({
+ render: function(){ return null; }
+});
+module.exports = Test;
diff --git a/test/fixtures/badPropTypes.js b/test/fixtures/badPropTypes.js
new file mode 100644
index 0000000..802ff07
--- /dev/null
+++ b/test/fixtures/badPropTypes.js
@@ -0,0 +1,6 @@
+const React = require('react');
+class Test extends React.Component {
+ render() { return null; }
+}
+Test.propTypes = { foo: React.PropTypes.string };
+module.exports = Test;
diff --git a/test/reactWarningSpec.js b/test/reactWarningSpec.js
new file mode 100644
index 0000000..51c55a5
--- /dev/null
+++ b/test/reactWarningSpec.js
@@ -0,0 +1,55 @@
+
+describe('createClass/PropTypes Error', () => {
+
+ var warn;
+
+ before(() => {
+ // let console.warn throw an error
+ warn = console.warn;
+ console.warn = (msg) => { throw new Error(msg);
+ }});
+
+ after(() => console.warn = warn);
+
+
+ it('should throw PropTypes Warning', () => {
+
+ expect(() => {
+
+ // when
+ var BadPropTypesTest = require('./fixtures/badPropTypes');
+ })
+
+ // then
+ .to.throw(/^Warning: Accessing PropTypes via the main React/);
+
+ });
+
+
+ it('should throw createClass Warning', () => {
+
+ expect(() => {
+
+ // when
+ var BadPropTypesTest = require('./fixtures/badCreateClass');
+ })
+
+ // then
+ .to.throw(/^Warning: Accessing createClass via the main React/);
+
+ });
+
+
+ it('should should not throw creatClass or PropTypes Warning', () => {
+
+ expect(() => {
+
+ // when
+ var TinyMCE = require('../')
+ })
+
+ // then
+ .to.not.throw();
+ });
+
+});