@node-projects/web-component-designer 0.1.347 → 0.1.350

package/dist/index.d.ts

@@ -8,6 +8,7 @@ export * from "./elements/helper/ObservedCustomElementsRegistry.js";
 export * from "./elements/helper/ElementHelper.js";
 export * from "./elements/helper/IndentedTextWriter.js";
 export * from "./elements/helper/PathDataPolyfill.js";
+export * from "./elements/helper/PopupHelper.js";
 export * from "./elements/helper/Screenshot.js";
 export * from "./elements/helper/ClipboardHelper.js";
 export * from "./elements/helper/TouchGestureHelper.js";
@@ -53,6 +54,7 @@ export type { IContentService } from "./elements/services/contentService/IConten
 export * from "./elements/services/copyPasteService/CopyPasteService.js";
 export * from "./elements/services/copyPasteService/CopyPasteAsJsonService.js";
 export type { ICopyPasteService } from "./elements/services/copyPasteService/ICopyPasteService.js";
+export * from "./elements/services/copyPasteService/PasteFormatSnapshot.js";
 export * from "./elements/services/deletionService/DeletionService.js";
 export type { IDeletionService } from "./elements/services/deletionService/IDeletionService.js";
 export * from "./elements/services/demoProviderService/IframeDemoProviderService.js";
@@ -250,8 +252,20 @@ export * from "./elements/widgets/designerView/extensions/MultipleSelectionRectE
 export * from "./elements/widgets/designerView/extensions/MultipleSelectionRectExtensionProvider.js";
 export * from "./elements/widgets/designerView/extensions/svg/SvgElementExtension.js";
 export * from "./elements/widgets/designerView/extensions/svg/SvgElementExtensionProvider.js";
-export * from "./elements/widgets/designerView/extensions/svg/PathExtension.js";
-export * from "./elements/widgets/designerView/extensions/svg/PathExtensionProvider.js";
+export * from "./elements/widgets/designerView/extensions/svg/UnifiedGeometryExtension.js";
+export * from "./elements/widgets/designerView/extensions/svg/UnifiedGeometryExtensionProvider.js";
+export * from "./elements/widgets/designerView/extensions/svg/geometry/IGeometry.js";
+export * from "./elements/widgets/designerView/extensions/svg/geometry/GeometryReaderFactory.js";
+export * from "./elements/widgets/designerView/extensions/svg/geometry/SvgPathGeometryReader.js";
+export * from "./elements/widgets/designerView/extensions/svg/geometry/SvgRectGeometryReader.js";
+export * from "./elements/widgets/designerView/extensions/svg/geometry/SvgLineGeometryReader.js";
+export * from "./elements/widgets/designerView/extensions/svg/geometry/SvgEllipseGeometryReader.js";
+export * from "./elements/widgets/designerView/extensions/svg/geometry/SvgCircleGeometryReader.js";
+export * from "./elements/widgets/designerView/extensions/svg/geometry/SvgPolygonGeometryReader.js";
+export * from "./elements/widgets/designerView/extensions/svg/geometry/SvgPolylineGeometryReader.js";
+export * from "./elements/widgets/designerView/extensions/svg/geometry/CssClipPathGeometryReader.js";
+export * from "./elements/widgets/designerView/extensions/svg/geometry/CssShapeOutsideGeometryReader.js";
+export * from "./elements/widgets/designerView/extensions/svg/geometry/CssOffsetPathGeometryReader.js";
 export * from "./elements/widgets/designerView/extensions/PositionExtension.js";
 export * from "./elements/widgets/designerView/extensions/PositionExtensionProvider.js";
 export * from "./elements/widgets/designerView/extensions/ElementDragTitleExtension.js";
@@ -313,6 +327,7 @@ export * from "./elements/widgets/designerView/extensions/contextMenu/ZoomToElem
 export * from "./elements/widgets/designerView/extensions/contextMenu/JumpToElementContextMenu.js";
 export * from "./elements/widgets/designerView/extensions/contextMenu/AlignItemsContextMenu.js";
 export * from "./elements/widgets/designerView/extensions/contextMenu/ForceCssContextMenu.js";
+export * from "./elements/widgets/designerView/extensions/contextMenu/PasteFormatContextMenu.js";
 export type { IDesignerPointerExtension } from "./elements/widgets/designerView/extensions/pointerExtensions/IDesignerPointerExtension.js";
 export type { IDesignerPointerExtensionProvider } from "./elements/widgets/designerView/extensions/pointerExtensions/IDesignerPointerExtensionProvider.js";
 export * from "./elements/widgets/designerView/extensions/pointerExtensions/AbstractDesignerPointerExtension.js";

