fix(mock-doc): allow urls as css values (#2857)

css values such as `background-image: (https://mydomain.com/image.jpg)`
currently lose values after the second colon. This ensures the entire value 
is taken into account when a url is specified.

Author: scaredcat

src/mock-doc/css-style-declaration.ts

@@ -47,7 +47,7 @@ export class MockCSSStyleDeclaration {
         const splt = rule.split(':');
         if (splt.length > 1) {
           const prop = splt[0].trim();
-          const value = splt[1].trim();
+          const value = splt.slice(1).join(':').trim();
           if (prop !== '' && value !== '') {
             this._styles.set(jsCaseToCssCase(prop), value);
           }

src/mock-doc/test/css-style-declaration.spec.ts

@@ -0,0 +1,32 @@
+import { MockCSSStyleDeclaration } from '../css-style-declaration';
+import { MockDocument } from '../document';
+import { MockHTMLElement } from '../node';
+
+describe('css-style-declaration', () => {
+  let doc: MockDocument;
+  beforeEach(() => {
+    doc = new MockDocument();
+  });
+
+  it('should set attributes correctly', () => {
+    const cssAttr = new MockCSSStyleDeclaration();
+    cssAttr.cssText = 'color: red';
+
+    expect(cssAttr.cssText).toBe('color: red;');
+  });
+
+  it('should handle attributes containing colons', () => {
+    const cssAttr = new MockCSSStyleDeclaration();
+    cssAttr.cssText = 'background-image: (https://ionic.io/img/ionic-io-og-img.png);';
+
+    expect(cssAttr.cssText).toBe('background-image: (https://ionic.io/img/ionic-io-og-img.png);');
+  });
+
+  it('should set styles on html elements', () => {
+    const element = new MockHTMLElement(doc, 'div');
+    element.style = 'color: red; font-family: "My Custom Font"';
+
+    expect(element.style.cssText).toEqual('color: red; font-family: "My Custom Font";');
+    expect(element.style.cssText).toEqual(element.getAttribute('style'));
+  });
+});