Added a bunch of font related tests

Automattic · Nov 8, 2010 · 1d44d11 · 1d44d11
1 parent 2c7a7b7
commit 1d44d11
Showing 1 changed file with 156 additions and 0 deletions.
diff --git a/test/public/tests.js b/test/public/tests.js
@@ -682,6 +682,162 @@ tests['textBaseline ideographic'] = function(ctx){
   ctx.fillText("ideographic", 100, 100);
 };
 
+tests['font size px'] = function(ctx){
+  ctx.strokeStyle = '#666';
+  ctx.strokeRect(0,0,200,200);
+  ctx.lineTo(0,100);
+  ctx.lineTo(200,100);
+  ctx.stroke();
+
+  ctx.font = 'normal 14px Arial';
+  ctx.textAlign = 'center';
+  ctx.fillText("normal 14px Arial", 100, 100);
+};
+
+tests['font size pt'] = function(ctx){
+  ctx.strokeStyle = '#666';
+  ctx.strokeRect(0,0,200,200);
+  ctx.lineTo(0,100);
+  ctx.lineTo(200,100);
+  ctx.stroke();
+
+  ctx.font = 'normal 14pt Arial';
+  ctx.textAlign = 'center';
+  ctx.fillText("normal 14pt Arial", 100, 100);
+};
+
+tests['font size mm'] = function(ctx){
+  ctx.strokeStyle = '#666';
+  ctx.strokeRect(0,0,200,200);
+  ctx.lineTo(0,100);
+  ctx.lineTo(200,100);
+  ctx.stroke();
+
+  ctx.font = 'normal 3mm Arial';
+  ctx.textAlign = 'center';
+  ctx.fillText("normal 3mm Arial", 100, 100);
+};
+
+tests['font size cm'] = function(ctx){
+  ctx.strokeStyle = '#666';
+  ctx.strokeRect(0,0,200,200);
+  ctx.lineTo(0,100);
+  ctx.lineTo(200,100);
+  ctx.stroke();
+
+  ctx.font = 'normal 0.6cm Arial';
+  ctx.textAlign = 'center';
+  ctx.fillText("normal 0.6cm Arial", 100, 100);
+};
+
+tests['font weight bold'] = function(ctx){
+  ctx.strokeStyle = '#666';
+  ctx.strokeRect(0,0,200,200);
+  ctx.lineTo(0,100);
+  ctx.lineTo(200,100);
+  ctx.stroke();
+
+  ctx.font = 'bold 14px Arial';
+  ctx.textAlign = 'center';
+  ctx.fillText("bold 14px Arial", 100, 100);
+};
+
+tests['font weight lighter'] = function(ctx){
+  ctx.strokeStyle = '#666';
+  ctx.strokeRect(0,0,200,200);
+  ctx.lineTo(0,100);
+  ctx.lineTo(200,100);
+  ctx.stroke();
+
+  ctx.font = 'lighter 14px Arial';
+  ctx.textAlign = 'center';
+  ctx.fillText("lighter 14px Arial", 100, 100);
+};
+
+tests['font weight lighter italic'] = function(ctx){
+  ctx.strokeStyle = '#666';
+  ctx.strokeRect(0,0,200,200);
+  ctx.lineTo(0,100);
+  ctx.lineTo(200,100);
+  ctx.stroke();
+
+  ctx.font = 'lighter italic 14px Arial';
+  ctx.textAlign = 'center';
+  ctx.fillText("lighter italic 14px Arial", 100, 100);
+};
+
+tests['font weight 200'] = function(ctx){
+  ctx.strokeStyle = '#666';
+  ctx.strokeRect(0,0,200,200);
+  ctx.lineTo(0,100);
+  ctx.lineTo(200,100);
+  ctx.stroke();
+
+  ctx.font = '200 14px Arial';
+  ctx.textAlign = 'center';
+  ctx.fillText("200 14px Arial", 100, 100);
+};
+
+tests['font weight 800'] = function(ctx){
+  ctx.strokeStyle = '#666';
+  ctx.strokeRect(0,0,200,200);
+  ctx.lineTo(0,100);
+  ctx.lineTo(200,100);
+  ctx.stroke();
+
+  ctx.font = '800 14px Arial';
+  ctx.textAlign = 'center';
+  ctx.fillText("800 14px Arial", 100, 100);
+};
+
+tests['font family serif'] = function(ctx){
+  ctx.strokeStyle = '#666';
+  ctx.strokeRect(0,0,200,200);
+  ctx.lineTo(0,100);
+  ctx.lineTo(200,100);
+  ctx.stroke();
+
+  ctx.font = '14px serif';
+  ctx.textAlign = 'center';
+  ctx.fillText("14px serif", 100, 100);
+};
+
+tests['font family sans-serif'] = function(ctx){
+  ctx.strokeStyle = '#666';
+  ctx.strokeRect(0,0,200,200);
+  ctx.lineTo(0,100);
+  ctx.lineTo(200,100);
+  ctx.stroke();
+
+  ctx.font = '14px sans-serif';
+  ctx.textAlign = 'center';
+  ctx.fillText("14px sans-serif", 100, 100);
+};
+
+tests['font family Impact'] = function(ctx){
+  ctx.strokeStyle = '#666';
+  ctx.strokeRect(0,0,200,200);
+  ctx.lineTo(0,100);
+  ctx.lineTo(200,100);
+  ctx.stroke();
+
+  ctx.font = '18px Impact';
+  ctx.textAlign = 'center';
+  ctx.fillText("18px Impact", 100, 100);
+};
+
+tests['font family invalid'] = function(ctx){
+  ctx.strokeStyle = '#666';
+  ctx.strokeRect(0,0,200,200);
+  ctx.lineTo(0,100);
+  ctx.lineTo(200,100);
+  ctx.stroke();
+
+  ctx.font = '14px Foo, Invalid, Impact, sans-serif';
+  ctx.textAlign = 'center';
+  ctx.fillText("14px Invalid, Impact", 100, 100);
+};
+
 tests['globalCompositeOperation source-over'] = function(ctx){
   ctx.fillStyle = 'blue';
   ctx.fillRect(0,0,100,100);