| 6dd74de | | | 1 | import { imgSnapshotTest } from '../../helpers/util.ts'; |
| 6dd74de | | | 2 | |
| 6dd74de | | | 3 | describe('Timeline diagram', () => { |
| 6dd74de | | | 4 | it('1: should render a simple timeline with no specific sections', () => { |
| 6dd74de | | | 5 | imgSnapshotTest( |
| 6dd74de | | | 6 | `timeline |
| 6dd74de | | | 7 | title History of Social Media Platform |
| 6dd74de | | | 8 | 2002 : LinkedIn |
| 6dd74de | | | 9 | 2004 : Facebook : Google |
| 6dd74de | | | 10 | 2005 : YouTube |
| 6dd74de | | | 11 | 2006 : Twitter |
| 6dd74de | | | 12 | `, |
| 6dd74de | | | 13 | {} |
| 6dd74de | | | 14 | ); |
| 6dd74de | | | 15 | }); |
| 6dd74de | | | 16 | it('2: should render a timeline diagram with sections', () => { |
| 6dd74de | | | 17 | imgSnapshotTest( |
| 6dd74de | | | 18 | `timeline |
| 6dd74de | | | 19 | title Timeline of Industrial Revolution |
| 6dd74de | | | 20 | section 17th-20th century |
| 6dd74de | | | 21 | Industry 1.0 : Machinery, Water power, Steam <br>power |
| 6dd74de | | | 22 | Industry 2.0 : Electricity, Internal combustion engine, Mass production |
| 6dd74de | | | 23 | Industry 3.0 : Electronics, Computers, Automation |
| 6dd74de | | | 24 | section 21st century |
| 6dd74de | | | 25 | Industry 4.0 : Internet, Robotics, Internet of Things |
| 6dd74de | | | 26 | Industry 5.0 : Artificial intelligence, Big data,3D printing |
| 6dd74de | | | 27 | `, |
| 6dd74de | | | 28 | {} |
| 6dd74de | | | 29 | ); |
| 6dd74de | | | 30 | }); |
| 6dd74de | | | 31 | it('3: should render a complex timeline with sections, and long events text with <br>', () => { |
| 6dd74de | | | 32 | imgSnapshotTest( |
| 6dd74de | | | 33 | `timeline |
| 6dd74de | | | 34 | title England's History Timeline |
| 6dd74de | | | 35 | section Stone Age |
| 6dd74de | | | 36 | 7600 BC : Britain's oldest known house was built in Orkney, Scotland |
| 6dd74de | | | 37 | 6000 BC : Sea levels rise and Britain becomes an island.<br> The people who live here are hunter-gatherers. |
| 6dd74de | | | 38 | section Bronze Age |
| 6dd74de | | | 39 | 2300 BC : People arrive from Europe and settle in Britain. <br>They bring farming and metalworking. |
| 6dd74de | | | 40 | : New styles of pottery and ways of burying the dead appear. |
| 6dd74de | | | 41 | 2200 BC : The last major building works are completed at Stonehenge.<br> People now bury their dead in stone circles. |
| 6dd74de | | | 42 | : The first metal objects are made in Britain.Some other nice things happen. it is a good time to be alive. |
| 6dd74de | | | 43 | `, |
| 6dd74de | | | 44 | {} |
| 6dd74de | | | 45 | ); |
| 6dd74de | | | 46 | }); |
| 6dd74de | | | 47 | it('4: should render a simple timeline with directives and disableMultiColor:true ', () => { |
| 6dd74de | | | 48 | imgSnapshotTest( |
| 6dd74de | | | 49 | `%%{init: { 'logLevel': 'debug', 'theme': 'base', 'timeline': {'disableMulticolor': true}}}%% |
| 6dd74de | | | 50 | timeline |
| 6dd74de | | | 51 | title History of Social Media Platform |
| 6dd74de | | | 52 | 2002 : LinkedIn |
| 6dd74de | | | 53 | 2004 : Facebook : Google |
| 6dd74de | | | 54 | 2005 : YouTube |
| 6dd74de | | | 55 | 2006 : Twitter |
| 6dd74de | | | 56 | `, |
| 6dd74de | | | 57 | {} |
| 6dd74de | | | 58 | ); |
| 6dd74de | | | 59 | }); |
| 6dd74de | | | 60 | it('5: should render a simple timeline with directive overridden colors', () => { |
| 6dd74de | | | 61 | imgSnapshotTest( |
| 6dd74de | | | 62 | ` %%{init: { 'logLevel': 'debug', 'theme': 'default' , 'themeVariables': { |
| 6dd74de | | | 63 | 'cScale0': '#ff0000', |
| 6dd74de | | | 64 | 'cScale1': '#00ff00', |
| 6dd74de | | | 65 | 'cScale2': '#0000ff' |
| 6dd74de | | | 66 | } } }%% |
| 6dd74de | | | 67 | timeline |
| 6dd74de | | | 68 | title History of Social Media Platform |
| 6dd74de | | | 69 | 2002 : LinkedIn |
| 6dd74de | | | 70 | 2004 : Facebook : Google |
| 6dd74de | | | 71 | 2005 : YouTube |
| 6dd74de | | | 72 | 2006 : Twitter |
| 6dd74de | | | 73 | 2007 : Tumblr |
| 6dd74de | | | 74 | 2008 : Instagram |
| 6dd74de | | | 75 | 2010 : Pinterest |
| 6dd74de | | | 76 | `, |
| 6dd74de | | | 77 | {} |
| 6dd74de | | | 78 | ); |
| 6dd74de | | | 79 | }); |
| 6dd74de | | | 80 | it('6: should render a simple timeline in base theme', () => { |
| 6dd74de | | | 81 | imgSnapshotTest( |
| 6dd74de | | | 82 | `%%{init: { 'logLevel': 'debug', 'theme': 'base' } }%% |
| 6dd74de | | | 83 | timeline |
| 6dd74de | | | 84 | title History of Social Media Platform |
| 6dd74de | | | 85 | 2002 : LinkedIn |
| 6dd74de | | | 86 | 2004 : Facebook : Google |
| 6dd74de | | | 87 | 2005 : YouTube |
| 6dd74de | | | 88 | 2006 : Twitter |
| 6dd74de | | | 89 | 2007 : Tumblr |
| 6dd74de | | | 90 | 2008 : Instagram |
| 6dd74de | | | 91 | 2010 : Pinterest |
| 6dd74de | | | 92 | `, |
| 6dd74de | | | 93 | {} |
| 6dd74de | | | 94 | ); |
| 6dd74de | | | 95 | }); |
| 6dd74de | | | 96 | |
| 6dd74de | | | 97 | it('7: should render a simple timeline in default theme', () => { |
| 6dd74de | | | 98 | imgSnapshotTest( |
| 6dd74de | | | 99 | `%%{init: { 'logLevel': 'debug', 'theme': 'default' } }%% |
| 6dd74de | | | 100 | timeline |
| 6dd74de | | | 101 | title History of Social Media Platform |
| 6dd74de | | | 102 | 2002 : LinkedIn |
| 6dd74de | | | 103 | 2004 : Facebook : Google |
| 6dd74de | | | 104 | 2005 : YouTube |
| 6dd74de | | | 105 | 2006 : Twitter |
| 6dd74de | | | 106 | 2007 : Tumblr |
| 6dd74de | | | 107 | 2008 : Instagram |
| 6dd74de | | | 108 | 2010 : Pinterest |
| 6dd74de | | | 109 | `, |
| 6dd74de | | | 110 | {} |
| 6dd74de | | | 111 | ); |
| 6dd74de | | | 112 | }); |
| 6dd74de | | | 113 | |
| 6dd74de | | | 114 | it('8: should render a simple timeline in dark theme', () => { |
| 6dd74de | | | 115 | imgSnapshotTest( |
| 6dd74de | | | 116 | `%%{init: { 'logLevel': 'debug', 'theme': 'dark' } }%% |
| 6dd74de | | | 117 | timeline |
| 6dd74de | | | 118 | title History of Social Media Platform |
| 6dd74de | | | 119 | 2002 : LinkedIn |
| 6dd74de | | | 120 | 2004 : Facebook : Google |
| 6dd74de | | | 121 | 2005 : YouTube |
| 6dd74de | | | 122 | 2006 : Twitter |
| 6dd74de | | | 123 | 2007 : Tumblr |
| 6dd74de | | | 124 | 2008 : Instagram |
| 6dd74de | | | 125 | 2010 : Pinterest |
| 6dd74de | | | 126 | `, |
| 6dd74de | | | 127 | {} |
| 6dd74de | | | 128 | ); |
| 6dd74de | | | 129 | }); |
| 6dd74de | | | 130 | |
| 6dd74de | | | 131 | it('9: should render a simple timeline in neutral theme', () => { |
| 6dd74de | | | 132 | imgSnapshotTest( |
| 6dd74de | | | 133 | `%%{init: { 'logLevel': 'debug', 'theme': 'neutral' } }%% |
| 6dd74de | | | 134 | timeline |
| 6dd74de | | | 135 | title History of Social Media Platform |
| 6dd74de | | | 136 | 2002 : LinkedIn |
| 6dd74de | | | 137 | 2004 : Facebook : Google |
| 6dd74de | | | 138 | 2005 : YouTube |
| 6dd74de | | | 139 | 2006 : Twitter |
| 6dd74de | | | 140 | 2007 : Tumblr |
| 6dd74de | | | 141 | 2008 : Instagram |
| 6dd74de | | | 142 | 2010 : Pinterest |
| 6dd74de | | | 143 | `, |
| 6dd74de | | | 144 | {} |
| 6dd74de | | | 145 | ); |
| 6dd74de | | | 146 | }); |
| 6dd74de | | | 147 | |
| 6dd74de | | | 148 | it('10: should render a simple timeline in forest theme', () => { |
| 6dd74de | | | 149 | imgSnapshotTest( |
| 6dd74de | | | 150 | `%%{init: { 'logLevel': 'debug', 'theme': 'forest' } }%% |
| 6dd74de | | | 151 | timeline |
| 6dd74de | | | 152 | title History of Social Media Platform |
| 6dd74de | | | 153 | 2002 : LinkedIn |
| 6dd74de | | | 154 | 2004 : Facebook : Google |
| 6dd74de | | | 155 | 2005 : YouTube |
| 6dd74de | | | 156 | 2006 : Twitter |
| 6dd74de | | | 157 | 2007 : Tumblr |
| 6dd74de | | | 158 | 2008 : Instagram |
| 6dd74de | | | 159 | 2010 : Pinterest |
| 6dd74de | | | 160 | `, |
| 6dd74de | | | 161 | {} |
| 6dd74de | | | 162 | ); |
| 6dd74de | | | 163 | }); |
| 6dd74de | | | 164 | |
| 6dd74de | | | 165 | it('11: should render timeline with many stacked events and proper timeline line length', () => { |
| 6dd74de | | | 166 | imgSnapshotTest( |
| 6dd74de | | | 167 | `timeline |
| 6dd74de | | | 168 | title Medical Device Lifecycle |
| 6dd74de | | | 169 | section Pre-Development |
| 6dd74de | | | 170 | Quality Management System : Regulatory Compliance : Risk Management |
| 6dd74de | | | 171 | section Development |
| 6dd74de | | | 172 | Management Responsibility : Planning Activities : Human Resources |
| 6dd74de | | | 173 | Resource Management : Management Reviews : Infrastructure |
| 6dd74de | | | 174 | section Post-Development |
| 6dd74de | | | 175 | Product Realization Activities : Planning Activities : Customer-related Processes |
| 6dd74de | | | 176 | Post-Production Activities : Feedback : Complaints : Adverse Events |
| 6dd74de | | | 177 | : Research and Development : Purchasing Activities |
| 6dd74de | | | 178 | : Production Activities : Installation Activities |
| 6dd74de | | | 179 | : Servicing Activities : Post-Market Surveillance |
| 6dd74de | | | 180 | `, |
| 6dd74de | | | 181 | {} |
| 6dd74de | | | 182 | ); |
| 6dd74de | | | 183 | }); |
| 6dd74de | | | 184 | |
| 6dd74de | | | 185 | it('12: should render timeline with proper vertical line lengths for all columns', () => { |
| 6dd74de | | | 186 | imgSnapshotTest( |
| 6dd74de | | | 187 | `--- |
| 6dd74de | | | 188 | config: |
| 6dd74de | | | 189 | theme: base |
| 6dd74de | | | 190 | themeVariables: |
| 6dd74de | | | 191 | fontFamily: Fira Sans |
| 6dd74de | | | 192 | fontSize: 17px |
| 6dd74de | | | 193 | cScale0: '#b3cde0' |
| 6dd74de | | | 194 | cScale1: '#f49090' |
| 6dd74de | | | 195 | cScale2: '#85d5b8' |
| 6dd74de | | | 196 | --- |
| 6dd74de | | | 197 | |
| 6dd74de | | | 198 | timeline |
| 6dd74de | | | 199 | title Medical Device Lifecycle |
| 6dd74de | | | 200 | section Planning |
| 6dd74de | | | 201 | Quality Management System (4): Regulatory Compliance (4.1.1) |
| 6dd74de | | | 202 | : Risk Management (4.1.2) |
| 6dd74de | | | 203 | Management Resposibility (5): Planning Activities (5.4) |
| 6dd74de | | | 204 | : Management Reviews (5.6) |
| 6dd74de | | | 205 | Resource Management (6): Human Resources (6.2) |
| 6dd74de | | | 206 | : Infrastructure (6.3) |
| 6dd74de | | | 207 | section Realization |
| 6dd74de | | | 208 | Research and Development (7.3): RnD Planning (7.3.2) |
| 6dd74de | | | 209 | : Inputs (7.3.3) |
| 6dd74de | | | 210 | : Outputs (7.3.4) |
| 6dd74de | | | 211 | : Review (7.3.5) |
| 6dd74de | | | 212 | : Verification (7.3.6) |
| 6dd74de | | | 213 | : Validation (7.3.7) |
| 6dd74de | | | 214 | Purchasing (7.4): Purchasing Process (7.4.1) |
| 6dd74de | | | 215 | : Purchasing Information (7.4.2) |
| 6dd74de | | | 216 | Production (7.5): Production Activities (7.5.1) |
| 6dd74de | | | 217 | : Production Feedback (8.2.1) |
| 6dd74de | | | 218 | Installation (7.5.3): Installation Activities (7.5.3) |
| 6dd74de | | | 219 | Servicing (7.5.4): Servicing Activities (7.5.4) |
| 6dd74de | | | 220 | section Post-Production |
| 6dd74de | | | 221 | Post-Market Activities (8): Feedback (8.2.1) |
| 6dd74de | | | 222 | : Complaints (8.2.2) |
| 6dd74de | | | 223 | : Adverse Events (8.2.3) |
| 6dd74de | | | 224 | `, |
| 6dd74de | | | 225 | {} |
| 6dd74de | | | 226 | ); |
| 6dd74de | | | 227 | }); |
| 6dd74de | | | 228 | }); |