capricorn86#976@minor: Add background image test cases.

malko · Jul 13, 2023 · ca9a7ac · ca9a7ac
1 parent e72825e
commit ca9a7ac
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 5 deletions.
diff --git a/packages/happy-dom/test/css/CSSParser.test.ts b/packages/happy-dom/test/css/CSSParser.test.ts
@@ -41,22 +41,26 @@ describe('CSSParser', () => {
 			expect((<CSSStyleRule>cssRules[1]).parentStyleSheet).toBe(cssStyleSheet);
 			expect((<CSSStyleRule>cssRules[1]).selectorText).toBe('.container');
 			expect((<CSSStyleRule>cssRules[1]).cssText).toBe(
-				'.container { flex-grow: 1; display: flex; flex-direction: column; overflow: hidden; --css-variable: 1px; }'
+				'.container { flex-grow: 1; display: flex; flex-direction: column; overflow: hidden; --css-variable: 1px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII="), url("test.jpg"); }'
 			);
-			expect((<CSSStyleRule>cssRules[1]).style.length).toBe(5);
+			expect((<CSSStyleRule>cssRules[1]).style.length).toBe(6);
 			expect((<CSSStyleRule>cssRules[1]).style.parentRule).toBe(cssRules[1]);
 			expect((<CSSStyleRule>cssRules[1]).style[0]).toBe('flex-grow');
 			expect((<CSSStyleRule>cssRules[1]).style[1]).toBe('display');
 			expect((<CSSStyleRule>cssRules[1]).style[2]).toBe('flex-direction');
 			expect((<CSSStyleRule>cssRules[1]).style[3]).toBe('overflow');
 			expect((<CSSStyleRule>cssRules[1]).style[4]).toBe('--css-variable');
+			expect((<CSSStyleRule>cssRules[1]).style[5]).toBe('background-image');
 			expect((<CSSStyleRule>cssRules[1]).style.flexGrow).toBe('1');
 			expect((<CSSStyleRule>cssRules[1]).style.display).toBe('flex');
 			expect((<CSSStyleRule>cssRules[1]).style.flexDirection).toBe('column');
 			expect((<CSSStyleRule>cssRules[1]).style.overflow).toBe('hidden');
 			expect((<CSSStyleRule>cssRules[1]).style.getPropertyValue('--css-variable')).toBe('1px');
+			expect((<CSSStyleRule>cssRules[1]).style.backgroundImage).toBe(
+				'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII="), url("test.jpg")'
+			);
 			expect((<CSSStyleRule>cssRules[1]).style.cssText).toBe(
-				'flex-grow: 1; display: flex; flex-direction: column; overflow: hidden; --css-variable: 1px;'
+				'flex-grow: 1; display: flex; flex-direction: column; overflow: hidden; --css-variable: 1px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII="), url("test.jpg");'
 			);
 
 			// CSSMediaRule

diff --git a/packages/happy-dom/test/css/data/CSSParserInput.ts b/packages/happy-dom/test/css/data/CSSParserInput.ts
@@ -12,6 +12,10 @@ export default `
         flex-direction: column;
         overflow: hidden;
         --css-variable: 1px;
+        background-image:
+            url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII="),
+            url(test.jpg)
+        ;
     }
 
     @media screen and (max-width: 36rem) {
@@ -58,7 +62,7 @@ export default `
             color: red;
         }
     }
-    
+
     @supports (display: flex) {
         .container {
             color: green;
@@ -74,5 +78,5 @@ export default `
 
     /* Single-line comment */
     .foo { color: red; }
-    
+
 `.trim();
diff --git a/packages/happy-dom/test/css/declaration/CSSStyleDeclaration.test.ts b/packages/happy-dom/test/css/declaration/CSSStyleDeclaration.test.ts
@@ -1885,6 +1885,15 @@ describe('CSSStyleDeclaration', () => {
 			element.setAttribute('style', 'background-image: url(test.jpg),  url(test2.jpg)');
 
 			expect(declaration.backgroundImage).toBe('url("test.jpg"), url("test2.jpg")');
+
+			element.setAttribute(
+				'style',
+				'background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=)'
+			);
+
+			expect(declaration.backgroundImage).toBe(
+				'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=")'
+			);
 		});
 	});