diff --git a/types/fabric/test/index.ts b/types/fabric/test/index.ts
index 1060525a00..9a5c0b24d2 100644
--- a/types/fabric/test/index.ts
+++ b/types/fabric/test/index.ts
@@ -872,7 +872,7 @@ laboris nisi ut aliquip ex ea commodo consequat.`;
       const activeObject = <fabric.Text> canvas.getActiveObject();
       if (activeObject && activeObject.type === 'text') {
         activeObject.textDecoration = (activeObject.textDecoration === 'underline' ? '' : 'underline');
-        this.className = activeObject.textDecoration ? 'selected' : '';
+        (this as HTMLElement).className = activeObject.textDecoration ? 'selected' : '';
         canvas.renderAll();
       }
     };
@@ -885,7 +885,7 @@ laboris nisi ut aliquip ex ea commodo consequat.`;
       const activeObject = <fabric.Text> canvas.getActiveObject();
       if (activeObject && activeObject.type === 'text') {
         activeObject.textDecoration = (activeObject.textDecoration === 'line-through' ? '' : 'line-through');
-        this.className = activeObject.textDecoration ? 'selected' : '';
+        (this as HTMLElement).className = activeObject.textDecoration ? 'selected' : '';
         canvas.renderAll();
       }
     };
@@ -898,7 +898,7 @@ laboris nisi ut aliquip ex ea commodo consequat.`;
       const activeObject = <fabric.Text> canvas.getActiveObject();
       if (activeObject && activeObject.type === 'text') {
         activeObject.textDecoration = (activeObject.textDecoration === 'overline' ? '' : 'overline');
-        this.className = activeObject.textDecoration ? 'selected' : '';
+        (this as HTMLElement).className = activeObject.textDecoration ? 'selected' : '';
         canvas.renderAll();
       }
     };
@@ -911,7 +911,7 @@ laboris nisi ut aliquip ex ea commodo consequat.`;
       const activeObject = <fabric.Text> canvas.getActiveObject();
       if (activeObject && activeObject.type === 'text') {
         activeObject.fontWeight = (activeObject.fontWeight === 'bold' ? '' : 'bold');
-        this.className = activeObject.fontWeight ? 'selected' : '';
+        (this as HTMLElement).className = activeObject.fontWeight ? 'selected' : '';
         canvas.renderAll();
       }
     };
@@ -924,7 +924,7 @@ laboris nisi ut aliquip ex ea commodo consequat.`;
       const activeObject = <fabric.Text> canvas.getActiveObject();
       if (activeObject && activeObject.type === 'text') {
         activeObject.fontStyle = (activeObject.fontStyle === 'italic' ? '' : 'italic');
-        this.className = activeObject.fontStyle ? 'selected' : '';
+        (this as HTMLElement).className = activeObject.fontStyle ? 'selected' : '';
         canvas.renderAll();
       }
     };
@@ -937,7 +937,7 @@ laboris nisi ut aliquip ex ea commodo consequat.`;
       const activeObject = <fabric.Text> canvas.getActiveObject();
       if (activeObject && activeObject.type === 'text') {
         activeObject.shadow = !activeObject.shadow ? 'rgba(0,0,0,0.2) 2px 2px 10px' : '';
-        this.className = activeObject.shadow ? 'selected' : '';
+        (this as HTMLElement).className = activeObject.shadow ? 'selected' : '';
         canvas.renderAll();
       }
     };