Browse Source

Update manual test.

Mateusz Samsel 6 years ago
parent
commit
9f0f4330b9

+ 12 - 0
packages/ckeditor5-font/tests/manual/font-color.html

@@ -10,3 +10,15 @@
 	<p><span style="color:#ddd;background-color:hsl(150, 75%, 60%);">09. color:#ddd;background-color:hsl(150, 75%, 60%);</span></p>
 	<p><span style="color:hsl(270, 75%, 60%);background-color:#d82;">10. color:hsl(270, 75%, 60%);background-color:#d82;</span></p>
 </div>
+
+<div id="color-box" style="margin-top: 10px;border:1px solid black;padding:5px;">
+	<label>
+		Color:
+		<input type="text" name="color" id="color">
+	</label>
+	<label>
+		Background Color:
+		<input type="text" name="bgcolor" id="bgcolor">
+	</label>
+	<p contenteditable="true"><span>Text for copying.</span></p>
+</div>

+ 12 - 0
packages/ckeditor5-font/tests/manual/font-color.js

@@ -38,3 +38,15 @@ ClassicEditor
 	.catch( err => {
 		console.error( err.stack );
 	} );
+
+function updateText( styleName ) {
+	return evt => {
+		const el = document.querySelector( '#color-box > p > span' );
+		if ( el ) {
+			el.style[ styleName ] = evt.target.value;
+		}
+	};
+}
+
+document.querySelector( '#color-box #color' ).addEventListener( 'change', updateText( 'color' ) );
+document.querySelector( '#color-box #bgcolor' ).addEventListener( 'change', updateText( 'backgroundColor' ) );