|
| 1 | +import React from 'react'; |
| 2 | +import { create } from 'react-test-renderer'; |
| 3 | +import Blocks, { DataProp } from '.'; |
| 4 | + |
| 5 | +describe('<Block />', () => { |
| 6 | + describe('when receives an EditorJS blocks data', () => { |
| 7 | + const data: DataProp = { |
| 8 | + time: 1597100797491, |
| 9 | + blocks: [ |
| 10 | + { |
| 11 | + type: 'paragraph', |
| 12 | + data: { |
| 13 | + text: |
| 14 | + 'Mollit deserunt culpa fugiat ea do laboris minim ex do. Elit cillum qui aute sint irure aliqua excepteur minim. Eiusmod velit cupidatat ea culpa magna magna id consectetur enim irure ex excepteur tempor quis. Veniam incididunt ullamco adipisicing dolor ex proident ex amet dolor. Nisi in adipisicing non quis id Lorem consectetur.', |
| 15 | + }, |
| 16 | + }, |
| 17 | + { |
| 18 | + type: 'paragraph', |
| 19 | + data: { |
| 20 | + text: |
| 21 | + 'Nulla pariatur proident cillum consequat cupidatat ex reprehenderit nisi quis mollit laboris dolore ex. Laborum sint duis elit proident. Aliquip id mollit commodo excepteur.', |
| 22 | + }, |
| 23 | + }, |
| 24 | + { |
| 25 | + type: 'header', |
| 26 | + data: { |
| 27 | + text: 'Quis consectetur nostrud eu officia aute laborum labore nulla?', |
| 28 | + level: 3, |
| 29 | + }, |
| 30 | + }, |
| 31 | + { |
| 32 | + type: 'paragraph', |
| 33 | + data: { |
| 34 | + text: |
| 35 | + 'Non pariatur deserunt elit proident. Reprehenderit cupidatat velit veniam ut pariatur minim culpa in ex commodo do sint magna cillum. Eiusmod enim officia et ipsum exercitation veniam veniam ad minim ad minim. Eiusmod dolore dolor minim magna velit officia ut est occaecat magna in.', |
| 36 | + }, |
| 37 | + }, |
| 38 | + { |
| 39 | + type: 'header', |
| 40 | + data: { |
| 41 | + text: 'Do laboris magna quis nisi consequat!', |
| 42 | + level: 4, |
| 43 | + }, |
| 44 | + }, |
| 45 | + { |
| 46 | + type: 'paragraph', |
| 47 | + data: { |
| 48 | + text: |
| 49 | + 'Sunt elit labore consequat proident ullamco minim cupidatat. Exercitation reprehenderit ut ad irure eiusmod proident. Culpa culpa nulla eiusmod reprehenderit est officia Lorem id. Aliqua non commodo sint sunt ex nulla. Nulla esse irure eiusmod dolor nisi aliqua do cillum dolor amet officia. Veniam aliqua aliquip eu voluptate commodo sint ut. Sit nostrud Lorem aliquip ex culpa irure nulla deserunt consequat nulla ea velit in.', |
| 50 | + }, |
| 51 | + }, |
| 52 | + { |
| 53 | + type: 'image', |
| 54 | + data: { |
| 55 | + file: { |
| 56 | + id: 1382, |
| 57 | + url: 'https://cdn.directions.pt/uploads/2020/08/681-2000x1300-2.jpg', |
| 58 | + size: 257878, |
| 59 | + extension: 'image/jpeg', |
| 60 | + }, |
| 61 | + caption: 'Deep in the universe', |
| 62 | + withBorder: false, |
| 63 | + stretched: false, |
| 64 | + withBackground: true, |
| 65 | + }, |
| 66 | + }, |
| 67 | + { |
| 68 | + type: 'quote', |
| 69 | + data: { |
| 70 | + text: |
| 71 | + 'Esse ea consectetur est fugiat ut dolor pariatur ex voluptate ad Lorem Lorem sit sunt. Eiusmod voluptate ullamco laborum minim elit. Cillum ullamco fugiat tempor dolore enim. Excepteur exercitation amet aliqua proident labore qui sint do dolore sint nulla aute.', |
| 72 | + caption: 'Carpe Diem', |
| 73 | + alignment: 'center', |
| 74 | + }, |
| 75 | + }, |
| 76 | + { |
| 77 | + type: 'list', |
| 78 | + data: { |
| 79 | + style: 'ordered', |
| 80 | + items: [ |
| 81 | + 'Reprehenderit fugiat proident eiusmod proident.', |
| 82 | + 'Velit enim duis fugiat excepteur.', |
| 83 | + 'Qui incididunt nostrud ipsum in officia cillum esse officia incididunt id consequat quis.', |
| 84 | + 'Fugiat quis qui sit velit sit tempor.', |
| 85 | + 'Tempor sit aute eiusmod reprehenderit irure ea laborum.', |
| 86 | + 'Sit do do cillum sit quis. Culpa adipisicing sunt nostrud ad labore enim.', |
| 87 | + ], |
| 88 | + }, |
| 89 | + }, |
| 90 | + { |
| 91 | + type: 'embed', |
| 92 | + data: { |
| 93 | + service: 'youtube', |
| 94 | + source: 'https://www.youtube.com/watch?v=yDiD8F9ItX0', |
| 95 | + embed: 'https://www.youtube.com/embed/yDiD8F9ItX0', |
| 96 | + width: 580, |
| 97 | + height: 320, |
| 98 | + caption: '', |
| 99 | + }, |
| 100 | + }, |
| 101 | + { |
| 102 | + type: 'table', |
| 103 | + data: { |
| 104 | + header: ['Name', 'Qtd', 'Price'], |
| 105 | + content: [ |
| 106 | + ['Kine', '1 pcs', '100$'], |
| 107 | + ['Pigs', '3 pcs', '200$'], |
| 108 | + ['Chickens', '12 pcs', '150$'], |
| 109 | + ], |
| 110 | + footer: ['Total', '16 pcs', '$450'], |
| 111 | + caption: 'The stock on our store.', |
| 112 | + }, |
| 113 | + }, |
| 114 | + ], |
| 115 | + version: '2.18.0', |
| 116 | + }; |
| 117 | + |
| 118 | + it('renders all known block tags', () => { |
| 119 | + expect(create(<Blocks data={data} />).toJSON()).toMatchSnapshot(); |
| 120 | + }); |
| 121 | + }); |
| 122 | +}); |
0 commit comments