package/dist/index.js

@@ -8,6 +8,7 @@ export * from "./elements/helper/ObservedCustomElementsRegistry.js";
 export * from "./elements/helper/ElementHelper.js";
 export * from "./elements/helper/IndentedTextWriter.js";
 export * from "./elements/helper/PathDataPolyfill.js";
+export * from "./elements/helper/PopupHelper.js";
 export * from "./elements/helper/Screenshot.js";
 export * from "./elements/helper/ClipboardHelper.js";
 export * from "./elements/helper/TouchGestureHelper.js";
@@ -38,6 +39,7 @@ export * from "./elements/services/elementAtPointService/ElementAtPointService.j
 export * from "./elements/services/contentService/ContentService.js";
 export * from "./elements/services/copyPasteService/CopyPasteService.js";
 export * from "./elements/services/copyPasteService/CopyPasteAsJsonService.js";
+export * from "./elements/services/copyPasteService/PasteFormatSnapshot.js";
 export * from "./elements/services/deletionService/DeletionService.js";
 export * from "./elements/services/demoProviderService/IframeDemoProviderService.js";
 export * from "./elements/services/demoProviderService/SimpleDemoProviderService.js";
@@ -186,8 +188,20 @@ export * from "./elements/widgets/designerView/extensions/MultipleSelectionRectE
 export * from "./elements/widgets/designerView/extensions/MultipleSelectionRectExtensionProvider.js";
 export * from "./elements/widgets/designerView/extensions/svg/SvgElementExtension.js";
 export * from "./elements/widgets/designerView/extensions/svg/SvgElementExtensionProvider.js";
-export * from "./elements/widgets/designerView/extensions/svg/PathExtension.js";
-export * from "./elements/widgets/designerView/extensions/svg/PathExtensionProvider.js";
+export * from "./elements/widgets/designerView/extensions/svg/UnifiedGeometryExtension.js";
+export * from "./elements/widgets/designerView/extensions/svg/UnifiedGeometryExtensionProvider.js";
+export * from "./elements/widgets/designerView/extensions/svg/geometry/IGeometry.js";
+export * from "./elements/widgets/designerView/extensions/svg/geometry/GeometryReaderFactory.js";
+export * from "./elements/widgets/designerView/extensions/svg/geometry/SvgPathGeometryReader.js";
+export * from "./elements/widgets/designerView/extensions/svg/geometry/SvgRectGeometryReader.js";
+export * from "./elements/widgets/designerView/extensions/svg/geometry/SvgLineGeometryReader.js";
+export * from "./elements/widgets/designerView/extensions/svg/geometry/SvgEllipseGeometryReader.js";
+export * from "./elements/widgets/designerView/extensions/svg/geometry/SvgCircleGeometryReader.js";
+export * from "./elements/widgets/designerView/extensions/svg/geometry/SvgPolygonGeometryReader.js";
+export * from "./elements/widgets/designerView/extensions/svg/geometry/SvgPolylineGeometryReader.js";
+export * from "./elements/widgets/designerView/extensions/svg/geometry/CssClipPathGeometryReader.js";
+export * from "./elements/widgets/designerView/extensions/svg/geometry/CssShapeOutsideGeometryReader.js";
+export * from "./elements/widgets/designerView/extensions/svg/geometry/CssOffsetPathGeometryReader.js";
 export * from "./elements/widgets/designerView/extensions/PositionExtension.js";
 export * from "./elements/widgets/designerView/extensions/PositionExtensionProvider.js";
 export * from "./elements/widgets/designerView/extensions/ElementDragTitleExtension.js";
@@ -247,6 +261,7 @@ export * from "./elements/widgets/designerView/extensions/contextMenu/ZoomToElem
 export * from "./elements/widgets/designerView/extensions/contextMenu/JumpToElementContextMenu.js";
 export * from "./elements/widgets/designerView/extensions/contextMenu/AlignItemsContextMenu.js";
 export * from "./elements/widgets/designerView/extensions/contextMenu/ForceCssContextMenu.js";
