-
-
Notifications
You must be signed in to change notification settings - Fork 2.1k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
test: add testing for different blocks types merging
- Loading branch information
1 parent
909a8fb
commit 809503a
Showing
2 changed files
with
133 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,89 @@ | ||
import { | ||
BaseTool, | ||
BlockToolConstructorOptions, | ||
BlockToolData, | ||
ConversionConfig | ||
} from '../../../../types'; | ||
|
||
/** | ||
* Simplified Header for testing | ||
*/ | ||
export class SimpleHeader implements BaseTool { | ||
private _data: BlockToolData; | ||
private element: HTMLHeadingElement; | ||
|
||
/** | ||
* | ||
* @param options - constructor options | ||
*/ | ||
constructor({ data }: BlockToolConstructorOptions) { | ||
this._data = data; | ||
} | ||
|
||
/** | ||
* Return Tool's view | ||
* | ||
* @returns {HTMLHeadingElement} | ||
* @public | ||
*/ | ||
public render(): HTMLHeadingElement { | ||
this.element = document.createElement('h1'); | ||
|
||
this.element.innerHTML = this._data.text; | ||
|
||
return this.element; | ||
} | ||
|
||
/** | ||
* @param data - saved data to merger with current block | ||
*/ | ||
public merge(data: BlockToolData): void { | ||
this.data = { | ||
text: this.data.text + data.text, | ||
level: this.data.level, | ||
}; | ||
} | ||
|
||
/** | ||
* Extract Tool's data from the view | ||
* | ||
* @param toolsContent - Text tools rendered view | ||
*/ | ||
public save(toolsContent: HTMLHeadingElement): BlockToolData { | ||
return { | ||
text: toolsContent.innerHTML, | ||
level: 1, | ||
}; | ||
} | ||
|
||
/** | ||
* Allow Header to be converted to/from other blocks | ||
*/ | ||
public static get conversionConfig(): ConversionConfig { | ||
return { | ||
export: 'text', // use 'text' property for other blocks | ||
import: 'text', // fill 'text' property from other block's export string | ||
}; | ||
} | ||
|
||
/** | ||
* Data getter | ||
*/ | ||
private get data(): BlockToolData { | ||
this._data.text = this.element.innerHTML; | ||
this._data.level = 1; | ||
|
||
return this._data; | ||
} | ||
|
||
/** | ||
* Data setter | ||
*/ | ||
private set data(data: BlockToolData) { | ||
this._data = data; | ||
|
||
if (data.text !== undefined) { | ||
this.element.innerHTML = this._data.text || ''; | ||
} | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters