|
| 1 | +using NodeDev.EndToEndTests.Fixtures; |
| 2 | +using Xunit; |
| 3 | + |
| 4 | +namespace NodeDev.EndToEndTests.Tests; |
| 5 | + |
| 6 | +public class OverloadSelectionTests : E2ETestBase |
| 7 | +{ |
| 8 | + public OverloadSelectionTests(AppServerFixture app, PlaywrightFixture playwright) |
| 9 | + : base(app, playwright) |
| 10 | + { |
| 11 | + } |
| 12 | + |
| 13 | + [Fact(Timeout = 60_000)] |
| 14 | + public async Task SelectOverload_ShouldRefreshNodeVisually() |
| 15 | + { |
| 16 | + // Arrange - Create a new project and open Main method |
| 17 | + await HomePage.CreateNewProject(); |
| 18 | + await HomePage.OpenProjectExplorerProjectTab(); |
| 19 | + await HomePage.HasClass("Program"); |
| 20 | + await HomePage.ClickClass("Program"); |
| 21 | + await HomePage.OpenMethod("Main"); |
| 22 | + |
| 23 | + // Move Return node to make space for new nodes |
| 24 | + await HomePage.DragNodeTo("Return", 1200, 400); |
| 25 | + |
| 26 | + // Add Console.WriteLine node (has multiple overloads) |
| 27 | + await HomePage.SearchForNodes("Console.WriteLine"); |
| 28 | + await HomePage.AddNodeFromSearch("Console.WriteLine"); |
| 29 | + |
| 30 | + // Position the Console.WriteLine node |
| 31 | + await HomePage.DragNodeTo("Console.WriteLine", 700, 300); |
| 32 | + |
| 33 | + // Take screenshot of initial state |
| 34 | + await HomePage.TakeScreenshot("/tmp/overload-initial-state.png"); |
| 35 | + Console.WriteLine("✓ Initial state screenshot taken"); |
| 36 | + |
| 37 | + // Get the Console.WriteLine node and verify it has the overload icon |
| 38 | + var writeLineNode = HomePage.GetGraphNode("Console.WriteLine"); |
| 39 | + await writeLineNode.WaitForAsync(new() { State = Microsoft.Playwright.WaitForSelectorState.Visible }); |
| 40 | + |
| 41 | + var overloadIcon = writeLineNode.Locator(".overload-icon"); |
| 42 | + var overloadIconCount = await overloadIcon.CountAsync(); |
| 43 | + Assert.True(overloadIconCount > 0, "Console.WriteLine should have an overload selection icon"); |
| 44 | + Console.WriteLine($"✓ Found overload icon (count: {overloadIconCount})"); |
| 45 | + |
| 46 | + // Count initial ports before selecting overload |
| 47 | + var initialInputPorts = await writeLineNode.Locator(".col.input").CountAsync(); |
| 48 | + var initialOutputPorts = await writeLineNode.Locator(".col.output").CountAsync(); |
| 49 | + Console.WriteLine($"Initial state - Input ports: {initialInputPorts}, Output ports: {initialOutputPorts}"); |
| 50 | + |
| 51 | + // Act - Click the overload icon to open selection dialog |
| 52 | + await overloadIcon.ClickAsync(); |
| 53 | + await Task.Delay(300); // Wait for dialog to appear |
| 54 | + |
| 55 | + // Take screenshot of overload selection dialog |
| 56 | + await HomePage.TakeScreenshot("/tmp/overload-dialog-open.png"); |
| 57 | + Console.WriteLine("✓ Overload selection dialog screenshot taken"); |
| 58 | + |
| 59 | + // Verify the overload selection dialog is visible |
| 60 | + var overloadList = Page.Locator(".mud-list"); |
| 61 | + await overloadList.WaitForAsync(new() { State = Microsoft.Playwright.WaitForSelectorState.Visible, Timeout = 5000 }); |
| 62 | + |
| 63 | + var overloadItems = Page.Locator(".mud-list .mud-list-item"); |
| 64 | + var overloadCount = await overloadItems.CountAsync(); |
| 65 | + Assert.True(overloadCount >= 2, "Console.WriteLine should have at least 2 overloads"); |
| 66 | + Console.WriteLine($"✓ Found {overloadCount} overloads in selection dialog"); |
| 67 | + |
| 68 | + // Select a different overload (the second one in the list) |
| 69 | + await overloadItems.Nth(1).ClickAsync(); |
| 70 | + await Task.Delay(500); // Wait for selection to be applied and node to refresh |
| 71 | + |
| 72 | + // Take screenshot after overload selection |
| 73 | + await HomePage.TakeScreenshot("/tmp/overload-after-selection.png"); |
| 74 | + Console.WriteLine("✓ After selection screenshot taken"); |
| 75 | + |
| 76 | + // Assert - Verify the node is still visible and accessible (visual refresh occurred) |
| 77 | + // The key bug was that without calling Refresh(), the node wouldn't update visually |
| 78 | + var nodeStillVisible = await writeLineNode.IsVisibleAsync(); |
| 79 | + Assert.True(nodeStillVisible, "Console.WriteLine node should still be visible after overload selection"); |
| 80 | + Console.WriteLine("✓ Node is still visible after overload selection"); |
| 81 | + |
| 82 | + // Verify ports are accessible (indicating visual refresh occurred) |
| 83 | + var execInput = HomePage.GetGraphPort("Console.WriteLine", "Exec", isInput: true); |
| 84 | + var execOutput = HomePage.GetGraphPort("Console.WriteLine", "Exec", isInput: false); |
| 85 | + |
| 86 | + await execInput.WaitForAsync(new() { State = Microsoft.Playwright.WaitForSelectorState.Visible, Timeout = 5000 }); |
| 87 | + await execOutput.WaitForAsync(new() { State = Microsoft.Playwright.WaitForSelectorState.Visible, Timeout = 5000 }); |
| 88 | + |
| 89 | + var execInputVisible = await execInput.IsVisibleAsync(); |
| 90 | + var execOutputVisible = await execOutput.IsVisibleAsync(); |
| 91 | + |
| 92 | + Assert.True(execInputVisible, "Exec input port should be visible (node refreshed)"); |
| 93 | + Assert.True(execOutputVisible, "Exec output port should be visible (node refreshed)"); |
| 94 | + Console.WriteLine("✓ Exec ports are visible - node visual refresh occurred"); |
| 95 | + |
| 96 | + // Count ports after overload selection |
| 97 | + var finalInputPorts = await writeLineNode.Locator(".col.input").CountAsync(); |
| 98 | + var finalOutputPorts = await writeLineNode.Locator(".col.output").CountAsync(); |
| 99 | + Console.WriteLine($"After overload selection - Input ports: {finalInputPorts}, Output ports: {finalOutputPorts}"); |
| 100 | + |
| 101 | + // Verify the overload dialog is closed |
| 102 | + var dialogStillVisible = await overloadList.IsVisibleAsync(); |
| 103 | + Assert.False(dialogStillVisible, "Overload selection dialog should be closed after selection"); |
| 104 | + Console.WriteLine("✓ Overload selection dialog closed after selection"); |
| 105 | + |
| 106 | + // Take final screenshot showing the node is properly refreshed |
| 107 | + await HomePage.TakeScreenshot("/tmp/overload-final-state.png"); |
| 108 | + Console.WriteLine("✓ Final state screenshot taken"); |
| 109 | + |
| 110 | + Console.WriteLine("✅ Test completed successfully - node visually refreshed after overload selection without F5"); |
| 111 | + } |
| 112 | + |
| 113 | + [Fact(Timeout = 60_000)] |
| 114 | + public async Task SelectOverload_ShouldAllowConnectingToNewPorts() |
| 115 | + { |
| 116 | + // This test verifies that after selecting an overload, the new ports can be connected |
| 117 | + // demonstrating that the visual refresh allows immediate interaction |
| 118 | + |
| 119 | + // Arrange - Create a new project and open Main method |
| 120 | + await HomePage.CreateNewProject(); |
| 121 | + await HomePage.OpenProjectExplorerProjectTab(); |
| 122 | + await HomePage.HasClass("Program"); |
| 123 | + await HomePage.ClickClass("Program"); |
| 124 | + await HomePage.OpenMethod("Main"); |
| 125 | + |
| 126 | + // Move Return node to make space |
| 127 | + await HomePage.DragNodeTo("Return", 1500, 400); |
| 128 | + |
| 129 | + // Add Console.WriteLine node |
| 130 | + await HomePage.SearchForNodes("Console.WriteLine"); |
| 131 | + await HomePage.AddNodeFromSearch("Console.WriteLine"); |
| 132 | + await HomePage.DragNodeTo("Console.WriteLine", 800, 300); |
| 133 | + |
| 134 | + // Add a DeclareVariable node to provide string input |
| 135 | + await HomePage.SearchForNodes("DeclareVariable"); |
| 136 | + await HomePage.AddNodeFromSearch("DeclareVariable"); |
| 137 | + await HomePage.DragNodeTo("DeclareVariable", 400, 300); |
| 138 | + |
| 139 | + await Task.Delay(500); |
| 140 | + |
| 141 | + // Take screenshot of initial setup |
| 142 | + await HomePage.TakeScreenshot("/tmp/overload-connect-initial.png"); |
| 143 | + Console.WriteLine("✓ Initial setup screenshot taken"); |
| 144 | + |
| 145 | + // Change Console.WriteLine overload if needed |
| 146 | + var writeLineNode = HomePage.GetGraphNode("Console.WriteLine"); |
| 147 | + var overloadIcon = writeLineNode.Locator(".overload-icon"); |
| 148 | + |
| 149 | + if (await overloadIcon.CountAsync() > 0) |
| 150 | + { |
| 151 | + await overloadIcon.ClickAsync(); |
| 152 | + await Task.Delay(300); |
| 153 | + |
| 154 | + // Select first overload |
| 155 | + var overloadItems = Page.Locator(".mud-list .mud-list-item"); |
| 156 | + await overloadItems.First.ClickAsync(); |
| 157 | + await Task.Delay(500); |
| 158 | + |
| 159 | + // Take screenshot after overload selection |
| 160 | + await HomePage.TakeScreenshot("/tmp/overload-connect-after-selection.png"); |
| 161 | + Console.WriteLine("✓ After overload selection screenshot taken"); |
| 162 | + } |
| 163 | + |
| 164 | + // Act - Try to connect Entry to Console.WriteLine (should work if node refreshed properly) |
| 165 | + await HomePage.ConnectPorts("Entry", "Exec", "Console.WriteLine", "Exec"); |
| 166 | + await Task.Delay(300); |
| 167 | + |
| 168 | + // Take screenshot after connection |
| 169 | + await HomePage.TakeScreenshot("/tmp/overload-connect-after-connection.png"); |
| 170 | + Console.WriteLine("✓ After connection screenshot taken"); |
| 171 | + |
| 172 | + // Assert - Verify connection was successful |
| 173 | + // If the node didn't refresh properly, the connection would fail |
| 174 | + var execInput = HomePage.GetGraphPort("Console.WriteLine", "Exec", isInput: true); |
| 175 | + var isConnected = await execInput.IsVisibleAsync(); |
| 176 | + |
| 177 | + Assert.True(isConnected, "Should be able to connect to Console.WriteLine after overload selection"); |
| 178 | + Console.WriteLine("✓ Successfully connected to node after overload selection"); |
| 179 | + |
| 180 | + // Connect to Return as well |
| 181 | + await HomePage.ConnectPorts("Console.WriteLine", "Exec", "Return", "Exec"); |
| 182 | + await Task.Delay(300); |
| 183 | + |
| 184 | + // Take final screenshot |
| 185 | + await HomePage.TakeScreenshot("/tmp/overload-connect-final.png"); |
| 186 | + Console.WriteLine("✓ Final screenshot with all connections taken"); |
| 187 | + |
| 188 | + Console.WriteLine("✅ Test completed successfully - can connect to ports after overload selection"); |
| 189 | + } |
| 190 | +} |
0 commit comments