Skip to content

Commit

Permalink
addContentModelTest
Browse files Browse the repository at this point in the history
  • Loading branch information
@BryanValverdeU
BryanValverdeU committed Jun 28, 2023
1 parent 6506cf8 commit dcd4eee
Show file tree
Hide file tree
Showing 5 changed files with 680 additions and 0 deletions.
1 change: 1 addition & 0 deletions .../roosterjs-content-model-editor/lib/editor/plugins/PastePlugin/ContentModelPastePlugin.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -87,6 +87,7 @@ export default class ContentModelFormatPlugin implements EditorPlugin {
processPastedContentWacComponents(ev);
break;
case KnownPasteSourceType.ExcelOnline:
case KnownPasteSourceType.ExcelDesktop:
if (
event.pasteType === PasteType.Normal ||
event.pasteType === PasteType.MergeFormat
Expand Down
152 changes: 152 additions & 0 deletions ...oosterjs-content-model-editor/test/editor/plugins/paste/e2e/cmPasteFromExcelOnlineTest.ts
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,152 @@
import * as processPastedContentFromExcel from '../../../../../lib/editor/plugins/PastePlugin/Excel/processPastedContentFromExcel';
import paste from '../../../../../lib/publicApi/utils/paste';
import { ClipboardData } from 'roosterjs-editor-types';
import { IContentModelEditor } from '../../../../../lib/publicTypes/IContentModelEditor';
import { initEditor } from './cmPasteFromExcelTest';
import { tableProcessor } from 'roosterjs-content-model-dom';

const ID = 'CM_Paste_From_ExcelOnline_E2E';
const clipboardData = <ClipboardData>(<any>{
types: ['text/plain', 'text/html'],
text: 'Test\tTest',
image: null,
files: [],
rawHtml:
"<html>\r\n<body>\r\n<!--StartFragment--><div ccp_infra_version='3' ccp_infra_timestamp='1687871836672' ccp_infra_user_hash='1011877142' ccp_infra_copy_id='edfc2633-1068-4e16-9f9a-02e650eb665e' data-ccp-timestamp='1687871836672'><html><head><meta http-equiv=Content-Type content=\"text/html; charset=utf-8\"><meta name=ProgId content=Excel.Sheet><meta name=Generator content=\"Microsoft Excel 15\"><style>table\r\n\t{mso-displayed-decimal-separator:\"\\.\";\r\n\tmso-displayed-thousand-separator:\"\\,\";}\r\ntr\r\n\t{mso-height-source:auto;}\r\ncol\r\n\t{mso-width-source:auto;}\r\ntd\r\n\t{padding-top:1px;\r\n\tpadding-right:1px;\r\n\tpadding-left:1px;\r\n\tmso-ignore:padding;\r\n\tcolor:black;\r\n\tfont-size:11.0pt;\r\n\tfont-weight:400;\r\n\tfont-style:normal;\r\n\ttext-decoration:none;\r\n\tfont-family:Calibri, sans-serif;\r\n\tmso-font-charset:0;\r\n\ttext-align:general;\r\n\tvertical-align:bottom;\r\n\tborder:none;\r\n\twhite-space:nowrap;\r\n\tmso-rotate:0;}\r\n</style></head><body link=\"#0563C1\" vlink=\"#954F72\"><table width=128 style='border-collapse:collapse;width:96pt'><!--StartFragment--><col width=64 style='width:48pt' span=2><tr height=20 style='height:15.0pt'><td width=64 height=20 style='width:48pt;height:15.0pt'>Test</td><td width=64 style='width:48pt'>Test</td></tr><!--EndFragment--></table></body></html></div><!--EndFragment-->\r\n</body>\r\n</html>",
customValues: {},
snapshotBeforePaste: '<br><!--{"start":[0],"end":[0]}-->',
htmlFirstLevelChildTags: ['DIV'],
html:
"<div ccp_infra_version='3' ccp_infra_timestamp='1687871836672' ccp_infra_user_hash='1011877142' ccp_infra_copy_id='edfc2633-1068-4e16-9f9a-02e650eb665e' data-ccp-timestamp='1687871836672'><html><head><meta http-equiv=Content-Type content=\"text/html; charset=utf-8\"><meta name=ProgId content=Excel.Sheet><meta name=Generator content=\"Microsoft Excel 15\"><style>table\r\n\t{mso-displayed-decimal-separator:\"\\.\";\r\n\tmso-displayed-thousand-separator:\"\\,\";}\r\ntr\r\n\t{mso-height-source:auto;}\r\ncol\r\n\t{mso-width-source:auto;}\r\ntd\r\n\t{padding-top:1px;\r\n\tpadding-right:1px;\r\n\tpadding-left:1px;\r\n\tmso-ignore:padding;\r\n\tcolor:black;\r\n\tfont-size:11.0pt;\r\n\tfont-weight:400;\r\n\tfont-style:normal;\r\n\ttext-decoration:none;\r\n\tfont-family:Calibri, sans-serif;\r\n\tmso-font-charset:0;\r\n\ttext-align:general;\r\n\tvertical-align:bottom;\r\n\tborder:none;\r\n\twhite-space:nowrap;\r\n\tmso-rotate:0;}\r\n</style></head><body link=\"#0563C1\" vlink=\"#954F72\"><table width=128 style='border-collapse:collapse;width:96pt'><!--StartFragment--><col width=64 style='width:48pt' span=2><tr height=20 style='height:15.0pt'><td width=64 height=20 style='width:48pt;height:15.0pt'>Test</td><td width=64 style='width:48pt'>Test</td></tr><!--EndFragment--></table></body></html></div>",
});

describe(ID, () => {
let editor: IContentModelEditor = undefined!;

beforeEach(() => {
editor = initEditor(ID);
});

afterEach(() => {
document.getElementById(ID)?.remove();
});

it('E2E', () => {
spyOn(processPastedContentFromExcel, 'processPastedContentFromExcel').and.callThrough();

paste(editor, clipboardData);
const model = editor.createContentModel({
processorOverride: {
table: tableProcessor,
},
});

expect(model).toEqual({
blockGroupType: 'Document',
blocks: [
Object({
blockType: 'Table',
dataset: Object({}),
rows: [
Object({
height: 22,
format: Object({}),
cells: [
Object({
blockGroupType: 'TableCell',
blocks: [
Object({
blockType: 'Paragraph',
segments: [
Object({
segmentType: 'Text',
text: 'Test',
format: Object({
fontFamily: 'Calibri, sans-serif',
fontSize: '11pt',
}),
}),
],
format: Object({ whiteSpace: 'nowrap' }),
}),
],
format: Object({
whiteSpace: 'nowrap',
paddingTop: '1px',
paddingRight: '1px',
paddingLeft: '1px',
verticalAlign: 'bottom',
textColor: 'black',
width: '48pt',
height: '15pt',
}),
spanLeft: false,
spanAbove: false,
isHeader: false,
dataset: Object({}),
}),
Object({
blockGroupType: 'TableCell',
blocks: [
Object({
blockType: 'Paragraph',
segments: [
Object({
segmentType: 'Text',
text: 'Test',
format: Object({
fontFamily: 'Calibri, sans-serif',
fontSize: '11pt',
}),
}),
],
format: Object({ whiteSpace: 'nowrap' }),
}),
],
format: Object({
whiteSpace: 'nowrap',
paddingTop: '1px',
paddingRight: '1px',
paddingLeft: '1px',
verticalAlign: 'bottom',
textColor: 'black',
width: '48pt',
}),
spanLeft: false,
spanAbove: false,
isHeader: false,
dataset: Object({}),
}),
],
}),
],
format: Object({ width: '96pt', useBorderBox: true, borderCollapse: true }),
widths: [64, 64],
}),
Object({
blockType: 'Paragraph',
segments: [
Object({
segmentType: 'SelectionMarker',
isSelected: true,
format: Object({}),
}),
Object({ segmentType: 'Br', format: Object({}) }),
],
format: Object({ width: '96pt' }),
isImplicit: false,
}),
],
format: {
fontWeight: undefined,
italic: undefined,
underline: undefined,
fontFamily: undefined,
fontSize: undefined,
textColor: undefined,
backgroundColor: undefined,
},
});
expect(processPastedContentFromExcel.processPastedContentFromExcel).toHaveBeenCalled();
});
});
Loading

0 comments on commit dcd4eee

Please sign in to comment.