fix: dashed line for incomplete relationships COMPASS-10157 (#7647)

Author: paula-stacho

packages/compass-data-modeling/src/utils/nodes-and-edges.spec.ts

@@ -772,4 +772,25 @@ describe('relationshipToDiagramEdge', function () {
     expect(edge.sourceFieldIndex).to.equal(2);
     expect(edge.targetFieldIndex).to.equal(1);
   });
+
+  it('should choose animated for incomplete relationships', function () {
+    const incompleteEdge = relationshipToDiagramEdge(
+      {
+        ...relationship,
+        relationship: [
+          {
+            ...relationship.relationship[0],
+            fields: null,
+          },
+          relationship.relationship[1],
+        ],
+      },
+      false,
+      []
+    );
+    expect(incompleteEdge.animated).to.equal(true);
+
+    const completeEdge = relationshipToDiagramEdge(relationship, false, []);
+    expect(completeEdge.animated).to.equal(false);
+  });
 });

packages/compass-data-modeling/src/utils/nodes-and-edges.ts

@@ -245,5 +245,6 @@ export function relationshipToDiagramEdge(
     markerStart: source.cardinality === 1 ? 'one' : 'many',
     markerEnd: target.cardinality === 1 ? 'one' : 'many',
     selected,
+    animated: !isRelationshipValid(relationship),
   };
 }