+export * from "./elements/widgets/designerView/extensions/contextMenu/PasteFormatContextMenu.js";
 export * from "./elements/widgets/designerView/extensions/pointerExtensions/AbstractDesignerPointerExtension.js";
 export * from "./elements/widgets/designerView/extensions/pointerExtensions/CursorLinePointerExtension.js";
 export * from "./elements/widgets/designerView/extensions/pointerExtensions/CursorLinePointerExtensionProvider.js";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "description": "A WYSIWYG designer webcomponent for html components",
   "name": "@node-projects/web-component-designer",
-  "version": "0.1.347",
+  "version": "0.1.350",
   "type": "module",
   "main": "./dist/index.js",
   "author": "jochen.kuehner@gmx.de",

package/tests/CssCombiner.test.ts

@@ -0,0 +1,340 @@
+import { afterAll, afterEach, beforeAll, beforeEach, expect, test } from '@jest/globals';
+
+const camelToDashCase = (text: string) => text.replace(/([A-Z])/g, (g) => `-${g[0].toLowerCase()}`);
+
+const compressBoxValues = (top: string, right: string, bottom: string, left: string) => {
+  if (top === right && top === bottom && top === left)
+    return top;
+  if (top === bottom && right === left)
+    return `${top} ${right}`;
+  if (right === left)
+    return `${top} ${right} ${bottom}`;
+  return `${top} ${right} ${bottom} ${left}`;
+};
+
+const expandBoxValues = (value: string) => {
+  const values = value.trim().split(/\s+/);
+  if (values.length === 1)
+    return [values[0], values[0], values[0], values[0]];
+  if (values.length === 2)
+    return [values[0], values[1], values[0], values[1]];
+  if (values.length === 3)
+    return [values[0], values[1], values[2], values[1]];
+  return [values[0], values[1], values[2], values[3]];
+};
+
+class FakeStyleStore {
+  private declarations = new Map<string, string>();
+
+  reset() {
+    this.declarations.clear();
+  }
+
+  setProperty(name: string, value: string) {
+    this.declarations.set(name, value);
+  }
+
+  getPropertyValue(name: string) {
+    const directValue = this.declarations.get(name);
+    if (directValue != null)
+      return directValue;
+
+    const boxSideMap: Record<string, [string, number]> = {
+      'margin-top': ['margin', 0],
+      'margin-right': ['margin', 1],
+      'margin-bottom': ['margin', 2],
+      'margin-left': ['margin', 3],
+      'padding-top': ['padding', 0],
+      'padding-right': ['padding', 1],
+      'padding-bottom': ['padding', 2],
+      'padding-left': ['padding', 3],
+      'top': ['inset', 0],
+      'right': ['inset', 1],
+      'bottom': ['inset', 2],
+      'left': ['inset', 3],
+      'border-top-width': ['border-width', 0],
+      'border-right-width': ['border-width', 1],
+      'border-bottom-width': ['border-width', 2],
+      'border-left-width': ['border-width', 3],
+      'border-top-style': ['border-style', 0],
+      'border-right-style': ['border-style', 1],
+      'border-bottom-style': ['border-style', 2],
+      'border-left-style': ['border-style', 3],
+      'border-top-color': ['border-color', 0],
+      'border-right-color': ['border-color', 1],
+      'border-bottom-color': ['border-color', 2],
+      'border-left-color': ['border-color', 3]
+    };
+
+    const boxSide = boxSideMap[name];
+    if (boxSide) {
+      const boxValue = this.declarations.get(boxSide[0]);
+      if (boxValue != null)
+        return expandBoxValues(boxValue)[boxSide[1]];
+    }
+
+    const gap = this.declarations.get('gap');
+    if (gap && (name === 'row-gap' || name === 'column-gap')) {
+      const [rowGap, columnGap = rowGap] = gap.trim().split(/\s+/, 2);
+      return name === 'row-gap' ? rowGap : columnGap;
+    }
+
+    const flexFlow = this.declarations.get('flex-flow');
+    if (flexFlow && (name === 'flex-direction' || name === 'flex-wrap')) {
+      const [flexDirection = '', flexWrap = ''] = flexFlow.trim().split(/\s+/, 2);
+      return name === 'flex-direction' ? flexDirection : flexWrap;
+    }
+
+    const placeContent = this.declarations.get('place-content');
+    if (placeContent && (name === 'align-content' || name === 'justify-content')) {
+      const [alignContent = '', justifyContent = alignContent] = placeContent.trim().split(/\s+/, 2);
+      return name === 'align-content' ? alignContent : justifyContent;
+    }
+
+    return '';
+  }
+
+  get cssText() {
+    const serialized: [string, string][] = [];
+    const consumed = new Set<string>();
+    const get = (name: string) => this.declarations.get(name);
+
+    const append = (name: string, value: string, consumedNames: string[] = [name]) => {
+      serialized.push([name, value]);
+      for (const consumedName of consumedNames)
+        consumed.add(consumedName);
+    };
+
+    const appendDirect = (name: string) => {
+      const value = get(name);
+      if (value)
+        append(name, value);
+    };
+
+    appendDirect('border');
+    appendDirect('border-width');
+    appendDirect('border-style');
+    appendDirect('border-color');
+    appendDirect('background');
+    appendDirect('font');
+
+    const marginTop = get('margin-top');
+    const marginRight = get('margin-right');
+    const marginBottom = get('margin-bottom');
+    const marginLeft = get('margin-left');
+    if (!consumed.has('margin') && marginTop && marginRight && marginBottom && marginLeft)
+      append('margin', compressBoxValues(marginTop, marginRight, marginBottom, marginLeft), ['margin-top', 'margin-right', 'margin-bottom', 'margin-left']);
+
+    const paddingTop = get('padding-top');
+    const paddingRight = get('padding-right');
+    const paddingBottom = get('padding-bottom');
+    const paddingLeft = get('padding-left');
+    if (!consumed.has('padding') && paddingTop && paddingRight && paddingBottom && paddingLeft)
+      append('padding', compressBoxValues(paddingTop, paddingRight, paddingBottom, paddingLeft), ['padding-top', 'padding-right', 'padding-bottom', 'padding-left']);
+
+    const top = get('top');
+    const right = get('right');
+    const bottom = get('bottom');
+    const left = get('left');
+    if (!consumed.has('inset') && top && right && bottom && left)
+      append('inset', compressBoxValues(top, right, bottom, left), ['top', 'right', 'bottom', 'left']);
+
+    const rowGap = get('row-gap');
+    const columnGap = get('column-gap');
+    if (rowGap && columnGap)
+      append('gap', `${rowGap} ${columnGap}`, ['row-gap', 'column-gap']);
+
+    const flexDirection = get('flex-direction');
+    const flexWrap = get('flex-wrap');
+    if (flexDirection && flexWrap)
+      append('flex-flow', `${flexDirection} ${flexWrap}`, ['flex-direction', 'flex-wrap']);
+
+    const alignContent = get('align-content');
+    const justifyContent = get('justify-content');
+    if (alignContent && justifyContent)
+      append('place-content', `${alignContent} ${justifyContent}`, ['align-content', 'justify-content']);
+
+    const borderTop = get('border-top');
+    const borderLeft = get('border-left');
+    const borderStyle = get('border-style');
+    if (borderStyle && (borderTop || borderLeft)) {
+      const [topStyle, rightStyle, bottomStyle, leftStyle] = expandBoxValues(borderStyle);
+      if (borderTop && topStyle)
+        append('border-top', `${borderTop} ${topStyle}`.trim(), ['border-top']);
+      if (borderLeft && leftStyle)
+        append('border-left', `${borderLeft} ${leftStyle}`.trim(), ['border-left']);
+      if (rightStyle)
+        append('border-right-style', rightStyle, ['border-style']);
+      if (bottomStyle)
+        append('border-bottom-style', bottomStyle, ['border-style']);
+    }
+
+    for (const [name, value] of this.declarations) {
+      if (!consumed.has(name) && !serialized.some(x => x[0] === name))
+        append(name, value);
+    }
+
+    return serialized.map(([name, value]) => `${name}: ${value};`).join(' ');
+  }
+}
+
+const createFakeStyle = () => {
+  const store = new FakeStyleStore();
+  return new Proxy(store as any, {
+    get(target, prop) {
+      if (typeof prop === 'string' && !(prop in target))
+        return target.getPropertyValue(camelToDashCase(prop));
+
+      const value = target[prop];
+      return typeof value === 'function' ? value.bind(target) : value;
+    },
+    set(target, prop, value) {
+      if (typeof prop === 'string' && !(prop in target)) {
+        target.setProperty(camelToDashCase(prop), String(value));
+        return true;
+      }
+
+      target[prop] = value;
+      return true;
+    }
+  });
+};
+
+class FakeHelperElement {
+  style = createFakeStyle();
+
+  setAttribute(name: string, value: string) {
+    if (name === 'style' && value === '')
+      this.style.reset();
+  }
+}
+
+let CssCombiner: typeof import('../src/elements/helper/CssCombiner').CssCombiner;
+let originalDocument: unknown;
+let originalHelperElement: unknown;
+
+beforeAll(async () => {
+  originalDocument = (<any>globalThis).document;
+  (<any>globalThis).document = {
+    createElement: () => new FakeHelperElement()
+  };
+
+  ({ CssCombiner } = await import('../src/elements/helper/CssCombiner'));
+});
+
+afterAll(() => {
+  (<any>globalThis).document = originalDocument;
+});
+
+beforeEach(() => {
+  originalHelperElement = (<any>CssCombiner)._helperElement;
+  (<any>CssCombiner)._helperElement = new FakeHelperElement();
+});
+
+afterEach(() => {
+  (<any>CssCombiner)._helperElement = originalHelperElement;
+});
+
+const combine = (styles: Record<string, string>, globalStyles?: Record<string, string>) =>
+  CssCombiner.combine(
+    new Map(Object.entries(styles)),
+    globalStyles ? new Map(Object.entries(globalStyles)) : undefined
+  );
+
+test('combines border and font longhands into shorthand declarations', () => {
+  const result = combine({
+    'border-top-style': 'solid',
+    'border-right-style': 'solid',
+    'border-bottom-style': 'solid',
+    'border-left-style': 'solid',
+    'border-top-color': 'red',
+    'border-right-color': 'red',
+    'border-bottom-color': 'red',
+    'border-left-color': 'red',
+    'border-top-width': '1px',
+    'border-right-width': '1px',
+    'border-bottom-width': '1px',
+    'border-left-width': '1px',
+    'font-style': 'italic',
+    'font-weight': '700',
+    'font-size': '16px',
+    'line-height': '24px',
+    'font-family': '"Fira Code", monospace'
+  });
+
+  expect(result.get('border')).toBe('1px solid red');
+  expect(result.has('border-top-width')).toBe(false);
+  expect(result.has('border-right-width')).toBe(false);
+  expect(result.has('border-bottom-width')).toBe(false);
+  expect(result.has('border-left-width')).toBe(false);
+
+  const font = result.get('font');
+  expect(font).toContain('italic');
+  expect(font).toContain('700');
+  expect(font).toContain('16px');
+  expect(font).toContain('24px');
+  expect(font).toContain('Fira Code');
+  expect(result.has('font-style')).toBe(false);
+  expect(result.has('font-weight')).toBe(false);
+  expect(result.has('font-size')).toBe(false);
+  expect(result.has('line-height')).toBe(false);
+  expect(result.has('font-family')).toBe(false);
+});
+
+test('combines additional browser-supported shorthand groups through CSSOM serialization', () => {
+  const result = combine({
+    'row-gap': '4px',
+    'column-gap': '8px',
+    'flex-direction': 'column',
+    'flex-wrap': 'wrap',
+    'align-content': 'center',
+    'justify-content': 'space-between'
+  });
+
+  expect(result.get('gap')).toBe('4px 8px');
+  expect(result.get('flex-flow')).toBe('column wrap');
+  expect(result.get('place-content')).toBe('center space-between');
+
+  expect(result.has('row-gap')).toBe(false);
+  expect(result.has('column-gap')).toBe(false);
+  expect(result.has('flex-direction')).toBe(false);
+  expect(result.has('flex-wrap')).toBe(false);
+  expect(result.has('align-content')).toBe(false);
+  expect(result.has('justify-content')).toBe(false);
+});
+
+test('keeps custom properties and removes shorthand declarations that match global styles', () => {
+  const result = combine({
+    '--brand-color': '#c00',
+    'row-gap': '4px',
+    'column-gap': '8px'
+  }, {
+    'gap': '4px 8px'
+  });
+
+  expect(result.get('--brand-color')).toBe('#c00');
+  expect(result.has('gap')).toBe(false);
+});
+
+test('parses cssText declarations with semicolons inside urls', () => {
+  const result = (<any>CssCombiner).parseStyleDeclarationList(
+    'background: url("data:image/svg+xml;utf8,<svg viewBox=\\"0 0 1 1\\"></svg>") no-repeat center / cover; color: red;'
+  );
+
+  expect(result.get('background')).toBe('url("data:image/svg+xml;utf8,<svg viewBox=\\"0 0 1 1\\"></svg>") no-repeat center / cover');
+  expect(result.get('color')).toBe('red');
+});
+
+test('does not replace declarations with longer browser cssText expansions', () => {
+  const result = combine({
+    'border-top': '4px',
+    'border-left': '2px',
+    'border-style': 'solid'
+  });
+
+  expect(result.get('border-top')).toBe('4px');
+  expect(result.get('border-left')).toBe('2px');
+  expect(result.get('border-style')).toBe('solid');
+  expect(result.has('border-right-style')).toBe(false);
+  expect(result.has('border-bottom-style')).toBe(false);
+});

