@studysync/draft-js-modifiers 0.4.11 → 0.4.13

package/test/removeBlockStyle.js

@@ -0,0 +1,52 @@
+import test from 'ava'
+import { convertToRaw } from 'draft-js'
+import createEditorState from './fixtures/createEditorState'
+
+import removeBlockStyle from '../src/removeBlockStyle'
+
+test('removeBlockStyle', t => {
+  const beforeRawContentState = {
+    entityMap: {},
+    blocks: [{
+      key: 'item1',
+      text: '',
+      type: 'header-one',
+      depth: 0,
+      inlineStyleRanges: [],
+      entityRanges: [],
+      data: {},
+    }],
+  }
+
+  const afterRawContentState = {
+    entityMap: {},
+    blocks: [{
+      key: 'item1',
+      text: '',
+      type: 'unstyled',
+      depth: 0,
+      inlineStyleRanges: [],
+      entityRanges: [],
+      data: {},
+    }],
+  }
+
+  const editorState = createEditorState(
+    beforeRawContentState,
+    {
+      anchorKey: 'item1',
+      anchorOffset: 0,
+      focusKey: 'item1',
+      focusOffset: 0,
+      isBackward: false,
+      hasFocus: true,
+    }
+  )
+
+  const newEditorState = removeBlockStyle(editorState)
+  t.not(newEditorState, editorState)
+  t.deepEqual(
+    convertToRaw(newEditorState.getCurrentContent()),
+    afterRawContentState
+  )
+})

package/test/removeInlineStyles.js

@@ -0,0 +1,68 @@
+import test from 'ava'
+import { convertToRaw } from 'draft-js'
+import createEditorState from './fixtures/createEditorState'
+
+import removeInlineStyles from '../src/removeInlineStyles'
+
+test('removeInlineStyles', t => {
+  const beforeRawContentState = {
+    entityMap: {},
+    blocks: [{
+      key: 'item1',
+      text: 'asdfghjkl;',
+      type: 'unstyled',
+      depth: 0,
+      inlineStyleRanges: [
+        {
+          length: 2,
+          offset: 1,
+          style: 'BOLD',
+        },
+        {
+          length: 3,
+          offset: 3,
+          style: 'ITALIC',
+        },
+        {
+          length: 5,
+          offset: 0,
+          style: 'UNDERLINE',
+        },
+      ],
+      entityRanges: [],
+      data: {},
+    }],
+  }
+
+  const afterRawContentState = {
+    entityMap: {},
+    blocks: [{
+      key: 'item1',
+      text: 'asdfghjkl;',
+      type: 'unstyled',
+      depth: 0,
+      inlineStyleRanges: [],
+      entityRanges: [],
+      data: {},
+    }],
+  }
+
+  const editorState = createEditorState(
+    beforeRawContentState,
+    {
+      anchorKey: 'item1',
+      anchorOffset: 0,
+      focusKey: 'item1',
+      focusOffset: 0,
+      isBackward: false,
+      hasFocus: true,
+    }
+  )
+
+  const newEditorState = removeInlineStyles(editorState, ['BOLD', 'ITALIC', 'UNDERLINE'])
+  t.not(newEditorState, editorState)
+  t.deepEqual(
+    convertToRaw(newEditorState.getCurrentContent()),
+    afterRawContentState
+  )
+})

package/test/resetBlock.js

@@ -0,0 +1,83 @@
+import test from 'ava'
+import { convertToRaw } from 'draft-js'
+import createEditorState from './fixtures/createEditorState'
+
+import resetBlock from '../src/resetBlock'
+
+const blocks = () => [
+  {
+    key: 'item1',
+    text: 'asdf',
+    type: 'header-one',
+    depth: 0,
+    inlineStyleRanges: [],
+    entityRanges: [],
+    data: {},
+  },
+  {
+    key: 'item2',
+    text: 'fdsa',
+    type: 'header-two',
+    depth: 0,
+    inlineStyleRanges: [],
+    entityRanges: [],
+    // TODO: test Entity
+    // entityRanges: [{
+    //   key: 0,
+    //   length: 2,
+    //   offset: 2
+    // }],
+    data: {},
+  },
+  {
+    key: 'item3',
+    text: 'jkl;',
+    type: 'ordered-list-item',
+    depth: 1,
+    inlineStyleRanges: [{
+      length: 4,
+      offset: 0,
+      style: 'ITALIC',
+    }],
+    entityRanges: [],
+    data: { foo: 1 },
+  },
+]
+
+const reset = block => Object.assign({}, block, {
+  text: '',
+  type: 'unstyled',
+  depth: 0,
+  inlineStyleRanges: [],
+})
+
+blocks().forEach(({ key }, i) => {
+  const beforeRawContentState = {
+    entityMap: {},
+    blocks: blocks(),
+  }
+  const afterRawContentState = {
+    entityMap: {},
+    blocks: blocks().map(block => block.key === key ? reset(block) : block),
+  }
+  const editorState = createEditorState(
+    beforeRawContentState,
+    {
+      anchorKey: 'item1',
+      anchorOffset: 0,
+      focusKey: 'item1',
+      focusOffset: 0,
+      isBackward: false,
+      hasFocus: true,
+    }
+  )
+
+  test(`resetBlock ${i}`, t => {
+    const newEditorState = resetBlock(editorState, editorState.getCurrentContent().getBlockForKey(key))
+    t.not(newEditorState, editorState)
+    t.deepEqual(
+      convertToRaw(newEditorState.getCurrentContent()),
+      afterRawContentState
+    )
+  })
+})

package/test/toggleBlockType.js

@@ -0,0 +1,4 @@
+import test from 'ava'
+
+// TODO:
+test.skip('toggleBlockType', () => {})

package/test/toggleEntity.js

@@ -0,0 +1,4 @@
+import test from 'ava'
+
+// TODO:
+test.skip('toggleEntity', () => {})

package/test/toggleInlineStyle.js

@@ -0,0 +1,4 @@
+import test from 'ava'
+
+// TODO:
+test.skip('toggleInlineStyle', () => {})