test: add visual test for lumo primary variant

Author: jouni

packages/breadcrumbs/test/visual/lumo/breadcrumbs.test.js

@@ -84,4 +84,37 @@ describe('breadcrumbs', () => {
       await visualDiff(div, 'overflow-opened');
     });
   });
+
+  describe('theme', () => {
+    let breadcrumbs;
+
+    beforeEach(async () => {
+      div.style.width = '280px';
+      fixtureSync(
+        `
+          <vaadin-breadcrumbs>
+            <vaadin-breadcrumbs-item path="/">Home</vaadin-breadcrumbs-item>
+            <vaadin-breadcrumbs-item path="/docs">Documents</vaadin-breadcrumbs-item>
+            <vaadin-breadcrumbs-item path="/docs/projects" disabled>Projects</vaadin-breadcrumbs-item>
+            <vaadin-breadcrumbs-item>Summary report</vaadin-breadcrumbs-item>
+          </vaadin-breadcrumbs>
+        `,
+        div,
+      );
+      breadcrumbs = div.querySelector('vaadin-breadcrumbs');
+      await nextRender();
+      await nextResize(breadcrumbs);
+    });
+
+    it('primary', async () => {
+      div.style.height = '150px';
+      breadcrumbs.setAttribute('theme', 'primary');
+      const overlay = breadcrumbs.shadowRoot.querySelector('vaadin-breadcrumbs-overlay');
+      const button = breadcrumbs.shadowRoot.querySelector('[part="overflow-button"]');
+      button.focus();
+      await sendKeys({ press: 'Enter' });
+      await oneEvent(overlay, 'vaadin-overlay-open');
+      await visualDiff(div, 'theme-primary');
+    });
+  });
 });