diff --git a/packages/main/cypress/specs/RatingIndicator.cy.tsx b/packages/main/cypress/specs/RatingIndicator.cy.tsx index 3e17309b82762..5646cd4b4c56b 100644 --- a/packages/main/cypress/specs/RatingIndicator.cy.tsx +++ b/packages/main/cypress/specs/RatingIndicator.cy.tsx @@ -6,6 +6,34 @@ import "@ui5/webcomponents-icons/dist/thumb-up.js"; import "@ui5/webcomponents-icons/dist/thumb-down.js"; describe("RatingIndicator", () => { + describe("Default Icons Loading", () => { + it("should load and render the default 'favorite' and 'unfavorite' icons without explicit imports", () => { + cy.mount(); + + cy.get("[ui5-rating-indicator]") + .shadow() + .find(".ui5-rating-indicator-item-sel [ui5-icon]") + .first() + .shadow() + .find("svg path[d]") + .should("exist") + .and($path => { + expect($path.attr("d")).to.have.length.greaterThan(0); + }); + + cy.get("[ui5-rating-indicator]") + .shadow() + .find(".ui5-rating-indicator-item-unsel [ui5-icon]") + .first() + .shadow() + .find("svg path[d]") + .should("exist") + .and($path => { + expect($path.attr("d")).to.have.length.greaterThan(0); + }); + }); + }); + describe("Custom Icons", () => { it("should render default icons when no custom icons are specified", () => { cy.mount(); diff --git a/packages/main/src/RatingIndicator.ts b/packages/main/src/RatingIndicator.ts index b88e2bf454a09..4a2b47403e947 100644 --- a/packages/main/src/RatingIndicator.ts +++ b/packages/main/src/RatingIndicator.ts @@ -17,6 +17,8 @@ import { import { getEffectiveAriaLabelText } from "@ui5/webcomponents-base/dist/util/AccessibilityTextsHelper.js"; import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js"; import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js"; +import "@ui5/webcomponents-icons/dist/favorite.js"; +import "@ui5/webcomponents-icons/dist/unfavorite.js"; import { RATING_INDICATOR_TEXT, RATING_INDICATOR_TOOLTIP_TEXT,