test

gistfile1.txt

### Scenario: View collapsed node details
```gherkin
Given the application is loaded
And all nodes are in collapsed state
When I look at a collapsed data product node
Then I should see the data product name
And I should see the count of input ports
And I should see the count of output ports
And I should see an expand button with a chevron icon
And I should see connection handles on left and right sides
```

### Scenario: Expand a single data product node
```gherkin
Given the application is loaded
And all nodes are in collapsed state
When I click the expand button on Dataprodcut node
Then the Dataprodcut node expands to show its ports
And all directly connected nodes expand automatically
And the viewport centers on the expanded nodes group
And I should see an "Input Ports" section on the left
And I should see an "Output Ports" section on the right
And each section displays up to 5 ports per page
And I should see pagination controls if there are more than 5 ports
And the expand button changes to a collapse button
And direct edges are replaced with port-to-port edges where both nodes are expanded
```

### Scenario: Collapse an expanded data product node
```gherkin
Given Dataprodcut node is expanded
When I click the collapse button
Then the node collapses to show only the header
And the ports are hidden
And the collapse button changes back to an expand button
And port-to-port edges are replaced with direct node-to-node edges
And the viewport position is preserved
```

### Scenario: Navigate through port pagination
```gherkin
Given Dataprodcut node is expanded
And the node has more than 5 input ports
When I click the next page button in the Input Ports section
Then the display shows the next set of ports (items 6-10)
And the page indicator updates to show "Page 2"
And the previous page button becomes enabled
And edges update to show connections only for visible ports
When I click the previous page button
Then the display shows the first set of ports (items 1-5)
And the page indicator shows "Page 1"
And the previous page button becomes disabled
```

### Scenario: Select a port to view lineage
```gherkin
Given Dataproduct node is expanded
When I click on an output port
Then the selected port is highlighted in purple
And all ports in the upstream lineage are highlighted in green
And all ports in the downstream lineage are highlighted in green
And all edges in the lineage path are highlighted in blue with increased stroke width
And nodes in the lineage path maintain full opacity
And nodes connected to the lineage show reduced opacity (0.2)
And nodes not in the lineage or connected show reduced opacity (0.2)
```

### Scenario: View lineage for a collapsed node
```gherkin
Given all nodes are in collapsed state
When I click on the Dataproduct node
Then the node is selected
And all connected nodes in the lineage are highlighted
And all edges in the lineage path are highlighted in blue
And non-lineage nodes show reduced opacity
```