+
+ `}willUpdate(t){var e;if(this.getAttribute("role")||this.setAttribute("role","button"),t.has("selected")||t.has("role")){const e="button"===this.role?"aria-pressed":"aria-checked",r="button"===this.role?"aria-checked":"aria-pressed";t.has("role")&&this.removeAttribute(r),this.setAttribute(e,this.selected?"true":"false")}t.has("label")&&(this.label!==this.color&&null!=(e=this.label)&&e.length?this.setAttribute("aria-label",this.label):""!==this.color?this.setAttribute("aria-label",this.color):this.removeAttribute("aria-label")),t.has("mixedValue")&&this.mixedValue&&this.setAttribute("aria-checked","mixed")}firstUpdated(t){super.firstUpdated(t),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeydown),this.addEventListener("keypress",this.handleKeypress),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0")}}Je([at({reflect:!0})],er.prototype,"border",2),Je([at()],er.prototype,"color",2),Je([at()],er.prototype,"label",2),Je([at({type:Boolean,reflect:!0,attribute:"mixed-value"})],er.prototype,"mixedValue",2),Je([at({type:Boolean,reflect:!0})],er.prototype,"nothing",2),Je([at({reflect:!0})],er.prototype,"role",2),Je([at({reflect:!0})],er.prototype,"rounding",2),Je([at({type:Boolean,reflect:!0})],er.prototype,"selected",2),Je([at({reflect:!0})],er.prototype,"shape",2),Je([at()],er.prototype,"value",1),He("sp-swatch",er);var rr=i`
+:host{--spectrum-swatchgroup-spacing-compact:var(--spectrum-spacing-50);--spectrum-swatchgroup-spacing-regular:var(--spectrum-spacing-75);--spectrum-swatchgroup-spacing-spacious:var(--spectrum-spacing-100)}:host{align-items:flex-start;display:inline-flex;flex-flow:wrap;justify-content:flex-start}:host{gap:var(
+--mod-swatchgroup-spacing-regular,var(--spectrum-swatchgroup-spacing-regular)
+)}:host([density=compact]){gap:var(
+--mod-swatchgroup-spacing-compact,var(--spectrum-swatchgroup-spacing-compact)
+)}:host([density=spacious]){gap:var(
+--mod-swatchgroup-spacing-spacious,var(--spectrum-swatchgroup-spacing-spacious)
+)}
+`,or=Object.defineProperty,sr=Object.getOwnPropertyDescriptor,ar=(t,e,r,o)=>{for(var s,a=o>1?void 0:o?sr(e,r):e,c=t.length-1;c>=0;c--)(s=t[c])&&(a=(o?s(e,r,a):s(a))||a);return o&&a&&or(e,r,a),a};class cr extends(kt(ft,{validSizes:["xs","s","m","l"]})){constructor(){super(),this.selected=[],this.selectedSet=new Set,this.rovingTabindexController=new Ne(this,{focusInIndex:t=>{let e=-1;const r=t.findIndex(((r,o)=>(!t[e]&&!r.disabled&&(e=o),r.selected&&!r.disabled)));return t[r]?r:e},elements:()=>[...this.children],isFocusableElement:t=>!t.disabled}),this.manageChange=()=>{const t=new Set;this.selectedSet=new Set(this.selected),[...this.children].forEach((e=>{t.add(e.value),e.selected&&this.selectedSet.add(e.value)})),this.selectedSet.forEach((e=>{t.has(e)||this.selectedSet.delete(e)})),this.selected=[...this.selectedSet]},new de(this,{config:{attributes:!0,childList:!0,subtree:!0},callback:()=>{this.manageChange()}})}static get styles(){return[rr]}focus(t){this.rovingTabindexController.focus(t)}handleChange(t){t.stopPropagation();const e=this.selected;if(this.selects){if("single"===this.selects){const{target:e}=t;if(e.tabIndex=0,e.selected=!0,this.selectedSet.has(e.value))return;this.selectedSet.clear(),this.selectedSet.add(e.value),this.rovingTabindexController.elements.forEach((t=>{t!==e&&(t.selected=!1)}))}else if("multiple"===this.selects){const{target:e}=t;e.selected?this.selectedSet.add(e.value):this.selectedSet.delete(e.value)}this.selected=[...this.selectedSet],this.dispatchEvent(new Event("change",{cancelable:!0,bubbles:!0}))||(this.selected=e,t.preventDefault())}else t.preventDefault()}getPassthroughSwatchActions(t){const e={};t.has("selects")&&(this.selects||void 0!==t.get("selects"))&&(e.selects=this.selects),t.has("border")&&(this.border||void 0!==t.get("border"))&&(e.border=this.border),t.has("rounding")&&(this.rounding||void 0!==t.get("rounding"))&&(e.rounding=this.rounding),t.has("size")&&(this.size||void 0!==t.get("size"))&&(e.size=this.size),t.has("shape")&&(this.shape||void 0!==t.get("shape"))&&(e.shape=this.shape);const r=[];return Object.keys(e).length&&r.push((t=>{"border"in e&&(t.border=e.border),"rounding"in e&&(t.rounding=e.rounding),"shape"in e&&(t.shape=e.shape),"size"in e&&(t.size=e.size)})),r}getSelectionSwatchActions(t){const e=[];if(!t.has("selects"))return e;this.selects?this.setAttribute("role","single"===this.selects?"radiogroup":"group"):this.removeAttribute("role");const r=this.selects?{single:"radio",multiple:"checkbox"}[this.selects]:"button";return e.push((t=>{t.setAttribute("role",r)})),e}render(){return B`
+ ${this.renderContent()}
`}}nr.styles=i`img#mask{display:none}`,t([at({reflect:!0})],nr.prototype,"slot",void 0),t([at({attribute:"layer-type",reflect:!0})],nr.prototype,"layerType",void 0),t([at({attribute:!1})],nr.prototype,"name",void 0),t([at({attribute:!1})],nr.prototype,"visible",void 0),t([at({reflect:!0})],nr.prototype,"opacity",void 0),t([at({attribute:!1})],nr.prototype,"blendMode",void 0),t([at({attribute:!1})],nr.prototype,"maskUrl",void 0),t([at({attribute:!1})],nr.prototype,"maskEnabled",void 0),t([at({attribute:!1})],nr.prototype,"maskOffsetX",void 0),t([at({attribute:!1})],nr.prototype,"maskOffsetY",void 0),t([nt("img#mask")],nr.prototype,"maskElement",void 0),t([nt("#container")],nr.prototype,"container",void 0);class lr extends nr{set imageUrl(t){if(""!==t){const e=document.createElement("img");e.onload=async()=>{this.width=e.width,this.height=e.height,this.dispatchEvent(new Event("load",{composed:!0,bubbles:!0,cancelable:!0}))},e.src=t,this._imageUrl=t}else this.dispatchEvent(new Event("load",{composed:!0,bubbles:!0,cancelable:!0}))}get imageUrl(){return this._imageUrl}constructor(){super(),this._imageUrl="",this.width=0,this.height=0,this.tx=0,this.ty=0}async animatePosition(t,e,r,o){await ir(this.container,"transform",t,(()=>{this.tx=e,this.ty=r}),o)}renderContent(){const t=B`${Yt(this.fetchIcon(t.iconUrl))}
${t.name} ${this.renderPrimaryOptions()} ${this.renderSecondaryOptions()} ${this.pulse||this.auto?B` ${this.tryitText} `:B``}
`}}$r.styles=[i`.controls{display:inline-flex;background-color:rgba(0,0,0,.5);box-shadow:0 0 8px #0000003d;border-radius:5px;padding:0;position:relative}:host(:not(.desktop)) sp-swatch-group{display:none}#tryit{position:absolute;right:-60px;top:-60px;pointer-events:none}:host(.mobile) #tryit{scale:-.75 .75;right:85px}.tryit{position:absolute;bottom:calc(100% + 25px);right:.75em;font-size:28px;font-weight:800;width:max-content;display:block}:host(.mobile) .tryit{right:auto;left:.75em;width:100%;font-size:18pt}#cursor{position:absolute;opacity:0;transition:opacity .5s,transform .5s;pointer-events:none}:host(.desktop) #cursor{right:-40px;top:23px;transform:translateY(-100px)}sp-action-button *{pointer-events:none}sp-action-button span{white-space:initial;padding:var(--ft-actionbutton-label-padding);display:inline-flex}sp-action-button[selected]{color:#387ef5!important;border-color:#387ef5!important}sp-action-group.pulse sp-action-button:first-child{animation:pulse-blue 2s infinite}@keyframes pulse-blue{0%{border-color:rgba(56,126,245,0)}50%{border-color:#387ef5}100%{border-color:rgba(56,126,245,0)}}.auto-hover{animation:pulse-size 250ms 1 ease-in;color:#387ef5!important;border-color:#387ef5!important}@keyframes pulse-size{0%{scale:1.2}100%{scale:1}}[slot=icon] svg{width:100%;height:100%}sp-swatch-group{width:68px;margin:auto 25px auto 15px;--mod-swatch-size:68px;--mod-swatchgroup-spacing-regular:10px;--mod-swatch-border-color-selected:#387ef5}`],t([at({attribute:!1})],$r.prototype,"groups",void 0),t([at({attribute:!1})],$r.prototype,"cursorSrc",void 0),t([nt("#cursor")],$r.prototype,"cursorEle",void 0),t([nt("#tryit")],$r.prototype,"tryitEle",void 0),t([ct()],$r.prototype,"autoGroup",void 0),t([ct()],$r.prototype,"auto",void 0),t([ct()],$r.prototype,"pulse",void 0),t([lt("sp-action-button")],$r.prototype,"primaryButtons",void 0),t([lt("sp-swatch-group")],$r.prototype,"secondaryGroups",void 0),t([at({attribute:!1})],$r.prototype,"tryitSrc",void 0),t([at()],$r.prototype,"tryitText",void 0),t([at({attribute:!1})],$r.prototype,"primary",void 0),window.customElements.define("ft-changebgcontrols",$r);const Cr=1920,_r=1199,jr=599;class Ar extends rt{constructor(){super(...arguments),this.isDesktop=matchMedia("(min-width: 1200px)"),this.isTablet=matchMedia("screen and (min-width: 600px) and (max-width: 1199px)"),this.isMobile=matchMedia("screen and (max-width: 599px)")}activate(t){this.dispatchEvent(new CustomEvent("ft-activate",{bubbles:!0,cancelable:!0,composed:!0,detail:{target:t}}))}onContainerResize(t){for(const e of t){const t=this.isDesktop.matches?860:this.isTablet.matches?747:591,r=e.contentRect.height/t;this.canvasEle.style.scale=`${r}`}}connectedCallback(){super.connectedCallback(),this.abortController=new AbortController,this.isDesktop.addEventListener("change",(t=>{t.matches&&this.activate("desktop")}),{signal:this.abortController.signal}),this.isTablet.addEventListener("change",(t=>{t.matches&&this.activate("tablet")}),{signal:this.abortController.signal}),this.isMobile.addEventListener("change",(t=>{t.matches&&this.activate("mobile")}),{signal:this.abortController.signal}),this.resizeObserver=new ResizeObserver((t=>this.onContainerResize(t))),this.resizeObserver.observe(this);const t=this.isDesktop.matches?"desktop":this.isTablet.matches?"tablet":"mobile";this.activate(t)}disconnectedCallback(){var t,e;null===(t=this.abortController)||void 0===t||t.abort(),null===(e=this.resizeObserver)||void 0===e||e.disconnect(),super.disconnectedCallback()}render(){return B`
+
\ No newline at end of file
diff --git a/test/blocks/interactive-marquee/interactive-marquee.test.js b/test/blocks/interactive-marquee/interactive-marquee.test.js
new file mode 100644
index 000000000..1ec1c6d54
--- /dev/null
+++ b/test/blocks/interactive-marquee/interactive-marquee.test.js
@@ -0,0 +1,39 @@
+import { readFile } from '@web/test-runner-commands';
+import { expect } from '@esm-bundle/chai';
+
+document.body.innerHTML = await readFile({ path: './mocks/container.html' });
+const { setLibs } = await import('../../../creativecloud/scripts/utils.js');
+const { default: init } = await import('../../../creativecloud/blocks/interactive-marquee/interactive-marquee.js');
+
+describe('interactive marquee', () => {
+ const im = document.querySelector('.interactive-marquee');
+ before(async () => {
+ setLibs('https://milo.adobe.com/libs');
+ await init(im);
+ });
+ it('interactive marquee light variant should exist', () => {
+ const light = im.classList.contains('light');
+ expect(light).to.true;
+ });
+
+ it('has the interactive-area', () => {
+ const container = im.querySelector('.foreground .interactive-container');
+ expect(container).to.exist;
+ });
+
+ it('has a heading-xxl', () => {
+ const heading = im.querySelector('.heading-xxl');
+ expect(heading).to.exist;
+ });
+
+ it('has an icon area', () => {
+ const iconArea = im.querySelector('.icon-area');
+ expect(iconArea).to.exist;
+ });
+
+ it('should have icon text', () => {
+ const iconText = im.querySelector('.icon-text');
+ expect(iconText).to.exist;
+ expect(iconText.classList.contains('heading-xs')).to.be.true;
+ });
+});
diff --git a/test/blocks/interactive-marquee/mocks/container.html b/test/blocks/interactive-marquee/mocks/container.html
new file mode 100644
index 000000000..83e363e17
--- /dev/null
+++ b/test/blocks/interactive-marquee/mocks/container.html
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+ 
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+ #31A8FF
+ #7F66E6
+ #31F7FF,#31A8FF,#31A8FF
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+
+
diff --git a/test/features/firefly/firefly-interactive.test.js b/test/features/firefly/firefly-interactive.test.js
new file mode 100644
index 000000000..9b7122e07
--- /dev/null
+++ b/test/features/firefly/firefly-interactive.test.js
@@ -0,0 +1,66 @@
+import { readFile } from '@web/test-runner-commands';
+import { expect } from '@esm-bundle/chai';
+import { setLibs } from '../../../creativecloud/scripts/utils.js';
+import waitForElement from '../../helpers/waitForElement.js';
+
+setLibs('/libs');
+
+const { default: init } = await import('../../../creativecloud/blocks/interactive-marquee/interactive-marquee.js');
+
+describe('firefly-marquee', () => {
+ before(async () => {
+ document.body.innerHTML = await readFile({ path: './mocks/body.html' });
+ await init(document.querySelector('.firefly'));
+ });
+
+ it('Prompt should exist', async () => {
+ const promptbar = await waitForElement('.promptbar');
+ expect(promptbar).to.exist;
+ });
+
+ it('Prompt should be placed at proper place in interactive container', async () => {
+ const fireflypromptbar = await waitForElement('.firefly-prompt');
+ expect(fireflypromptbar).to.exist;
+ });
+
+ it('Interactive selector should exist', async () => {
+ const selector = await waitForElement('.selector-tray');
+ expect(selector).to.exist;
+ });
+
+ it('Interactive selector should be placed at proper place in interactive container', async () => {
+ const fireflyselector = await waitForElement('.firefly-selectortray');
+ expect(fireflyselector).to.exist;
+ });
+
+ it('Enticement should exist', async () => {
+ const enticementText = await waitForElement('.enticement-text');
+ const enticementArrow = await waitForElement('.enticement-arrow');
+ expect(enticementText).to.exist;
+ expect(enticementArrow).to.exist;
+ });
+
+ it('Interactive selector should have three options', async () => {
+ const selector = await waitForElement('.selector-tray');
+ expect(selector.querySelectorAll('.options').length).to.equal(3);
+ });
+
+ it('Clicking on genfill option in interactive selector should diplay genfill detail', async () => {
+ const selector = await waitForElement('.selector-tray');
+ const button = selector.querySelectorAll('.options')[1];
+ button.click();
+ const genfillPrompt = await waitForElement('.genfill-prompt');
+ const genfillButton = await waitForElement('.genfill-promptbar');
+ expect(document.querySelector('video').parentNode.getAttribute('class')).to.not.equal('hide');
+ expect(genfillPrompt).to.exist;
+ expect(genfillButton).to.exist;
+ });
+
+ it('Clicking on text effect option in interactive selector should diplay text effect detail', async () => {
+ const selector = await waitForElement('.selector-tray');
+ const button = selector.querySelectorAll('.options')[2];
+ button.click();
+ const texteffectPrompt = await waitForElement('.promptbar');
+ expect(texteffectPrompt).to.exist;
+ });
+});
diff --git a/test/features/firefly/mocks/body.html b/test/features/firefly/mocks/body.html
new file mode 100644
index 000000000..9a70e2233
--- /dev/null
+++ b/test/features/firefly/mocks/body.html
@@ -0,0 +1,46 @@
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
Edit photos online with Adobe Photoshop
+Add, remove, or expand content in images right in your browser with Photoshop on the web. Included in every Photoshop plan.
+ +
+
+ ![Jungle]()
+
+
+
+
diff --git a/test/features/genfill/genfill-interactive.test.js b/test/features/genfill/genfill-interactive.test.js
new file mode 100644
index 000000000..6639ed01d
--- /dev/null
+++ b/test/features/genfill/genfill-interactive.test.js
@@ -0,0 +1,38 @@
+import { readFile } from '@web/test-runner-commands';
+import { expect } from '@esm-bundle/chai';
+
+document.body.innerHTML = await readFile({ path: './mocks/genfill.html' });
+const { setLibs } = await import('../../../creativecloud/scripts/utils.js');
+const { default: init } = await import('../../../creativecloud/blocks/interactive-marquee/interactive-marquee.js');
+
+describe('genfill variant of interactive marquee', () => {
+ const im = document.querySelector('.interactive-marquee');
+ before(async () => {
+ setLibs('https://milo.adobe.com/libs');
+ await init(im);
+ });
+ it('desktop media should exist', () => {
+ const desktop = im.querySelector('.desktop-only');
+ expect(desktop).to.exist;
+ });
+ it('tablet media should exist', () => {
+ const tablet = im.querySelector('.tablet-only');
+ expect(tablet).to.exist;
+ });
+ it('mobile media should exist', () => {
+ const mobile = im.querySelector('.mobile-only');
+ expect(mobile).to.exist;
+ });
+ it('should have proper enticement', () => {
+ const ent = im.querySelector('.enticement');
+ expect(ent).to.exist;
+ expect(ent.querySelector('.enticement-text')).to.exist;
+ expect(ent.querySelector('.enticement-arrow')).to.exist;
+ });
+ it('should implement click functionality and analytics', () => {
+ const a = im.querySelector('.desktop-only a');
+ expect(a.getAttribute('daa-ll').includes('Generate Jungle')).to.true;
+ a.click();
+ expect(a.getAttribute('daa-ll').includes('Generate Pond')).to.true;
+ });
+});
diff --git a/test/features/genfill/mocks/genfill.html b/test/features/genfill/mocks/genfill.html
new file mode 100644
index 000000000..3f57872f8
--- /dev/null
+++ b/test/features/genfill/mocks/genfill.html
@@ -0,0 +1,55 @@
+
+
+
+
+ linear-gradient(90deg, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%
+
+
+
+
+ 
Your imagination’s new best friend.
+Use simple prompts and generative AI to create anything you can imagine with the new Adobe Firefly web app. From photorealistic portraits and fantasy creatures to text effects and fresh color palettes, the possibilities are pure magic. Now available for commercial use.
+ +
+
+
+ 
-----------------------------------------------------------
+https://firefly.adobe.com/generate/images#_dnt Text to Image
+
Dog in a sweater, primary colors, big smile|Generate
+
+ 
+
-----------------------------------------------------------
+https://firefly.adobe.com/upload/inpaint#_dntGenerative Fill
+
Prompt Used[Turquoise water reflecting a starry sky]|Try Generative Fill
+ +-----------------------------------------------------------
+https://firefly.adobe.com/generate/font-styles#_dnt|Text Effects
+
Tiger Fur|Generate
+
+ 
+
+
diff --git a/test/helpers/waitForElement.js b/test/helpers/waitForElement.js
new file mode 100644
index 000000000..b78a595a5
--- /dev/null
+++ b/test/helpers/waitForElement.js
@@ -0,0 +1,50 @@
+const waitForElement = (
+ selector,
+ {
+ options = {
+ childList: true,
+ subtree: true,
+ },
+ rootEl = document.body,
+ textContent = '',
+ } = {},
+) => new Promise((resolve) => {
+ const el = document.querySelector(selector);
+
+ if (el) {
+ resolve(el);
+ return;
+ }
+
+ const observer = new MutationObserver((mutations, obsv) => {
+ mutations.forEach((mutation) => {
+ const nodes = [...mutation.addedNodes];
+ nodes.some((node) => {
+ if (node.matches && node.matches(selector)) {
+ if (textContent && node.textContent !== textContent) return false;
+
+ obsv.disconnect();
+ resolve(node);
+ return true;
+ }
+
+ // check for child in added node
+ const treeWalker = document.createTreeWalker(node);
+ let { currentNode } = treeWalker;
+ while (currentNode) {
+ if (currentNode.matches && currentNode.matches(selector)) {
+ obsv.disconnect();
+ resolve(currentNode);
+ return true;
+ }
+ currentNode = treeWalker.nextNode();
+ }
+ return false;
+ });
+ });
+ });
+
+ observer.observe(rootEl, options);
+});
+
+export default waitForElement;
diff --git a/tools/sidekick/config.json b/tools/sidekick/config.json
index cdd995a61..91a30a53e 100644
--- a/tools/sidekick/config.json
+++ b/tools/sidekick/config.json
@@ -24,14 +24,24 @@
"passReferrer": true,
"includePaths": [ "**/:x**" ]
},
-
+ {
+ "containerId": "tools",
+ "id": "localize-2",
+ "title": "Localize (V2)",
+ "environments": [ "edit" ],
+ "url": "https://main--cc--adobecom.hlx.page/tools/loc?milolibs=locui",
+ "passReferrer": true,
+ "passConfig": true,
+ "includePaths": [ "**.xlsx**" ]
+ },
{
"containerId": "tools",
"id": "floodgate",
"title": "Floodgate",
"environments": [ "edit" ],
- "url": "https://main--milo--adobecom.hlx.page/tools/floodgate/index.html?project=cc--adobecom",
+ "url": "https://main--cc--adobecom.hlx.page/tools/floodgate?milolibs=floodgateui",
"passReferrer": true,
+ "passConfig": true,
"includePaths": [ "**/:x**" ]
},
{
@@ -107,6 +117,24 @@
"url": "https://milo.adobe.com/tools/tag-selector",
"isPalette": true,
"paletteRect": "top: 100px; left: 7%; height: 675px; width: 85vw;"
+ },
+ {
+ "containerId": "tools",
+ "id": "caas-configurator",
+ "title": "CaaS Configurator",
+ "environments": [ "edit", "preview", "dev" ],
+ "url": "https://milo.adobe.com/tools/caas",
+ "isPalette": false,
+ "includePaths": [ "**.docx**"]
+ },
+ {
+ "containerId": "tools",
+ "id": "faas-configurator",
+ "title": "FaaS Configurator",
+ "environments": [ "edit", "preview", "dev" ],
+ "url": "https://milo.adobe.com/tools/faas",
+ "isPalette": false,
+ "includePaths": [ "**.docx**"]
}
]
}
diff --git a/web-test-runner-config.mjs b/web-test-runner-config.mjs
new file mode 100644
index 000000000..1dbbcfe3a
--- /dev/null
+++ b/web-test-runner-config.mjs
@@ -0,0 +1,15 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { importMapsPlugin } from '@web/dev-server-import-maps';
+
+export default {
+ coverageConfig: {
+ exclude: [
+ '**/mocks/**',
+ '**/node_modules/**',
+ '**/test/**',
+ '**/deps/**',
+ '**/scripts/**',
+ ],
+ },
+ plugins: [importMapsPlugin({})],
+};
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
Edit photos online with Adobe Photoshop
+Add, remove, or expand content in images right in your browser with Photoshop on the web. Included in every Photoshop plan.
+ +