package/tests/PasteFormatSnapshot.test.ts

@@ -0,0 +1,92 @@
+import { expect, test } from '@jest/globals';
+import { createPasteFormatSnapshot, createPasteFormatSnapshotFromEntries, getPasteFormatEntries } from '../src/elements/services/copyPasteService/PasteFormatSnapshot';
+
+test('collects border, background, and text properties and skips unrelated styles', () => {
+  const values: Record<string, string> = {
+    'background-color': ' rgb(1, 2, 3) ',
+    'border-top-color': ' red ',
+    'border-top-style': ' solid ',
+    'font-family': ' Fira Code ',
+    'line-height': ' 24px ',
+    'color': ' white ',
+    'display': ' grid '
+  };
+
+  const fakeStyle = {
+    length: 7,
+    0: 'background-color',
+    1: 'border-top-color',
+    2: 'border-top-style',
+    3: 'font-family',
+    4: 'line-height',
+    5: 'color',
+    6: 'display',
+    getPropertyValue(name: string) {
+      return values[name] ?? '';
+    }
+  } as Pick<CSSStyleDeclaration, 'getPropertyValue' | 'length'> & ArrayLike<string>;
+
+  const snapshot = createPasteFormatSnapshot(fakeStyle);
+
+  expect(snapshot.background).toEqual([{ name: 'background-color', value: 'rgb(1, 2, 3)' }]);
+  expect(snapshot.border).toEqual([
+    { name: 'border-top-color', value: 'red' },
+    { name: 'border-top-style', value: 'solid' }
+  ]);
+  expect(snapshot.text).toEqual([
+    { name: 'font-family', value: 'Fira Code' },
+    { name: 'line-height', value: '24px' },
+    { name: 'color', value: 'white' }
+  ]);
+  expect(getPasteFormatEntries(snapshot, 'all')).toEqual([
+    { name: 'border-top-color', value: 'red' },
+    { name: 'border-top-style', value: 'solid' },
+    { name: 'background-color', value: 'rgb(1, 2, 3)' },
+    { name: 'font-family', value: 'Fira Code' },
+    { name: 'line-height', value: '24px' },
+    { name: 'color', value: 'white' }
+  ]);
+});
+
+test('keeps duplicate properties out of the all group', () => {
+  const values: Record<string, string> = {
+    'background-image': 'none',
+    'background-color': 'transparent',
+    'background-color-duplicate': ''
+  };
+
+  const fakeStyle = {
+    length: 4,
+    0: 'background-image',
+    1: 'background-color',
+    2: 'background-image',
+    3: 'background-color-duplicate',
+    getPropertyValue(name: string) {
+      return values[name] ?? '';
+    }
+  } as Pick<CSSStyleDeclaration, 'getPropertyValue' | 'length'> & ArrayLike<string>;
+
+  const snapshot = createPasteFormatSnapshot(fakeStyle);
+
+  expect(snapshot.background).toEqual([
+    { name: 'background-image', value: 'none' },
+    { name: 'background-color', value: 'transparent' }
+  ]);
+  expect(snapshot.all).toEqual(snapshot.background);
+});
+
+test('creates a snapshot from design item style entries', () => {
+  const snapshot = createPasteFormatSnapshotFromEntries([
+    ['border-top-color', ' red '],
+    ['background-color', ' rgb(1, 2, 3) '],
+    ['font-family', ' Fira Code '],
+    ['color', ' white ']
+  ]);
+
+  expect(snapshot?.border).toEqual([{ name: 'border-top-color', value: 'red' }]);
+  expect(snapshot?.background).toEqual([{ name: 'background-color', value: 'rgb(1, 2, 3)' }]);
+  expect(snapshot?.text).toEqual([
+    { name: 'font-family', value: 'Fira Code' },
+    { name: 'color', value: 'white' }
+  ]);
+});