refactor(tests): move parser tests from qunit to vitest (fabricjs#10542)

Author: Smrtnyk

CHANGELOG.md

@@ -2,6 +2,7 @@
 
 ## [next]
 
+- refactor(tests): move parser tests from qunit to vitest [#10542](https://github.com/fabricjs/fabric.js/pull/10542)
 - refactor(tests): move intersection tests from qunit to vitest [#10541](https://github.com/fabricjs/fabric.js/pull/10541)
 - refactor(tests): move Text.toSVG tests from qunit to vitest [#10540](https://github.com/fabricjs/fabric.js/pull/10540)
 - refactor(tests): move object geometry tests from qunit to vitest [#10539](https://github.com/fabricjs/fabric.js/pull/10539)

fabric.ts

@@ -5,9 +5,9 @@ export { config } from './src/config';
 export { classRegistry } from './src/ClassRegistry';
 export { runningAnimations } from './src/util/animation/AnimationRegistry';
 
-export * from './src/typedefs';
+export type * from './src/typedefs';
 
-export * from './src/EventTypeDefs';
+export type * from './src/EventTypeDefs';
 export type { ITextEvents } from './src/shapes/IText/ITextBehavior';
 
 export { Observable } from './src/Observable';
@@ -28,15 +28,15 @@ export { Point } from './src/Point';
 export type { IntersectionType } from './src/Intersection';
 export { Intersection } from './src/Intersection';
 export { Color } from './src/color/Color';
-export * from './src/color/typedefs';
+export type * from './src/color/typedefs';
 
 export * from './src/gradient';
 export * from './src/Pattern';
 export { Shadow } from './src/Shadow';
 export type { SerializedShadowOptions } from './src/Shadow';
 
 export { BaseBrush } from './src/brushes/BaseBrush';
-export * from './src/brushes/typedefs';
+export type * from './src/brushes/typedefs';
 
 export { PencilBrush } from './src/brushes/PencilBrush';
 export { CircleBrush } from './src/brushes/CircleBrush';

src/parser/doesSomeParentMatch.ts

@@ -1,6 +1,9 @@
 import { selectorMatches } from './selectorMatches';
 
-export function doesSomeParentMatch(element: HTMLElement, selectors: string[]) {
+export function doesSomeParentMatch(
+  element: HTMLElement | SVGElement,
+  selectors: string[],
+) {
   let selector: string,
     parentMatching = true;
   while (

src/parser/elementMatchesRule.ts

@@ -5,7 +5,10 @@ import { doesSomeParentMatch } from './doesSomeParentMatch';
  * @private
  */
 
-export function elementMatchesRule(element: HTMLElement, selectors: string[]) {
+export function elementMatchesRule(
+  element: HTMLElement | SVGElement,
+  selectors: string[],
+) {
   let parentMatching = true;
   // start from rightmost selector.
   const firstMatching = selectorMatches(element, selectors.pop()!);

src/parser/getGlobalStylesForElement.ts

@@ -6,7 +6,7 @@ import type { CSSRules } from './typedefs';
  */
 
 export function getGlobalStylesForElement(
-  element: HTMLElement,
+  element: HTMLElement | SVGElement,
   cssRules: CSSRules = {},
 ) {
   let styles: Record<string, string> = {};

src/parser/parseAttributes.ts

@@ -17,7 +17,7 @@ import type { CSSRules } from './typedefs';
  * @return {Object} object containing parsed attributes' names/values
  */
 export function parseAttributes(
-  element: HTMLElement | null,
+  element: HTMLElement | SVGElement | null,
   attributes: string[],
   cssRules?: CSSRules,
 ): Record<string, any> {

src/parser/parseStyleAttribute.ts

@@ -8,7 +8,9 @@ import { parseStyleString } from './parseStyleString';
  * @param {SVGElement} element Element to parse
  * @return {Object} Objects with values parsed from style attribute of an element
  */
-export function parseStyleAttribute(element: HTMLElement): Record<string, any> {
+export function parseStyleAttribute(
+  element: HTMLElement | SVGElement,
+): Record<string, any> {
   const oStyle: Record<string, any> = {},
     style = element.getAttribute('style');