fix: relax diagnostic for special property

.changeset/fluffy-llamas-do.md

@@ -0,0 +1,7 @@
+---
+"@ui5-language-assistant/vscode-ui5-language-assistant-bas-ext": patch
+"vscode-ui5-language-assistant": patch
+"@ui5-language-assistant/binding": patch
+---
+
+fix: relax diagnostic for property which can be used with both aggregation binding info or property binding info

packages/binding/src/definition/definition.ts

@@ -18,7 +18,7 @@ import {
 } from "../types";
 import { ui5NodeToFQN } from "@ui5-language-assistant/logic-utils";
 import { forOwn } from "lodash";
-import { getDocumentation } from "../utils";
+import { getAltTypesPrime, getDocumentation } from "../utils";
 import { getFallBackElements } from "./fall-back-definition";
 import { getSorterPossibleElement } from "./sorter";
 import { getFiltersPossibleElement } from "./filter";
@@ -383,9 +383,6 @@ const buildType = (param: {
   return propertyType;
 };
 
-const getAltTypesPrime = (aggregation?: UI5Aggregation) =>
-  aggregation?.altTypes?.find((i) => i.kind === "PrimitiveType");
-
 const removeDuplicate = (builtType: PropertyType[]): PropertyType[] => {
   const result = builtType.reduce(
     (previous: PropertyType[], current: PropertyType) => {

packages/binding/src/services/diagnostics/validators/check-required.ts

@@ -1,24 +1,32 @@
-import { findRange } from "../../../utils";
+import { findRange, getAltTypesPrime } from "../../../utils";
 import {
   BindingIssue,
   BINDING_ISSUE_TYPE,
   BindingInfoElement,
 } from "../../../types";
 import { BindingParserTypes as BindingTypes } from "@ui5-language-assistant/binding-parser";
 import { t } from "../../../i18n";
+import { UI5Aggregation } from "@ui5-language-assistant/semantic-model-types";
 
 export const checkRequiredElement = (
   element: BindingTypes.StructureValue,
-  bindingElements: BindingInfoElement[]
+  bindingElements: BindingInfoElement[],
+  aggregation: UI5Aggregation | undefined
 ): BindingIssue[] => {
   // check required element
   const reqEl = bindingElements.find((i) => i.required);
   if (reqEl) {
     // check required element is applied
-    const usedRequiredEl = element.elements.find(
+    let usedRequiredEl = element.elements.find(
       /* istanbul ignore next */
       (i) => i.key?.text === reqEl.name
     );
+    const altTypes = getAltTypesPrime(aggregation);
+    if (!usedRequiredEl && altTypes) {
+      // some property e.g `tooltip` can be used with both `aggregation binding info` or `property binding info`. Therefore `altTypes` is defined in design time.
+      // if `altTypes` is present, check if any element is used. This is a very broad check to avoid false diagnostic.
+      usedRequiredEl = element.elements[0];
+    }
     if (!usedRequiredEl) {
       return [
         {

packages/binding/src/services/diagnostics/validators/issue-collector.ts

@@ -101,6 +101,6 @@ export const checkBinding = (
   issues.push(...checkDependents(bindingElements, binding));
   issues.push(...checkNestedParts(binding));
   issues.push(...checkBrackets(binding));
-  issues.push(...checkRequiredElement(binding, bindingElements));
+  issues.push(...checkRequiredElement(binding, bindingElements, aggregation));
   return issues;
 };

packages/binding/src/utils/index.ts

@@ -1,3 +1,8 @@
+import type {
+  UI5Aggregation,
+  UI5Type,
+} from "@ui5-language-assistant/semantic-model-types";
+
 export {
   typesToValue,
   valueTypeMap,
@@ -14,3 +19,8 @@ export { getCursorContext } from "./cursor";
 export { getLogger } from "./logger";
 
 export { getDocumentation } from "./documentation";
+
+export const getAltTypesPrime = (
+  aggregation?: UI5Aggregation
+): UI5Type | undefined =>
+  aggregation?.altTypes?.find((i) => i.kind === "PrimitiveType");

packages/binding/test/unit/services/diagnostics/validators/aggregation-binding-validator.test.ts

@@ -234,4 +234,10 @@ describe("aggregation binding", () => {
     const result = await validateView(snippet);
     expect(result.map((item) => issueToSnapshot(item))).toStrictEqual([]);
   });
+  it("tooltip [altTypes] - no diagnostics if any element used", async () => {
+    const snippet = `
+       <Text text="My Text" tooltip="{ parts:['']}"/>`;
+    const result = await validateView(snippet);
+    expect(result.map((item) => issueToSnapshot(item))).toStrictEqual([]);
+  });
 });