Skip to content

[BUG] Some bugs in shadow presentation in RenderableContentControl #205

[BUG] Some bugs in shadow presentation in RenderableContentControl

[BUG] Some bugs in shadow presentation in RenderableContentControl #205

GitHub Actions / Test report failed Aug 1, 2023 in 0s

Test report ❌

Tests failed

❌ TestResults/AXSharp.RenderableContent.Tests.csproj_net6.0.xml

57 tests were completed in 11s with 50 passed, 7 failed and 0 skipped.

Test suite Passed Failed Skipped Time
AXSharp.RenderableContent.Tests.ComponentServiceTests 30✅ 16ms
AXSharp.RenderableContent.Tests.RenderableContentTests 20✅ 7❌ 2s

❌ AXSharp.RenderableContent.Tests.RenderableContentTests

❌ Render_prgWeatherStations_Tabs_Successfull
	Bunit.HtmlEqualException : HTML comparison failed. 
	
	The following errors were found:
	  1: The values of the attributes at div(0) > div(0) > div(0) > div(1) > div(0) > div(7) > div(0) > input(1)[type] are different.
	  2: The values of the attributes at div(0) > div(0) > div(0) > div(1) > div(0) > div(8) > div(0) > input(1)[type] are different.
	
	Actual HTML: 
	<div name="prgWeatherStations" >
	  <div name="StackPanel" class="content p-3 ">
	    <div name="TabControl" class="w-100 ">
	      <ul class="nav nav-tabs mb-3">
	        <li class="nav-item">
	          <button type="button" class="nav-link active" >
	            <b>North pole station</b>
	          </button>
	        </li>
	        <li class="nav-item">
	          <button type="button" class="nav-link" >
	            <b>South pole station</b>
	          </button>
	        </li>
	        <li class="nav-item">
	          <button type="button" class="nav-link" >
	            <b>Verl, Germany</b>
	          </button>
	        </li>
	        <li class="nav-item">
	          <button type="button" class="nav-link" >
	            <b>Kriva, Slovakia</b>
	          </button>
	        </li>
	      </ul>
	      <div class="content">
	        <div name="StackPanel" class="content p-3 ">
	          <div>
	            <div name="prgWeatherStations-_weatherStations-NorthPole-StationICAO" class="w-100 form-group mb-2">
	              <label for="StationICAO_ee2708f4-b80e-4869-bc71-44a44f637f5d">Station name (ICAO)</label>
	              <input id="StationICAO_ee2708f4-b80e-4869-bc71-44a44f637f5d" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
	              <div class="invalid-feedback"></div>
	            </div>
	          </div>
	          <div>
	            <div name="prgWeatherStations-_weatherStations-NorthPole-StationStatus" class="w-100 form-group mb-2">
	              <label for="StationStatus_936c6d32-8a59-4ba5-8e15-294dbfe4c52d">Station status</label>
	              <input id="StationStatus_936c6d32-8a59-4ba5-8e15-294dbfe4c52d" class="w-100 form-control " readonly="readonly" style="background-color:transparent" value="Unknown  ">
	              <div class="invalid-feedback"></div>
	            </div>
	          </div>
	          <div>
	            <div name="prgWeatherStations-_weatherStations-NorthPole-Pressure" class="w-100 form-group mb-2">
	              <label for="Pressure_0db256bf-69a7-4730-ab88-7adc1059b9d6">Pressure</label>
	              <input id="Pressure_0db256bf-69a7-4730-ab88-7adc1059b9d6" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
	              <div class="invalid-feedback"></div>
	            </div>
	          </div>
	          <div>
	            <div name="prgWeatherStations-_weatherStations-NorthPole-Temp" class="w-100 form-group mb-2">
	              <label for="Temp_e7936f68-b04e-47f3-9513-fc9375d5daa5">Temperature</label>
	              <input id="Temp_e7936f68-b04e-47f3-9513-fc9375d5daa5" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
	              <div class="invalid-feedback"></div>
	            </div>
	          </div>
	          <div>
	            <div name="prgWeatherStations-_weatherStations-NorthPole-Visibility" class="w-100 form-group mb-2">
	              <label for="Visibility_444dbecc-1600-4743-b5c4-92d1d5d649e0">Visibility</label>
	              <input id="Visibility_444dbecc-1600-4743-b5c4-92d1d5d649e0" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
	              <div class="invalid-feedback"></div>
	            </div>
	          </div>
	          <div>
	            <div name="prgWeatherStations-_weatherStations-NorthPole-WindHeading" class="w-100 form-group mb-2">
	              <label for="WindHeading_fa249eb7-a2bc-48c0-a13e-555998d75fca">Wind heading</label>
	              <input id="WindHeading_fa249eb7-a2bc-48c0-a13e-555998d75fca" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
	              <div class="invalid-feedback"></div>
	            </div>
	          </div>
	          <div>
	            <div name="prgWeatherStations-_weatherStations-NorthPole-WindSpeed" class="w-100 form-group mb-2">
	              <label for="WindSpeed_f6d95bab-ee7b-4472-895f-0fae96d2537e">Wind speed</label>
	              <input id="WindSpeed_f6d95bab-ee7b-4472-895f-0fae96d2537e" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
	              <div class="invalid-feedback"></div>
	            </div>
	          </div>
	          <div>
	            <div name="prgWeatherStations-_weatherStations-NorthPole-TestDate" class="w-100 form-group mb-2">
	              <label for="TestDate_9371ddc1-1776-4a3b-86df-af8b75988fe0">TestDate</label>
	              <input id="TestDate_9371ddc1-1776-4a3b-86df-af8b75988fe0" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="1/1/0001">
	              <div class="invalid-feedback"></div>
	            </div>
	          </div>
	          <div>
	            <div name="prgWeatherStations-_weatherStations-NorthPole-TestDateTime" class="w-100 form-group mb-2">
	              <label for="TestDateTime_a4d48eab-287d-417d-9b66-f03c7adb85b9">TestDateTime</label>
	              <input id="TestDateTime_a4d48eab-287d-417d-9b66-f03c7adb85b9" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="1/1/0001 12:00:00 AM">
	              <div class="invalid-feedback"></div>
	            </div>
	          </div>
	          <div>
	            <div name="prgWeatherStations-_weatherStations-NorthPole-TestTimeOfDay" class="w-100 form-group mb-2">
	              <label for="TestTimeOfDay_45b8fa42-a669-4079-9636-cc4a94d2da6c">TestTimeOfDay</label>
	              <input id="TestTimeOfDay_45b8fa42-a669-4079-9636-cc4a94d2da6c" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="00:00:00">
	              <div class="invalid-feedback"></div>
	            </div>
	          </div>
	        </div>
	      </div>
	    </div>
	    <div name="GroupBox" class="card w-100 p-2">
	      <span style="font-weight: bold; padding-bottom:2px;">What plc says</span>
	      <div name="StackPanel" class="content p-3 ">
	        <div>
	          <div name="prgWeatherStations-PlcCommentOnCurrentWeather" class="w-100 form-group mb-2">
	            <label for="PlcCommentOnCurrentWeather_0c24a23e-6775-4d81-97cf-42cc5995d236">What plc says</label>
	            <input id="PlcCommentOnCurrentWeather_0c24a23e-6775-4d81-97cf-42cc5995d236" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
	            <div class="invalid-feedback"></div>
	          </div>
	        </div>
	      </div>
	    </div>
	  </div>
	</div>
	
	Expected HTML: 
	<div name="prgWeatherStations">
	  <div name="StackPanel" class="content p-3 ">
	    <div name="TabControl" class="w-100 ">
	      <ul class="nav nav-tabs mb-3">
	        <li class="nav-item">
	          <button type="button" class="nav-link active">
	            <b>North pole station</b>
	          </button>
	        </li>
	        <li class="nav-item">
	          <button type="button" class="nav-link">
	            <b>South pole station</b>
	          </button>
	        </li>
	        <li class="nav-item">
	          <button type="button" class="nav-link">
	            <b>Verl, Germany</b>
	          </button>
	        </li>
	        <li class="nav-item">
	          <button type="button" class="nav-link">
	            <b>Kriva, Slovakia</b>
	          </button>
	        </li>
	      </ul>
	      <div class="content">
	        <div name="StackPanel" class="content p-3 ">
	          <div>
	            <div name="prgWeatherStations-_weatherStations-NorthPole-StationICAO" class="w-100 form-group mb-2">
	              <label for:ignore:ignore="StationICAO_3e287b53-ab56-4e64-9444-6a4f422e79e5">Station name (ICAO)</label>
	              <input id:ignore="StationICAO_3e287b53-ab56-4e64-9444-6a4f422e79e5" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
	              <div class="invalid-feedback"></div>
	            </div>
	          </div>
	          <div>
	            <div name="prgWeatherStations-_weatherStations-NorthPole-StationStatus" class="w-100 form-group mb-2">
	              <label for:ignore="StationStatus_2e16e57b-c6a9-43ee-950d-bd5649f75d84">Station status</label>
	              <input id:ignore="StationStatus_2e16e57b-c6a9-43ee-950d-bd5649f75d84" class="w-100 form-control " readonly="readonly" style="background-color:transparent" value:ignore="Unknown  ">
	              <div class="invalid-feedback"></div>
	            </div>
	          </div>
	          <div>
	            <div name="prgWeatherStations-_weatherStations-NorthPole-Pressure" class="w-100 form-group mb-2">
	              <label for:ignore="Pressure_55e9ed8c-912b-4ac0-934d-99ecb395d1ef">Pressure</label>
	              <input id:ignore="Pressure_55e9ed8c-912b-4ac0-934d-99ecb395d1ef" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
	              <div class="invalid-feedback"></div>
	            </div>
	          </div>
	          <div>
	            <div name="prgWeatherStations-_weatherStations-NorthPole-Temp" class="w-100 form-group mb-2">
	              <label for:ignore="Temp_e8a3e64f-56fe-4568-b818-042b3f266f87">Temperature</label>
	              <input id:ignore="Temp_e8a3e64f-56fe-4568-b818-042b3f266f87" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
	              <div class="invalid-feedback"></div>
	            </div>
	          </div>
	          <div>
	            <div name="prgWeatherStations-_weatherStations-NorthPole-Visibility" class="w-100 form-group mb-2">
	              <label for:ignore="Visibility_084d445c-d028-4cc1-b6f3-01692528c854">Visibility</label>
	              <input id:ignore="Visibility_084d445c-d028-4cc1-b6f3-01692528c854" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
	              <div class="invalid-feedback"></div>
	            </div>
	          </div>
	          <div>
	            <div name="prgWeatherStations-_weatherStations-NorthPole-WindHeading" class="w-100 form-group mb-2">
	              <label for:ignore="WindHeading_c34498d3-026d-4324-9b8d-1e7f82104092">Wind heading</label>
	              <input id:ignore="WindHeading_c34498d3-026d-4324-9b8d-1e7f82104092" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
	              <div class="invalid-feedback"></div>
	            </div>
	          </div>
	          <div>
	            <div name="prgWeatherStations-_weatherStations-NorthPole-WindSpeed" class="w-100 form-group mb-2">
	              <label for:ignore="WindSpeed_44af75c9-0e53-49ee-b845-85e590d378b2">Wind speed</label>
	              <input id:ignore="WindSpeed_44af75c9-0e53-49ee-b845-85e590d378b2" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
	              <div class="invalid-feedback"></div>
	            </div>
	          </div>
	          <div>
	            <div name="prgWeatherStations-_weatherStations-NorthPole-TestDate" class="w-100 form-group mb-2">
	              <label for:ignore="TestDate_ff28cc36-83ee-4ca2-ae01-7917ed83c6cc">TestDate</label>
	              <input id:ignore="TestDate_ff28cc36-83ee-4ca2-ae01-7917ed83c6cc" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="date" value:ignore="1. 1. 0001">
	              <div class="invalid-feedback"></div>
	            </div>
	          </div>
	          <div>
	            <div name="prgWeatherStations-_weatherStations-NorthPole-TestDateTime" class="w-100 form-group mb-2">
	              <label for:ignore="TestDateTime_b853eca9-61d4-423f-b4c0-64fa2010bed1">TestDateTime</label>
	              <input id:ignore="TestDateTime_b853eca9-61d4-423f-b4c0-64fa2010bed1" class="w-100 form-control " style="background-color:transparent" readonly="readonly" type="datetime" value:ignore="1. 1. 0001 0:00:00">
	              <div class="invalid-feedback"></div>
	            </div>
	          </div>
	          <div>
	            <div name="prgWeatherStations-_weatherStations-NorthPole-TestTimeOfDay" class="w-100 form-group mb-2">
	              <label for:ignore="TestTimeOfDay_ae7da96a-bc51-4b44-bb2a-a3e7ad5bf547">TestTimeOfDay</label>
	              <input id:ignore="TestTimeOfDay_ae7da96a-bc51-4b44-bb2a-a3e7ad5bf547" class="w-100 form-control " style="background-color:transparent" type="text" value:ignore="00:00:00" readonly="readonly">
	              <div class="invalid-feedback"></div>
	            </div>
	          </div>
	        </div>
	      </div>
	    </div>
	    <div name="GroupBox" class="card w-100 p-2">
	      <span style="font-weight: bold; padding-bottom:2px;">What plc says</span>
	      <div name="StackPanel" class="content p-3 ">
	        <div>
	          <div name="prgWeatherStations-PlcCommentOnCurrentWeather" class="w-100 form-group mb-2">
	            <label for:ignore="PlcCommentOnCurrentWeather_15c6616b-08d9-481d-b61f-23d7fc923426">What plc says</label>
	            <input id:ignore="PlcCommentOnCurrentWeather_15c6616b-08d9-481d-b61f-23d7fc923426" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
	            <div class="invalid-feedback"></div>
	          </div>
	        </div>
	      </div>
	    </div>
	  </div>
	</div>
	
❌ Render_stTestComplex_Success
	Bunit.HtmlEqualException : HTML comparison failed. 
	
	The following errors were found:
	  1: The values of the attributes at div(0) > div(4) > div(3) > div(0) > input(1)[type] are different.
	
	Actual HTML: 
	<div name="testingProgram-testComplex" >
	  <div name="testingProgram-testComplex-testInteger" class="w-100 form-group mb-2">
	    <label for="testInteger_63d79974-b82e-4556-9d49-331d0fba8379">Integer From PLC</label>
	    <input id="testInteger_63d79974-b82e-4556-9d49-331d0fba8379" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
	    <div class="invalid-feedback"></div>
	  </div>
	  <div name="testingProgram-testComplex-testComplexInstance-stComplexInteger" class="w-100 form-group mb-2">
	    <label for="stComplexInteger_2d6119ca-633a-47b7-ba87-943545526c0a">Integer From PLC</label>
	    <input id="stComplexInteger_2d6119ca-633a-47b7-ba87-943545526c0a" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
	    <div class="invalid-feedback"></div>
	  </div>
	  <div name="testingProgram-testComplex-testComplexInstance-stComplexString" class="w-100 form-group mb-2">
	    <label for="stComplexString_35fc4e54-e872-469f-87e4-92239d3cecb8">String From PLC</label>
	    <input id="stComplexString_35fc4e54-e872-469f-87e4-92239d3cecb8" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
	    <div class="invalid-feedback"></div>
	  </div>
	  <div name="testingProgram-testComplex-testString" class="w-100 form-group mb-2">
	    <label for="testString_ef364773-cdb6-4552-ac9f-134f7f253c3b">String From PLC</label>
	    <input id="testString_ef364773-cdb6-4552-ac9f-134f7f253c3b" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
	    <div class="invalid-feedback"></div>
	  </div>
	  <div name="StackPanel" class="content p-3 ">
	    <div>
	      <div name="testingProgram-testComplex-testComplexUnknownInstance-stComplexUnknownString" class="w-100 form-group mb-2">
	        <label for="stComplexUnknownString_c6cb425e-55a8-4948-801c-c1c30ffec7a4">String unknown From PLC</label>
	        <input id="stComplexUnknownString_c6cb425e-55a8-4948-801c-c1c30ffec7a4" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div>
	      <div name="testingProgram-testComplex-testComplexUnknownInstance-testBool" class="w-100 form-group mb-2">
	        <label for="testBool_ec3800e6-7001-40b8-b498-9996ae0bf2e3">BOOL unknown From PLC</label>
	        <div class="form-check form-switch">
	          <input id="testBool_ec3800e6-7001-40b8-b498-9996ae0bf2e3" disabled="" class="form-check-input " type="checkbox" >
	        </div>
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div>
	      <div name="testingProgram-testComplex-testComplexUnknownInstance-stComplexUnknowInteger" class="w-100 form-group mb-2">
	        <label for="stComplexUnknowInteger_51765ede-7926-47f2-b452-bcb6eadb2767">Integer unknown From PLC</label>
	        <input id="stComplexUnknowInteger_51765ede-7926-47f2-b452-bcb6eadb2767" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div>
	      <div name="testingProgram-testComplex-testComplexUnknownInstance-TestDate" class="w-100 form-group mb-2">
	        <label for="TestDate_00d18fa8-6b44-4c3f-a562-8cc98a5ea9f8">DATE unknown From PLC</label>
	        <input id="TestDate_00d18fa8-6b44-4c3f-a562-8cc98a5ea9f8" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="1/1/0001">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	  </div>
	</div>
	
	Expected HTML: 
	<div name="testingProgram-testComplex">
	  <div name="testingProgram-testComplex-testInteger" class="w-100 form-group mb-2">
	    <label for:ignore="testInteger_7219ca52-6dc3-43c2-945d-e3aec3f37441">Integer From PLC</label>
	    <input id:ignore="testInteger_7219ca52-6dc3-43c2-945d-e3aec3f37441" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
	    <div class="invalid-feedback"></div>
	  </div>
	  <div name="testingProgram-testComplex-testComplexInstance-stComplexInteger" class="w-100 form-group mb-2">
	    <label for:ignore="stComplexInteger_2d265cb6-bade-4742-addf-ad84bb13f1e7">Integer From PLC</label>
	    <input id:ignore="stComplexInteger_2d265cb6-bade-4742-addf-ad84bb13f1e7" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
	    <div class="invalid-feedback"></div>
	  </div>
	  <div name="testingProgram-testComplex-testComplexInstance-stComplexString" class="w-100 form-group mb-2">
	    <label for:ignore="stComplexString_77ec5ca5-028d-4082-a43e-816143b23bde">String From PLC</label>
	    <input id:ignore="stComplexString_77ec5ca5-028d-4082-a43e-816143b23bde" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
	    <div class="invalid-feedback"></div>
	  </div>
	  <div name="testingProgram-testComplex-testString" class="w-100 form-group mb-2">
	    <label for:ignore="testString_0577aee3-472b-44c3-8742-49ec98ecfb11">String From PLC</label>
	    <input id:ignore="testString_0577aee3-472b-44c3-8742-49ec98ecfb11" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
	    <div class="invalid-feedback"></div>
	  </div>
	  <div name="StackPanel" class="content p-3 ">
	    <div>
	      <div name="testingProgram-testComplex-testComplexUnknownInstance-stComplexUnknownString" class="w-100 form-group mb-2">
	        <label for:ignore="stComplexUnknownString_459c6480-5922-441e-9d67-7691277223a7">String unknown From PLC</label>
	        <input id:ignore="stComplexUnknownString_459c6480-5922-441e-9d67-7691277223a7" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div>
	      <div name="testingProgram-testComplex-testComplexUnknownInstance-testBool" class="w-100 form-group mb-2">
	        <label for:ignore="testBool_f0fd6ce6-a8df-4617-885c-a7a1327524f3">BOOL unknown From PLC</label>
	        <div class="form-check form-switch">
	          <input id:ignore="testBool_f0fd6ce6-a8df-4617-885c-a7a1327524f3" class="form-check-input " type="checkbox" disabled="">
	        </div>
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div>
	      <div name="testingProgram-testComplex-testComplexUnknownInstance-stComplexUnknowInteger" class="w-100 form-group mb-2">
	        <label for:ignore="stComplexUnknowInteger_33dbb7db-0dc3-4060-975e-ef2d7ee3c1b0">Integer unknown From PLC</label>
	        <input id:ignore="stComplexUnknowInteger_33dbb7db-0dc3-4060-975e-ef2d7ee3c1b0" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div>
	      <div name="testingProgram-testComplex-testComplexUnknownInstance-TestDate" class="w-100 form-group mb-2">
	        <label for:ignore="TestDate_a33cc9b1-ac55-48c8-a937-4b35f5580f5d">DATE unknown From PLC</label>
	        <input id:ignore="TestDate_a33cc9b1-ac55-48c8-a937-4b35f5580f5d" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="date" value:ignore="1. 1. 0001">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	  </div>
	</div>
	
✅ Render_stTestEmpty_Success
✅ Render_stTestEnum_Success
❌ Render_stTestLayoutOverwrite_Success
	Bunit.HtmlEqualException : HTML comparison failed. 
	
	The following errors were found:
	  1: The values of the attributes at div(0) > div(0) > div(4) > div(0) > div(0) > div(0) > div(1) > div(0) > div(7) > div(0) > input(1)[type] are different.
	  2: The values of the attributes at div(0) > div(0) > div(4) > div(0) > div(0) > div(0) > div(1) > div(0) > div(8) > div(0) > input(1)[type] are different.
	
	Actual HTML: 
	<div name="testingProgram-testLayoutOverwrite" >
	  <div name="UniformGrid" class="d-flex flex-nowrap w-100 ">
	    <div class="p-2 " style="flex: 1;">
	      <div name="testingProgram-testLayoutOverwrite-ix_bool" class="w-100 form-group mb-2">
	        <label for="ix_bool_5a9022c3-3c7f-41e2-b734-94b76bc9d10e">ix_bool</label>
	        <div class="form-check form-switch">
	          <input id="ix_bool_5a9022c3-3c7f-41e2-b734-94b76bc9d10e" disabled="" class="form-check-input " type="checkbox" >
	        </div>
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2 " style="flex: 1;">
	      <div name="testingProgram-testLayoutOverwrite-ix_int" class="w-100 form-group mb-2">
	        <label for="ix_int_3d1e0830-6a98-4ee0-a5d8-4ec38e547137">ix_int</label>
	        <input id="ix_int_3d1e0830-6a98-4ee0-a5d8-4ec38e547137" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2 " style="flex: 1;">
	      <div name="testingProgram-testLayoutOverwrite-ix_string" class="w-100 form-group mb-2">
	        <label for="ix_string_8377775e-85f8-4301-ab2d-528c69c0576c">ix_string</label>
	        <input id="ix_string_8377775e-85f8-4301-ab2d-528c69c0576c" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2 flex-even uniformGridItem">
	      <div name="WrapPanel" class="d-flex flex-wrap ">
	        <div class="p-2 ">
	          <div name="testingProgram-testLayoutOverwrite-simple-Piston_A1" class="w-100 form-group mb-2">
	            <label for="Piston_A1_2748b727-e6cd-4d74-a2ea-4d7562f1c88a">A1</label>
	            <input id="Piston_A1_2748b727-e6cd-4d74-a2ea-4d7562f1c88a" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
	            <div class="invalid-feedback"></div>
	          </div>
	        </div>
	        <div class="p-2 ">
	          <div name="testingProgram-testLayoutOverwrite-simple-Piston_A2" class="w-100 form-group mb-2">
	            <label for="Piston_A2_9df8d3d9-e418-4e08-b946-1e9a0cd3b018">A2</label>
	            <input id="Piston_A2_9df8d3d9-e418-4e08-b946-1e9a0cd3b018" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
	            <div class="invalid-feedback"></div>
	          </div>
	        </div>
	        <div class="p-2 ">
	          <div name="testingProgram-testLayoutOverwrite-simple-Piston_A3" class="w-100 form-group mb-2">
	            <label for="Piston_A3_53c7a34d-7421-4aa0-bc33-da9516903c4e">A3</label>
	            <input id="Piston_A3_53c7a34d-7421-4aa0-bc33-da9516903c4e" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
	            <div class="invalid-feedback"></div>
	          </div>
	        </div>
	        <div class="p-2 ">
	          <div name="testingProgram-testLayoutOverwrite-simple-Piston_A4" class="w-100 form-group mb-2">
	            <label for="Piston_A4_63aed4c0-2738-4554-829f-0f51470d1a98">A4</label>
	            <input id="Piston_A4_63aed4c0-2738-4554-829f-0f51470d1a98" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
	            <div class="invalid-feedback"></div>
	          </div>
	        </div>
	      </div>
	    </div>
	    <div class="p-2 flex-even uniformGridItem">
	      <div name="WrapPanel" class="d-flex flex-wrap ">
	        <div class="p-2 wrapItem">
	          <div name="TabControl" class="w-100 ">
	            <ul class="nav nav-tabs mb-3">
	              <li class="nav-item">
	                <button type="button" class="nav-link active" >
	                  <b>North pole station</b>
	                </button>
	              </li>
	              <li class="nav-item">
	                <button type="button" class="nav-link" >
	                  <b>South pole station</b>
	                </button>
	              </li>
	              <li class="nav-item">
	                <button type="button" class="nav-link" >
	                  <b>Verl, Germany</b>
	                </button>
	              </li>
	              <li class="nav-item">
	                <button type="button" class="nav-link" >
	                  <b>Kriva, Slovakia</b>
	                </button>
	              </li>
	            </ul>
	            <div class="content">
	              <div name="StackPanel" class="content p-3 ">
	                <div>
	                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-StationICAO" class="w-100 form-group mb-2">
	                    <label for="StationICAO_f197ee1e-dae4-4277-bcfd-df038b704c3f">Station name (ICAO)</label>
	                    <input id="StationICAO_f197ee1e-dae4-4277-bcfd-df038b704c3f" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
	                    <div class="invalid-feedback"></div>
	                  </div>
	                </div>
	                <div>
	                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-StationStatus" class="w-100 form-group mb-2">
	                    <label for="StationStatus_1669ee2e-c1e9-4aa9-bcd5-7982d4755f44">Station status</label>
	                    <input id="StationStatus_1669ee2e-c1e9-4aa9-bcd5-7982d4755f44" class="w-100 form-control " readonly="readonly" style="background-color:transparent" value="Unknown  ">
	                    <div class="invalid-feedback"></div>
	                  </div>
	                </div>
	                <div>
	                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-Pressure" class="w-100 form-group mb-2">
	                    <label for="Pressure_5a85038c-082e-43a9-be56-e38a13b3ac08">Pressure</label>
	                    <input id="Pressure_5a85038c-082e-43a9-be56-e38a13b3ac08" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
	                    <div class="invalid-feedback"></div>
	                  </div>
	                </div>
	                <div>
	                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-Temp" class="w-100 form-group mb-2">
	                    <label for="Temp_ecb991c4-f913-4737-9e0c-8717f0a88f3a">Temperature</label>
	                    <input id="Temp_ecb991c4-f913-4737-9e0c-8717f0a88f3a" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
	                    <div class="invalid-feedback"></div>
	                  </div>
	                </div>
	                <div>
	                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-Visibility" class="w-100 form-group mb-2">
	                    <label for="Visibility_2c24723e-4fdf-452e-9010-b2b692840446">Visibility</label>
	                    <input id="Visibility_2c24723e-4fdf-452e-9010-b2b692840446" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
	                    <div class="invalid-feedback"></div>
	                  </div>
	                </div>
	                <div>
	                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-WindHeading" class="w-100 form-group mb-2">
	                    <label for="WindHeading_85e900c0-a144-4a21-af1c-1c609bfc0d58">Wind heading</label>
	                    <input id="WindHeading_85e900c0-a144-4a21-af1c-1c609bfc0d58" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
	                    <div class="invalid-feedback"></div>
	                  </div>
	                </div>
	                <div>
	                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-WindSpeed" class="w-100 form-group mb-2">
	                    <label for="WindSpeed_ff66d0e5-a4a6-41d7-8bbd-43a0c2246f36">Wind speed</label>
	                    <input id="WindSpeed_ff66d0e5-a4a6-41d7-8bbd-43a0c2246f36" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
	                    <div class="invalid-feedback"></div>
	                  </div>
	                </div>
	                <div>
	                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-TestDate" class="w-100 form-group mb-2">
	                    <label for="TestDate_c894beba-2481-4b9d-bc43-485644cbfaff">TestDate</label>
	                    <input id="TestDate_c894beba-2481-4b9d-bc43-485644cbfaff" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="1/1/0001">
	                    <div class="invalid-feedback"></div>
	                  </div>
	                </div>
	                <div>
	                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-TestDateTime" class="w-100 form-group mb-2">
	                    <label for="TestDateTime_1456b912-435d-42cd-8408-41e98e6823a6">TestDateTime</label>
	                    <input id="TestDateTime_1456b912-435d-42cd-8408-41e98e6823a6" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="1/1/0001 12:00:00 AM">
	                    <div class="invalid-feedback"></div>
	                  </div>
	                </div>
	                <div>
	                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-TestTimeOfDay" class="w-100 form-group mb-2">
	                    <label for="TestTimeOfDay_33d1d38e-6f62-4a5b-ba76-40a82428e4e6">TestTimeOfDay</label>
	                    <input id="TestTimeOfDay_33d1d38e-6f62-4a5b-ba76-40a82428e4e6" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="00:00:00">
	                    <div class="invalid-feedback"></div>
	                  </div>
	                </div>
	              </div>
	            </div>
	          </div>
	        </div>
	        <div class="p-2 wrapItem">
	          <div name="GroupBox" class="card w-100 p-2">
	            <span style="font-weight: bold; padding-bottom:2px;">What plc says</span>
	            <div name="StackPanel" class="content p-3 ">
	              <div>
	                <div name="testingProgram-testLayoutOverwrite-weather-PlcCommentOnCurrentWeather" class="w-100 form-group mb-2">
	                  <label for="PlcCommentOnCurrentWeather_997ce62e-f15e-466a-87ee-3eea42c80004">What plc says</label>
	                  <input id="PlcCommentOnCurrentWeather_997ce62e-f15e-466a-87ee-3eea42c80004" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
	                  <div class="invalid-feedback"></div>
	                </div>
	              </div>
	            </div>
	          </div>
	        </div>
	      </div>
	    </div>
	  </div>
	</div>
	
	Expected HTML: 
	<div name="testingProgram-testLayoutOverwrite">
	  <div name="UniformGrid" class="d-flex flex-nowrap w-100 ">
	    <div class="p-2 " style="flex: 1;">
	      <div name="testingProgram-testLayoutOverwrite-ix_bool" class="w-100 form-group mb-2">
	        <label for:ignore="ix_bool_5c6e6124-5dad-4a9b-9d2d-46cc8fffe6cc">ix_bool</label>
	        <div class="form-check form-switch">
	          <input id:ignore="ix_bool_5c6e6124-5dad-4a9b-9d2d-46cc8fffe6cc" class="form-check-input " type="checkbox" disabled="">
	        </div>
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2 " style="flex: 1;">
	      <div name="testingProgram-testLayoutOverwrite-ix_int" class="w-100 form-group mb-2">
	        <label for:ignore="ix_int_f98488ef-ed9b-456a-8d53-f8bb5709cf4f">ix_int</label>
	        <input id:ignore="ix_int_f98488ef-ed9b-456a-8d53-f8bb5709cf4f" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2 " style="flex: 1;">
	      <div name="testingProgram-testLayoutOverwrite-ix_string" class="w-100 form-group mb-2">
	        <label for:ignore="ix_string_e9d5bb54-fc1f-4b34-a2eb-87a63b64ac00">ix_string</label>
	        <input id:ignore="ix_string_e9d5bb54-fc1f-4b34-a2eb-87a63b64ac00" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2 flex-even uniformGridItem">
	      <div name="WrapPanel" class="d-flex flex-wrap ">
	        <div class="p-2 ">
	          <div name="testingProgram-testLayoutOverwrite-simple-Piston_A1" class="w-100 form-group mb-2">
	            <label for:ignore="Piston_A1_fb810785-07c3-4eb8-8ce3-eee50b00d48c">A1</label>
	            <input id:ignore="Piston_A1_fb810785-07c3-4eb8-8ce3-eee50b00d48c" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
	            <div class="invalid-feedback"></div>
	          </div>
	        </div>
	        <div class="p-2 ">
	          <div name="testingProgram-testLayoutOverwrite-simple-Piston_A2" class="w-100 form-group mb-2">
	            <label for:ignore="Piston_A2_fe85fb45-0271-497b-9a62-6ef6a3bc15ab">A2</label>
	            <input id:ignore="Piston_A2_fe85fb45-0271-497b-9a62-6ef6a3bc15ab" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
	            <div class="invalid-feedback"></div>
	          </div>
	        </div>
	        <div class="p-2 ">
	          <div name="testingProgram-testLayoutOverwrite-simple-Piston_A3" class="w-100 form-group mb-2">
	            <label for:ignore="Piston_A3_1f695cbf-d57a-4903-9fa9-2c022ddf5ec0">A3</label>
	            <input id:ignore="Piston_A3_1f695cbf-d57a-4903-9fa9-2c022ddf5ec0" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
	            <div class="invalid-feedback"></div>
	          </div>
	        </div>
	        <div class="p-2 ">
	          <div name="testingProgram-testLayoutOverwrite-simple-Piston_A4" class="w-100 form-group mb-2">
	            <label for:ignore="Piston_A4_eb48074a-78db-43bc-a43d-ff5565ef0c4a">A4</label>
	            <input id:ignore="Piston_A4_eb48074a-78db-43bc-a43d-ff5565ef0c4a" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
	            <div class="invalid-feedback"></div>
	          </div>
	        </div>
	      </div>
	    </div>
	    <div class="p-2 flex-even uniformGridItem">
	      <div name="WrapPanel" class="d-flex flex-wrap ">
	        <div class="p-2 wrapItem">
	          <div name="TabControl" class="w-100 ">
	            <ul class="nav nav-tabs mb-3">
	              <li class="nav-item">
	                <button type="button" class="nav-link active">
	                  <b>North pole station</b>
	                </button>
	              </li>
	              <li class="nav-item">
	                <button type="button" class="nav-link">
	                  <b>South pole station</b>
	                </button>
	              </li>
	              <li class="nav-item">
	                <button type="button" class="nav-link">
	                  <b>Verl, Germany</b>
	                </button>
	              </li>
	              <li class="nav-item">
	                <button type="button" class="nav-link">
	                  <b>Kriva, Slovakia</b>
	                </button>
	              </li>
	            </ul>
	            <div class="content">
	              <div name="StackPanel" class="content p-3 ">
	                <div>
	                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-StationICAO" class="w-100 form-group mb-2">
	                    <label for:ignore="StationICAO_0136ed6b-cb31-4bd8-bbc5-d45792bb121f">Station name (ICAO)</label>
	                    <input id:ignore="StationICAO_0136ed6b-cb31-4bd8-bbc5-d45792bb121f" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
	                    <div class="invalid-feedback"></div>
	                  </div>
	                </div>
	                <div>
	                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-StationStatus" class="w-100 form-group mb-2">
	                    <label for:ignore="StationStatus_6054b741-8528-4af2-ba26-9b0ad115eb0c">Station status</label>
	                    <input id:ignore="StationStatus_6054b741-8528-4af2-ba26-9b0ad115eb0c" class="w-100 form-control " readonly="readonly" style="background-color:transparent" value:ignore="Unknown  ">
	                    <div class="invalid-feedback"></div>
	                  </div>
	                </div>
	                <div>
	                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-Pressure" class="w-100 form-group mb-2">
	                    <label for:ignore="Pressure_f64b3671-e9e7-4ac9-8a36-8653baa63103">Pressure</label>
	                    <input id:ignore="Pressure_f64b3671-e9e7-4ac9-8a36-8653baa63103" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
	                    <div class="invalid-feedback"></div>
	                  </div>
	                </div>
	                <div>
	                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-Temp" class="w-100 form-group mb-2">
	                    <label for:ignore="Temp_01982d87-5020-466d-b854-05903c6c30ab">Temperature</label>
	                    <input id:ignore="Temp_01982d87-5020-466d-b854-05903c6c30ab" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
	                    <div class="invalid-feedback"></div>
	                  </div>
	                </div>
	                <div>
	                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-Visibility" class="w-100 form-group mb-2">
	                    <label for:ignore="Visibility_5fa762e1-1e05-4855-9052-813e0bdb06a9">Visibility</label>
	                    <input id:ignore="Visibility_5fa762e1-1e05-4855-9052-813e0bdb06a9" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
	                    <div class="invalid-feedback"></div>
	                  </div>
	                </div>
	                <div>
	                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-WindHeading" class="w-100 form-group mb-2">
	                    <label for:ignore="WindHeading_5f3f4a5a-3246-4e61-a537-3d4b9630c9d4">Wind heading</label>
	                    <input id:ignore="WindHeading_5f3f4a5a-3246-4e61-a537-3d4b9630c9d4" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
	                    <div class="invalid-feedback"></div>
	                  </div>
	                </div>
	                <div>
	                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-WindSpeed" class="w-100 form-group mb-2">
	                    <label for:ignore="WindSpeed_c43dfc4a-b0cb-4fc9-8f55-1e64f4ba87d5">Wind speed</label>
	                    <input id:ignore="WindSpeed_c43dfc4a-b0cb-4fc9-8f55-1e64f4ba87d5" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
	                    <div class="invalid-feedback"></div>
	                  </div>
	                </div>
	                <div>
	                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-TestDate" class="w-100 form-group mb-2">
	                    <label for:ignore="TestDate_4b94518f-520e-4d65-845c-6d16f4d6093f">TestDate</label>
	                    <input id:ignore="TestDate_4b94518f-520e-4d65-845c-6d16f4d6093f" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="date" value:ignore="1. 1. 0001">
	                    <div class="invalid-feedback"></div>
	                  </div>
	                </div>
	                <div>
	                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-TestDateTime" class="w-100 form-group mb-2">
	                    <label for:ignore="TestDateTime_091454dd-a54e-4e22-8e49-4a21184590e2">TestDateTime</label>
	                    <input id:ignore="TestDateTime_091454dd-a54e-4e22-8e49-4a21184590e2" class="w-100 form-control " style="background-color:transparent" readonly="readonly" type="datetime" value:ignore="1. 1. 0001 0:00:00">
	                    <div class="invalid-feedback"></div>
	                  </div>
	                </div>
	                <div>
	                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-TestTimeOfDay" class="w-100 form-group mb-2">
	                    <label for:ignore="TestTimeOfDay_eddd2ed2-7029-4230-93e3-66aaff374af1">TestTimeOfDay</label>
	                    <input id:ignore="TestTimeOfDay_eddd2ed2-7029-4230-93e3-66aaff374af1" class="w-100 form-control " style="background-color:transparent" type="text" value:ignore="00:00:00" readonly="readonly">
	                    <div class="invalid-feedback"></div>
	                  </div>
	                </div>
	              </div>
	            </div>
	          </div>
	        </div>
	        <div class="p-2 wrapItem">
	          <div name="GroupBox" class="card w-100 p-2">
	            <span style="font-weight: bold; padding-bottom:2px;">What plc says</span>
	            <div name="StackPanel" class="content p-3 ">
	              <div>
	                <div name="testingProgram-testLayoutOverwrite-weather-PlcCommentOnCurrentWeather" class="w-100 form-group mb-2">
	                  <label for:ignore="PlcCommentOnCurrentWeather_655ccd78-3efd-44a6-b0a5-0ce7311f345d">What plc says</label>
	                  <input id:ignore="PlcCommentOnCurrentWeather_655ccd78-3efd-44a6-b0a5-0ce7311f345d" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
	                  <div class="invalid-feedback"></div>
	                </div>
	              </div>
	            </div>
	          </div>
	        </div>
	      </div>
	    </div>
	  </div>
	</div>
	
✅ Render_stTestLayouts_Border_Stack_Successfull
✅ Render_stTestLayouts_Border_Tabs_Successfull
✅ Render_stTestLayouts_Border_UniformGrid_Successfull
✅ Render_stTestLayouts_Border_Wrap_Successfull
✅ Render_stTestLayouts_GroupBox_Stack_Successfull
✅ Render_stTestLayouts_GroupBox_Tabs_Successfull
✅ Render_stTestLayouts_GroupBox_UniformGrid_Successfull
✅ Render_stTestLayouts_GroupBox_Wrap_Successfull
✅ Render_stTestLayouts_Stack_Successfull
✅ Render_stTestLayouts_Tabs_Successfull
✅ Render_stTestLayouts_Uniform_Successfull
✅ Render_stTestLayouts_Wrap_Successfull
✅ Render_stTestMixed_Success
✅ Render_stTestMultipleLayouts_Success
✅ Render_stTestMultipleNested_TabsAndComples_Successfull
❌ Render_stTestPrimitive_Wrap_Success
	Bunit.HtmlEqualException : HTML comparison failed. 
	
	The following errors were found:
	  1: The values of the attributes at div(0) > div(0) > div(8) > div(0) > input(1)[type] are different.
	  2: The values of the attributes at div(0) > div(0) > div(9) > div(0) > input(1)[type] are different.
	
	Actual HTML: 
	<div name="testingProgram-testPrimitive" >
	  <div name="WrapPanel" class="d-flex flex-wrap ">
	    <div class="p-2 ">
	      <div name="testingProgram-testPrimitive-testInteger" class="w-100 form-group mb-2">
	        <label for="testInteger_aad8059f-08f3-4f24-bcc1-582a000c0674">Integer From PLC</label>
	        <input id="testInteger_aad8059f-08f3-4f24-bcc1-582a000c0674" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2 ">
	      <div name="testingProgram-testPrimitive-testUInteger" class="w-100 form-group mb-2">
	        <label for="testUInteger_5c2a4d70-dc11-48e9-bccf-fe7a59d04975">UInteger From PLC</label>
	        <input id="testUInteger_5c2a4d70-dc11-48e9-bccf-fe7a59d04975" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2 ">
	      <div name="testingProgram-testPrimitive-testString" class="w-100 form-group mb-2">
	        <label for="testString_f03b6440-ecb7-4c47-a151-414ed5441f1c">STRING From PLC</label>
	        <input id="testString_f03b6440-ecb7-4c47-a151-414ed5441f1c" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2 ">
	      <div name="testingProgram-testPrimitive-testWord" class="w-100 form-group mb-2">
	        <label for="testWord_0c2a5048-1f3b-4344-a80b-a4c9f9fbb0e0">WORD From PLC</label>
	        <input id="testWord_0c2a5048-1f3b-4344-a80b-a4c9f9fbb0e0" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2 ">
	      <div name="testingProgram-testPrimitive-testByte" class="w-100 form-group mb-2">
	        <label for="testByte_a1befa4d-fe0c-478e-bb7a-bfed30e64bf9">BYTE From PLC</label>
	        <input id="testByte_a1befa4d-fe0c-478e-bb7a-bfed30e64bf9" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2 ">
	      <div name="testingProgram-testPrimitive-testReal" class="w-100 form-group mb-2">
	        <label for="testReal_6aec876b-1d9a-4351-9eea-37761b1fb25b">REAL From PLC</label>
	        <input id="testReal_6aec876b-1d9a-4351-9eea-37761b1fb25b" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2 ">
	      <div name="testingProgram-testPrimitive-testLReal" class="w-100 form-group mb-2">
	        <label for="testLReal_ef75ee22-4d84-492d-b7a9-7dd2434cee3d">LREAL From PLC</label>
	        <input id="testLReal_ef75ee22-4d84-492d-b7a9-7dd2434cee3d" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2 ">
	      <div name="testingProgram-testPrimitive-testBool" class="w-100 form-group mb-2">
	        <label for="testBool_ffc46b6a-6a5e-4993-810f-a489a7febee3">BOOL From PLC</label>
	        <div class="form-check form-switch">
	          <input id="testBool_ffc46b6a-6a5e-4993-810f-a489a7febee3" disabled="" class="form-check-input " type="checkbox" >
	        </div>
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2 ">
	      <div name="testingProgram-testPrimitive-TestDate" class="w-100 form-group mb-2">
	        <label for="TestDate_d08579ae-a023-4961-8f4b-c3f840056787">DATE From PLC</label>
	        <input id="TestDate_d08579ae-a023-4961-8f4b-c3f840056787" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="1/1/0001">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2 ">
	      <div name="testingProgram-testPrimitive-TestDateTime" class="w-100 form-group mb-2">
	        <label for="TestDateTime_6d94f68d-68de-4e0a-a46b-667039d41408">DATE_AND_TIME From PLC</label>
	        <input id="TestDateTime_6d94f68d-68de-4e0a-a46b-667039d41408" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="1/1/0001 12:00:00 AM">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2 ">
	      <div name="testingProgram-testPrimitive-TestTimeOfDay" class="w-100 form-group mb-2">
	        <label for="TestTimeOfDay_c41a8102-518d-4d96-9c24-f66e522d8561">TIME_OF_DAY From PLC</label>
	        <input id="TestTimeOfDay_c41a8102-518d-4d96-9c24-f66e522d8561" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="00:00:00">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	  </div>
	</div>
	
	Expected HTML: 
	<div name="testingProgram-testPrimitive">
	  <div name="WrapPanel" class="d-flex flex-wrap">
	    <div class="p-2">
	      <div name="testingProgram-testPrimitive-testInteger" class="w-100 form-group mb-2">
	        <label for:ignore="testInteger_5f407120-bc13-45d6-a433-59841a665e42">Integer From PLC</label>
	        <input id:ignore="testInteger_5f407120-bc13-45d6-a433-59841a665e42" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2">
	      <div name="testingProgram-testPrimitive-testUInteger" class="w-100 form-group mb-2">
	        <label for:ignore="testUInteger_2b0d5b33-5736-47c5-9767-9a88d40ec749">UInteger From PLC</label>
	        <input id:ignore="testUInteger_2b0d5b33-5736-47c5-9767-9a88d40ec749" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2">
	      <div name="testingProgram-testPrimitive-testString" class="w-100 form-group mb-2">
	        <label for:ignore="testString_18473c94-5017-4d53-94e7-2a40971117a6">STRING From PLC</label>
	        <input id:ignore="testString_18473c94-5017-4d53-94e7-2a40971117a6" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2">
	      <div name="testingProgram-testPrimitive-testWord" class="w-100 form-group mb-2">
	        <label for:ignore="testWord_81316829-a79f-4e6b-8c2a-9d73d161598d">WORD From PLC</label>
	        <input id:ignore="testWord_81316829-a79f-4e6b-8c2a-9d73d161598d" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2">
	      <div name="testingProgram-testPrimitive-testByte" class="w-100 form-group mb-2">
	        <label for:ignore="testByte_d50f0127-b339-4895-ae1e-8d3c923bc54e">BYTE From PLC</label>
	        <input id:ignore="testByte_d50f0127-b339-4895-ae1e-8d3c923bc54e" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2">
	      <div name="testingProgram-testPrimitive-testReal" class="w-100 form-group mb-2">
	        <label for:ignore="testReal_b3d79636-d9f7-4716-b917-699bd1ebc090">REAL From PLC</label>
	        <input id:ignore="testReal_b3d79636-d9f7-4716-b917-699bd1ebc090" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2">
	      <div name="testingProgram-testPrimitive-testLReal" class="w-100 form-group mb-2">
	        <label for:ignore="testLReal_11fe9396-066a-4e7b-8f70-438374bad7d0">LREAL From PLC</label>
	        <input id:ignore="testLReal_11fe9396-066a-4e7b-8f70-438374bad7d0" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2">
	      <div name="testingProgram-testPrimitive-testBool" class="w-100 form-group mb-2">
	        <label for:ignore="testBool_3f588bc7-9b93-4afb-be6a-b6661e4f6beb">BOOL From PLC</label>
	        <div class="form-check form-switch">
	          <input id:ignore="testBool_3f588bc7-9b93-4afb-be6a-b6661e4f6beb" class="form-check-input " type="checkbox" disabled="">
	        </div>
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2">
	      <div name="testingProgram-testPrimitive-TestDate" class="w-100 form-group mb-2">
	        <label for:ignore="TestDate_86a8a140-03d9-4de6-8bbc-9ce56381279c">DATE From PLC</label>
	        <input id:ignore="TestDate_86a8a140-03d9-4de6-8bbc-9ce56381279c" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="date" value:ignore="1. 1. 0001">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2">
	      <div name="testingProgram-testPrimitive-TestDateTime" class="w-100 form-group mb-2">
	        <label for:ignore="TestDateTime_f2007781-9c32-4479-8aa7-b309969d2c30">DATE_AND_TIME From PLC</label>
	        <input id:ignore="TestDateTime_f2007781-9c32-4479-8aa7-b309969d2c30" class="w-100 form-control " style="background-color:transparent" readonly="readonly" type="datetime" value:ignore="1. 1. 0001 0:00:00">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2">
	      <div name="testingProgram-testPrimitive-TestTimeOfDay" class="w-100 form-group mb-2">
	        <label for:ignore="TestTimeOfDay_3ac036ca-ee16-42df-ae49-6aace73caf05">TIME_OF_DAY From PLC</label>
	        <input id:ignore="TestTimeOfDay_3ac036ca-ee16-42df-ae49-6aace73caf05" class="w-100 form-control " style="background-color:transparent" type="text" value:ignore="00:00:00" readonly="readonly">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	  </div>
	</div>
	
❌ Render_stTestRenderIgnore_Control_Bool_Ignored
	Bunit.HtmlEqualException : HTML comparison failed. 
	
	The following errors were found:
	  1: The values of the attributes at div(0) > div(0) > div(6) > div(0) > input(1)[type] are different.
	  2: The values of the attributes at div(0) > div(0) > div(7) > div(0) > input(1)[type] are different.
	
	Actual HTML: 
	<div name="testingProgram-testRenderIgnore" >
	  <div name="UniformGrid" class="d-flex flex-nowrap w-100 ">
	    <div class="p-2 " style="flex: 1;">
	      <div name="testingProgram-testRenderIgnore-testUInteger" class="w-100 form-group mb-2">
	        <label for="testUInteger_462c5a0e-8a0c-403e-abe0-4d09fa7fc85c">UInteger From PLC</label>
	        <input id="testUInteger_462c5a0e-8a0c-403e-abe0-4d09fa7fc85c" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2 " style="flex: 1;">
	      <div name="testingProgram-testRenderIgnore-testString" class="w-100 form-group mb-2">
	        <label for="testString_385355e1-dcf1-42ca-9f8e-77ce23d753c9">STRING From PLC</label>
	        <input id="testString_385355e1-dcf1-42ca-9f8e-77ce23d753c9" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2 " style="flex: 1;">
	      <div name="testingProgram-testRenderIgnore-testWord" class="w-100 form-group mb-2">
	        <label for="testWord_2872740c-5d3c-4e18-8e45-cdedc6530906">WORD From PLC</label>
	        <input id="testWord_2872740c-5d3c-4e18-8e45-cdedc6530906" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2 " style="flex: 1;">
	      <div name="testingProgram-testRenderIgnore-testByte" class="w-100 form-group mb-2">
	        <label for="testByte_e04fce79-d864-4da1-bdd4-e0a482722e16">BYTE From PLC</label>
	        <input id="testByte_e04fce79-d864-4da1-bdd4-e0a482722e16" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2 " style="flex: 1;">
	      <div name="testingProgram-testRenderIgnore-testReal" class="w-100 form-group mb-2">
	        <label for="testReal_a6d9e1ef-d228-4c93-b815-34ecb6b82611">REAL From PLC</label>
	        <input id="testReal_a6d9e1ef-d228-4c93-b815-34ecb6b82611" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2 " style="flex: 1;">
	      <div name="testingProgram-testRenderIgnore-testLReal" class="w-100 form-group mb-2">
	        <label for="testLReal_5daf0e4d-6eae-484a-8a2d-f27c56a0c19d">LREAL From PLC</label>
	        <input id="testLReal_5daf0e4d-6eae-484a-8a2d-f27c56a0c19d" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2 " style="flex: 1;">
	      <div name="testingProgram-testRenderIgnore-TestDate" class="w-100 form-group mb-2">
	        <label for="TestDate_d99676e6-aac9-451d-b057-5f74688718da">DATE From PLC</label>
	        <input id="TestDate_d99676e6-aac9-451d-b057-5f74688718da" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="1/1/0001">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2 " style="flex: 1;">
	      <div name="testingProgram-testRenderIgnore-TestDateTime" class="w-100 form-group mb-2">
	        <label for="TestDateTime_ce94e6ae-9eed-4587-965a-103051a9f973">DATE_AND_TIME From PLC</label>
	        <input id="TestDateTime_ce94e6ae-9eed-4587-965a-103051a9f973" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="1/1/0001 12:00:00 AM">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	  </div>
	</div>
	
	Expected HTML: 
	<div name="testingProgram-testRenderIgnore">
	  <div name="UniformGrid" class="d-flex flex-nowrap w-100">
	    <div class="p-2" style=" flex: 1;">
	      <div name="testingProgram-testRenderIgnore-testUInteger" class="w-100 form-group mb-2">
	        <label for:ignore="testUInteger_67e30083-7336-4e1a-a318-412fc027691a">UInteger From PLC</label>
	        <input id:ignore="testUInteger_67e30083-7336-4e1a-a318-412fc027691a" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2" style=" flex: 1;">
	      <div name="testingProgram-testRenderIgnore-testString" class="w-100 form-group mb-2">
	        <label for:ignore="testString_5eb019c3-0a14-4372-9723-97349849f96c">STRING From PLC</label>
	        <input id:ignore="testString_5eb019c3-0a14-4372-9723-97349849f96c" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2" style=" flex: 1;">
	      <div name="testingProgram-testRenderIgnore-testWord" class="w-100 form-group mb-2">
	        <label for:ignore="testWord_a0a57d4b-09a8-4ff8-9bf8-c4360e2dbdb3">WORD From PLC</label>
	        <input id:ignore="testWord_a0a57d4b-09a8-4ff8-9bf8-c4360e2dbdb3" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2" style=" flex: 1;">
	      <div name="testingProgram-testRenderIgnore-testByte" class="w-100 form-group mb-2">
	        <label for:ignore="testByte_043ea519-7277-41c5-8101-1cbff314a1c4">BYTE From PLC</label>
	        <input id:ignore="testByte_043ea519-7277-41c5-8101-1cbff314a1c4" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
	        <div class="invalid-feedback"></div>
	      </div>
	    </div>
	    <div class="p-2" style=" flex: 1;">
	      <div name="testingProgram-testRenderIgnore-testReal" class="w-100 form-group mb-2">

Report exceeded GitHub limit of 65535 bytes and has been trimmed

Annotations

Check failure on line 45 in src/AXSharp.blazor/tests/sandbox/AXSharp.RenderableContent.Tests/RenderableContentTests.cs

See this annotation in the file changed.

@github-actions github-actions / Test report

AXSharp.RenderableContent.Tests.RenderableContentTests ► Render_prgWeatherStations_Tabs_Successfull

Failed test found in:
  TestResults/AXSharp.RenderableContent.Tests.csproj_net6.0.xml
Error:
  Bunit.HtmlEqualException : HTML comparison failed. 
  
  The following errors were found:
    1: The values of the attributes at div(0) > div(0) > div(0) > div(1) > div(0) > div(7) > div(0) > input(1)[type] are different.
    2: The values of the attributes at div(0) > div(0) > div(0) > div(1) > div(0) > div(8) > div(0) > input(1)[type] are different.
  
  Actual HTML: 
  <div name="prgWeatherStations" >
    <div name="StackPanel" class="content p-3 ">
      <div name="TabControl" class="w-100 ">
        <ul class="nav nav-tabs mb-3">
          <li class="nav-item">
            <button type="button" class="nav-link active" >
              <b>North pole station</b>
            </button>
          </li>
          <li class="nav-item">
            <button type="button" class="nav-link" >
              <b>South pole station</b>
            </button>
          </li>
          <li class="nav-item">
            <button type="button" class="nav-link" >
              <b>Verl, Germany</b>
            </button>
          </li>
          <li class="nav-item">
            <button type="button" class="nav-link" >
              <b>Kriva, Slovakia</b>
            </button>
          </li>
        </ul>
        <div class="content">
          <div name="StackPanel" class="content p-3 ">
            <div>
              <div name="prgWeatherStations-_weatherStations-NorthPole-StationICAO" class="w-100 form-group mb-2">
                <label for="StationICAO_ee2708f4-b80e-4869-bc71-44a44f637f5d">Station name (ICAO)</label>
                <input id="StationICAO_ee2708f4-b80e-4869-bc71-44a44f637f5d" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
                <div class="invalid-feedback"></div>
              </div>
            </div>
            <div>
              <div name="prgWeatherStations-_weatherStations-NorthPole-StationStatus" class="w-100 form-group mb-2">
                <label for="StationStatus_936c6d32-8a59-4ba5-8e15-294dbfe4c52d">Station status</label>
                <input id="StationStatus_936c6d32-8a59-4ba5-8e15-294dbfe4c52d" class="w-100 form-control " readonly="readonly" style="background-color:transparent" value="Unknown  ">
                <div class="invalid-feedback"></div>
              </div>
            </div>
            <div>
              <div name="prgWeatherStations-_weatherStations-NorthPole-Pressure" class="w-100 form-group mb-2">
                <label for="Pressure_0db256bf-69a7-4730-ab88-7adc1059b9d6">Pressure</label>
                <input id="Pressure_0db256bf-69a7-4730-ab88-7adc1059b9d6" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
                <div class="invalid-feedback"></div>
              </div>
            </div>
            <div>
              <div name="prgWeatherStations-_weatherStations-NorthPole-Temp" class="w-100 form-group mb-2">
                <label for="Temp_e7936f68-b04e-47f3-9513-fc9375d5daa5">Temperature</label>
                <input id="Temp_e7936f68-b04e-47f3-9513-fc9375d5daa5" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
                <div class="invalid-feedback"></div>
              </div>
            </div>
            <div>
              <div name="prgWeatherStations-_weatherStations-NorthPole-Visibility" class="w-100 form-group mb-2">
                <label for="Visibility_444dbecc-1600-4743-b5c4-92d1d5d649e0">Visibility</label>
                <input id="Visibility_444dbecc-1600-4743-b5c4-92d1d5d649e0" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
                <div class="invalid-feedback"></div>
              </div>
            </div>
            <div>
              <div name="prgWeatherStations-_weatherStations-NorthPole-WindHeading" class="w-100 form-group mb-2">
                <label for="WindHeading_fa249eb7-a2bc-48c0-a13e-555998d75fca">Wind heading</label>
                <input id="WindHeading_fa249eb7-a2bc-48c0-a13e-555998d75fca" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
                <div class="invalid-feedback"></div>
              </div>
            </div>
            <div>
              <div name="prgWeatherStations-_weatherStations-NorthPole-WindSpeed" class="w-100 form-group mb-2">
                <label for="WindSpeed_f6d95bab-ee7b-4472-895f-0fae96d2537e">Wind speed</label>
                <input id="WindSpeed_f6d95bab-ee7b-4472-895f-0fae96d2537e" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
                <div class="invalid-feedback"></div>
              </div>
            </div>
            <div>
              <div name="prgWeatherStations-_weatherStations-NorthPole-TestDate" class="w-100 form-group mb-2">
                <label for="TestDate_9371ddc1-1776-4a3b-86df-af8b75988fe0">TestDate</label>
                <input id="TestDate_9371ddc1-1776-4a3b-86df-af8b75988fe0" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="1/1/0001">
                <div class="invalid-feedback"></div>
              </div>
            </div>
            <div>
              <div name="prgWeatherStations-_weatherStations-NorthPole-TestDateTime" class="w-100 form-group mb-2">
                <label for="TestDateTime_a4d48eab-287d-417d-9b66-f03c7adb85b9">TestDateTime</label>
                <input id="TestDateTime_a4d48eab-287d-417d-9b66-f03c7adb85b9" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="1/1/0001 12:00:00 AM">
                <div class="invalid-feedback"></div>
              </div>
            </div>
            <div>
              <div name="prgWeatherStations-_weatherStations-NorthPole-TestTimeOfDay" class="w-100 form-group mb-2">
                <label for="TestTimeOfDay_45b8fa42-a669-4079-9636-cc4a94d2da6c">TestTimeOfDay</label>
                <input id="TestTimeOfDay_45b8fa42-a669-4079-9636-cc4a94d2da6c" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="00:00:00">
                <div class="invalid-feedback"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div name="GroupBox" class="card w-100 p-2">
        <span style="font-weight: bold; padding-bottom:2px;">What plc says</span>
        <div name="StackPanel" class="content p-3 ">
          <div>
            <div name="prgWeatherStations-PlcCommentOnCurrentWeather" class="w-100 form-group mb-2">
              <label for="PlcCommentOnCurrentWeather_0c24a23e-6775-4d81-97cf-42cc5995d236">What plc says</label>
              <input id="PlcCommentOnCurrentWeather_0c24a23e-6775-4d81-97cf-42cc5995d236" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
              <div class="invalid-feedback"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  
  Expected HTML: 
  <div name="prgWeatherStations">
    <div name="StackPanel" class="content p-3 ">
      <div name="TabControl" class="w-100 ">
        <ul class="nav nav-tabs mb-3">
          <li class="nav-item">
            <button type="button" class="nav-link active">
              <b>North pole station</b>
            </button>
          </li>
          <li class="nav-item">
            <button type="button" class="nav-link">
              <b>South pole station</b>
            </button>
          </li>
          <li class="nav-item">
            <button type="button" class="nav-link">
              <b>Verl, Germany</b>
            </button>
          </li>
          <li class="nav-item">
            <button type="button" class="nav-link">
              <b>Kriva, Slovakia</b>
            </button>
          </li>
        </ul>
        <div class="content">
          <div name="StackPanel" class="content p-3 ">
            <div>
              <div name="prgWeatherStations-_weatherStations-NorthPole-StationICAO" class="w-100 form-group mb-2">
                <label for:ignore:ignore="StationICAO_3e287b53-ab56-4e64-9444-6a4f422e79e5">Station name (ICAO)</label>
                <input id:ignore="StationICAO_3e287b53-ab56-4e64-9444-6a4f422e79e5" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
                <div class="invalid-feedback"></div>
              </div>
            </div>
            <div>
              <div name="prgWeatherStations-_weatherStations-NorthPole-StationStatus" class="w-100 form-group mb-2">
                <label for:ignore="StationStatus_2e16e57b-c6a9-43ee-950d-bd5649f75d84">Station status</label>
                <input id:ignore="StationStatus_2e16e57b-c6a9-43ee-950d-bd5649f75d84" class="w-100 form-control " readonly="readonly" style="background-color:transparent" value:ignore="Unknown  ">
                <div class="invalid-feedback"></div>
              </div>
            </div>
            <div>
              <div name="prgWeatherStations-_weatherStations-NorthPole-Pressure" class="w-100 form-group mb-2">
                <label for:ignore="Pressure_55e9ed8c-912b-4ac0-934d-99ecb395d1ef">Pressure</label>
                <input id:ignore="Pressure_55e9ed8c-912b-4ac0-934d-99ecb395d1ef" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
                <div class="invalid-feedback"></div>
              </div>
            </div>
            <div>
              <div name="prgWeatherStations-_weatherStations-NorthPole-Temp" class="w-100 form-group mb-2">
                <label for:ignore="Temp_e8a3e64f-56fe-4568-b818-042b3f266f87">Temperature</label>
                <input id:ignore="Temp_e8a3e64f-56fe-4568-b818-042b3f266f87" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
                <div class="invalid-feedback"></div>
              </div>
            </div>
            <div>
              <div name="prgWeatherStations-_weatherStations-NorthPole-Visibility" class="w-100 form-group mb-2">
                <label for:ignore="Visibility_084d445c-d028-4cc1-b6f3-01692528c854">Visibility</label>
                <input id:ignore="Visibility_084d445c-d028-4cc1-b6f3-01692528c854" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
                <div class="invalid-feedback"></div>
              </div>
            </div>
            <div>
              <div name="prgWeatherStations-_weatherStations-NorthPole-WindHeading" class="w-100 form-group mb-2">
                <label for:ignore="WindHeading_c34498d3-026d-4324-9b8d-1e7f82104092">Wind heading</label>
                <input id:ignore="WindHeading_c34498d3-026d-4324-9b8d-1e7f82104092" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
                <div class="invalid-feedback"></div>
              </div>
            </div>
            <div>
              <div name="prgWeatherStations-_weatherStations-NorthPole-WindSpeed" class="w-100 form-group mb-2">
                <label for:ignore="WindSpeed_44af75c9-0e53-49ee-b845-85e590d378b2">Wind speed</label>
                <input id:ignore="WindSpeed_44af75c9-0e53-49ee-b845-85e590d378b2" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
                <div class="invalid-feedback"></div>
              </div>
            </div>
            <div>
              <div name="prgWeatherStations-_weatherStations-NorthPole-TestDate" class="w-100 form-group mb-2">
                <label for:ignore="TestDate_ff28cc36-83ee-4ca2-ae01-7917ed83c6cc">TestDate</label>
                <input id:ignore="TestDate_ff28cc36-83ee-4ca2-ae01-7917ed83c6cc" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="date" value:ignore="1. 1. 0001">
                <div class="invalid-feedback"></div>
              </div>
            </div>
            <div>
              <div name="prgWeatherStations-_weatherStations-NorthPole-TestDateTime" class="w-100 form-group mb-2">
                <label for:ignore="TestDateTime_b853eca9-61d4-423f-b4c0-64fa2010bed1">TestDateTime</label>
                <input id:ignore="TestDateTime_b853eca9-61d4-423f-b4c0-64fa2010bed1" class="w-100 form-control " style="background-color:transparent" readonly="readonly" type="datetime" value:ignore="1. 1. 0001 0:00:00">
                <div class="invalid-feedback"></div>
              </div>
            </div>
            <div>
              <div name="prgWeatherStations-_weatherStations-NorthPole-TestTimeOfDay" class="w-100 form-group mb-2">
                <label for:ignore="TestTimeOfDay_ae7da96a-bc51-4b44-bb2a-a3e7ad5bf547">TestTimeOfDay</label>
                <input id:ignore="TestTimeOfDay_ae7da96a-bc51-4b44-bb2a-a3e7ad5bf547" class="w-100 form-control " style="background-color:transparent" type="text" value:ignore="00:00:00" readonly="readonly">
                <div class="invalid-feedback"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div name="GroupBox" class="card w-100 p-2">
        <span style="font-weight: bold; padding-bottom:2px;">What plc says</span>
        <div name="StackPanel" class="content p-3 ">
          <div>
            <div name="prgWeatherStations-PlcCommentOnCurrentWeather" class="w-100 form-group mb-2">
              <label for:ignore="PlcCommentOnCurrentWeather_15c6616b-08d9-481d-b61f-23d7fc923426">What plc says</label>
              <input id:ignore="PlcCommentOnCurrentWeather_15c6616b-08d9-481d-b61f-23d7fc923426" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
              <div class="invalid-feedback"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  
Raw output
Bunit.HtmlEqualException : HTML comparison failed. 

The following errors were found:
  1: The values of the attributes at div(0) > div(0) > div(0) > div(1) > div(0) > div(7) > div(0) > input(1)[type] are different.
  2: The values of the attributes at div(0) > div(0) > div(0) > div(1) > div(0) > div(8) > div(0) > input(1)[type] are different.

Actual HTML: 
<div name="prgWeatherStations" >
  <div name="StackPanel" class="content p-3 ">
    <div name="TabControl" class="w-100 ">
      <ul class="nav nav-tabs mb-3">
        <li class="nav-item">
          <button type="button" class="nav-link active" >
            <b>North pole station</b>
          </button>
        </li>
        <li class="nav-item">
          <button type="button" class="nav-link" >
            <b>South pole station</b>
          </button>
        </li>
        <li class="nav-item">
          <button type="button" class="nav-link" >
            <b>Verl, Germany</b>
          </button>
        </li>
        <li class="nav-item">
          <button type="button" class="nav-link" >
            <b>Kriva, Slovakia</b>
          </button>
        </li>
      </ul>
      <div class="content">
        <div name="StackPanel" class="content p-3 ">
          <div>
            <div name="prgWeatherStations-_weatherStations-NorthPole-StationICAO" class="w-100 form-group mb-2">
              <label for="StationICAO_ee2708f4-b80e-4869-bc71-44a44f637f5d">Station name (ICAO)</label>
              <input id="StationICAO_ee2708f4-b80e-4869-bc71-44a44f637f5d" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
              <div class="invalid-feedback"></div>
            </div>
          </div>
          <div>
            <div name="prgWeatherStations-_weatherStations-NorthPole-StationStatus" class="w-100 form-group mb-2">
              <label for="StationStatus_936c6d32-8a59-4ba5-8e15-294dbfe4c52d">Station status</label>
              <input id="StationStatus_936c6d32-8a59-4ba5-8e15-294dbfe4c52d" class="w-100 form-control " readonly="readonly" style="background-color:transparent" value="Unknown  ">
              <div class="invalid-feedback"></div>
            </div>
          </div>
          <div>
            <div name="prgWeatherStations-_weatherStations-NorthPole-Pressure" class="w-100 form-group mb-2">
              <label for="Pressure_0db256bf-69a7-4730-ab88-7adc1059b9d6">Pressure</label>
              <input id="Pressure_0db256bf-69a7-4730-ab88-7adc1059b9d6" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
              <div class="invalid-feedback"></div>
            </div>
          </div>
          <div>
            <div name="prgWeatherStations-_weatherStations-NorthPole-Temp" class="w-100 form-group mb-2">
              <label for="Temp_e7936f68-b04e-47f3-9513-fc9375d5daa5">Temperature</label>
              <input id="Temp_e7936f68-b04e-47f3-9513-fc9375d5daa5" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
              <div class="invalid-feedback"></div>
            </div>
          </div>
          <div>
            <div name="prgWeatherStations-_weatherStations-NorthPole-Visibility" class="w-100 form-group mb-2">
              <label for="Visibility_444dbecc-1600-4743-b5c4-92d1d5d649e0">Visibility</label>
              <input id="Visibility_444dbecc-1600-4743-b5c4-92d1d5d649e0" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
              <div class="invalid-feedback"></div>
            </div>
          </div>
          <div>
            <div name="prgWeatherStations-_weatherStations-NorthPole-WindHeading" class="w-100 form-group mb-2">
              <label for="WindHeading_fa249eb7-a2bc-48c0-a13e-555998d75fca">Wind heading</label>
              <input id="WindHeading_fa249eb7-a2bc-48c0-a13e-555998d75fca" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
              <div class="invalid-feedback"></div>
            </div>
          </div>
          <div>
            <div name="prgWeatherStations-_weatherStations-NorthPole-WindSpeed" class="w-100 form-group mb-2">
              <label for="WindSpeed_f6d95bab-ee7b-4472-895f-0fae96d2537e">Wind speed</label>
              <input id="WindSpeed_f6d95bab-ee7b-4472-895f-0fae96d2537e" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
              <div class="invalid-feedback"></div>
            </div>
          </div>
          <div>
            <div name="prgWeatherStations-_weatherStations-NorthPole-TestDate" class="w-100 form-group mb-2">
              <label for="TestDate_9371ddc1-1776-4a3b-86df-af8b75988fe0">TestDate</label>
              <input id="TestDate_9371ddc1-1776-4a3b-86df-af8b75988fe0" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="1/1/0001">
              <div class="invalid-feedback"></div>
            </div>
          </div>
          <div>
            <div name="prgWeatherStations-_weatherStations-NorthPole-TestDateTime" class="w-100 form-group mb-2">
              <label for="TestDateTime_a4d48eab-287d-417d-9b66-f03c7adb85b9">TestDateTime</label>
              <input id="TestDateTime_a4d48eab-287d-417d-9b66-f03c7adb85b9" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="1/1/0001 12:00:00 AM">
              <div class="invalid-feedback"></div>
            </div>
          </div>
          <div>
            <div name="prgWeatherStations-_weatherStations-NorthPole-TestTimeOfDay" class="w-100 form-group mb-2">
              <label for="TestTimeOfDay_45b8fa42-a669-4079-9636-cc4a94d2da6c">TestTimeOfDay</label>
              <input id="TestTimeOfDay_45b8fa42-a669-4079-9636-cc4a94d2da6c" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="00:00:00">
              <div class="invalid-feedback"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div name="GroupBox" class="card w-100 p-2">
      <span style="font-weight: bold; padding-bottom:2px;">What plc says</span>
      <div name="StackPanel" class="content p-3 ">
        <div>
          <div name="prgWeatherStations-PlcCommentOnCurrentWeather" class="w-100 form-group mb-2">
            <label for="PlcCommentOnCurrentWeather_0c24a23e-6775-4d81-97cf-42cc5995d236">What plc says</label>
            <input id="PlcCommentOnCurrentWeather_0c24a23e-6775-4d81-97cf-42cc5995d236" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
            <div class="invalid-feedback"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

Expected HTML: 
<div name="prgWeatherStations">
  <div name="StackPanel" class="content p-3 ">
    <div name="TabControl" class="w-100 ">
      <ul class="nav nav-tabs mb-3">
        <li class="nav-item">
          <button type="button" class="nav-link active">
            <b>North pole station</b>
          </button>
        </li>
        <li class="nav-item">
          <button type="button" class="nav-link">
            <b>South pole station</b>
          </button>
        </li>
        <li class="nav-item">
          <button type="button" class="nav-link">
            <b>Verl, Germany</b>
          </button>
        </li>
        <li class="nav-item">
          <button type="button" class="nav-link">
            <b>Kriva, Slovakia</b>
          </button>
        </li>
      </ul>
      <div class="content">
        <div name="StackPanel" class="content p-3 ">
          <div>
            <div name="prgWeatherStations-_weatherStations-NorthPole-StationICAO" class="w-100 form-group mb-2">
              <label for:ignore:ignore="StationICAO_3e287b53-ab56-4e64-9444-6a4f422e79e5">Station name (ICAO)</label>
              <input id:ignore="StationICAO_3e287b53-ab56-4e64-9444-6a4f422e79e5" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
              <div class="invalid-feedback"></div>
            </div>
          </div>
          <div>
            <div name="prgWeatherStations-_weatherStations-NorthPole-StationStatus" class="w-100 form-group mb-2">
              <label for:ignore="StationStatus_2e16e57b-c6a9-43ee-950d-bd5649f75d84">Station status</label>
              <input id:ignore="StationStatus_2e16e57b-c6a9-43ee-950d-bd5649f75d84" class="w-100 form-control " readonly="readonly" style="background-color:transparent" value:ignore="Unknown  ">
              <div class="invalid-feedback"></div>
            </div>
          </div>
          <div>
            <div name="prgWeatherStations-_weatherStations-NorthPole-Pressure" class="w-100 form-group mb-2">
              <label for:ignore="Pressure_55e9ed8c-912b-4ac0-934d-99ecb395d1ef">Pressure</label>
              <input id:ignore="Pressure_55e9ed8c-912b-4ac0-934d-99ecb395d1ef" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
              <div class="invalid-feedback"></div>
            </div>
          </div>
          <div>
            <div name="prgWeatherStations-_weatherStations-NorthPole-Temp" class="w-100 form-group mb-2">
              <label for:ignore="Temp_e8a3e64f-56fe-4568-b818-042b3f266f87">Temperature</label>
              <input id:ignore="Temp_e8a3e64f-56fe-4568-b818-042b3f266f87" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
              <div class="invalid-feedback"></div>
            </div>
          </div>
          <div>
            <div name="prgWeatherStations-_weatherStations-NorthPole-Visibility" class="w-100 form-group mb-2">
              <label for:ignore="Visibility_084d445c-d028-4cc1-b6f3-01692528c854">Visibility</label>
              <input id:ignore="Visibility_084d445c-d028-4cc1-b6f3-01692528c854" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
              <div class="invalid-feedback"></div>
            </div>
          </div>
          <div>
            <div name="prgWeatherStations-_weatherStations-NorthPole-WindHeading" class="w-100 form-group mb-2">
              <label for:ignore="WindHeading_c34498d3-026d-4324-9b8d-1e7f82104092">Wind heading</label>
              <input id:ignore="WindHeading_c34498d3-026d-4324-9b8d-1e7f82104092" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
              <div class="invalid-feedback"></div>
            </div>
          </div>
          <div>
            <div name="prgWeatherStations-_weatherStations-NorthPole-WindSpeed" class="w-100 form-group mb-2">
              <label for:ignore="WindSpeed_44af75c9-0e53-49ee-b845-85e590d378b2">Wind speed</label>
              <input id:ignore="WindSpeed_44af75c9-0e53-49ee-b845-85e590d378b2" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
              <div class="invalid-feedback"></div>
            </div>
          </div>
          <div>
            <div name="prgWeatherStations-_weatherStations-NorthPole-TestDate" class="w-100 form-group mb-2">
              <label for:ignore="TestDate_ff28cc36-83ee-4ca2-ae01-7917ed83c6cc">TestDate</label>
              <input id:ignore="TestDate_ff28cc36-83ee-4ca2-ae01-7917ed83c6cc" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="date" value:ignore="1. 1. 0001">
              <div class="invalid-feedback"></div>
            </div>
          </div>
          <div>
            <div name="prgWeatherStations-_weatherStations-NorthPole-TestDateTime" class="w-100 form-group mb-2">
              <label for:ignore="TestDateTime_b853eca9-61d4-423f-b4c0-64fa2010bed1">TestDateTime</label>
              <input id:ignore="TestDateTime_b853eca9-61d4-423f-b4c0-64fa2010bed1" class="w-100 form-control " style="background-color:transparent" readonly="readonly" type="datetime" value:ignore="1. 1. 0001 0:00:00">
              <div class="invalid-feedback"></div>
            </div>
          </div>
          <div>
            <div name="prgWeatherStations-_weatherStations-NorthPole-TestTimeOfDay" class="w-100 form-group mb-2">
              <label for:ignore="TestTimeOfDay_ae7da96a-bc51-4b44-bb2a-a3e7ad5bf547">TestTimeOfDay</label>
              <input id:ignore="TestTimeOfDay_ae7da96a-bc51-4b44-bb2a-a3e7ad5bf547" class="w-100 form-control " style="background-color:transparent" type="text" value:ignore="00:00:00" readonly="readonly">
              <div class="invalid-feedback"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div name="GroupBox" class="card w-100 p-2">
      <span style="font-weight: bold; padding-bottom:2px;">What plc says</span>
      <div name="StackPanel" class="content p-3 ">
        <div>
          <div name="prgWeatherStations-PlcCommentOnCurrentWeather" class="w-100 form-group mb-2">
            <label for:ignore="PlcCommentOnCurrentWeather_15c6616b-08d9-481d-b61f-23d7fc923426">What plc says</label>
            <input id:ignore="PlcCommentOnCurrentWeather_15c6616b-08d9-481d-b61f-23d7fc923426" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
            <div class="invalid-feedback"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

   at Bunit.MarkupMatchesAssertExtensions.MarkupMatches(INodeList actual, INodeList expected, String userMessage) in /_/src/bunit.web/Asserting/MarkupMatchesAssertExtensions.cs:line 237
   at Bunit.MarkupMatchesAssertExtensions.MarkupMatches(IRenderedFragment actual, String expected, String userMessage) in /_/src/bunit.web/Asserting/MarkupMatchesAssertExtensions.cs:line 113
   at AXSharp.RenderableContent.Tests.RenderableContentTests.Render_prgWeatherStations_Tabs_Successfull() in C:\actions-runner-IX-GH003\_work\axsharp\axsharp\src\AXSharp.blazor\tests\sandbox\AXSharp.RenderableContent.Tests\RenderableContentTests.cs:line 45

Check failure on line 74 in src/AXSharp.blazor/tests/sandbox/AXSharp.RenderableContent.Tests/RenderableContentTests.cs

See this annotation in the file changed.

@github-actions github-actions / Test report

AXSharp.RenderableContent.Tests.RenderableContentTests ► Render_stTestComplex_Success

Failed test found in:
  TestResults/AXSharp.RenderableContent.Tests.csproj_net6.0.xml
Error:
  Bunit.HtmlEqualException : HTML comparison failed. 
  
  The following errors were found:
    1: The values of the attributes at div(0) > div(4) > div(3) > div(0) > input(1)[type] are different.
  
  Actual HTML: 
  <div name="testingProgram-testComplex" >
    <div name="testingProgram-testComplex-testInteger" class="w-100 form-group mb-2">
      <label for="testInteger_63d79974-b82e-4556-9d49-331d0fba8379">Integer From PLC</label>
      <input id="testInteger_63d79974-b82e-4556-9d49-331d0fba8379" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
      <div class="invalid-feedback"></div>
    </div>
    <div name="testingProgram-testComplex-testComplexInstance-stComplexInteger" class="w-100 form-group mb-2">
      <label for="stComplexInteger_2d6119ca-633a-47b7-ba87-943545526c0a">Integer From PLC</label>
      <input id="stComplexInteger_2d6119ca-633a-47b7-ba87-943545526c0a" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
      <div class="invalid-feedback"></div>
    </div>
    <div name="testingProgram-testComplex-testComplexInstance-stComplexString" class="w-100 form-group mb-2">
      <label for="stComplexString_35fc4e54-e872-469f-87e4-92239d3cecb8">String From PLC</label>
      <input id="stComplexString_35fc4e54-e872-469f-87e4-92239d3cecb8" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
      <div class="invalid-feedback"></div>
    </div>
    <div name="testingProgram-testComplex-testString" class="w-100 form-group mb-2">
      <label for="testString_ef364773-cdb6-4552-ac9f-134f7f253c3b">String From PLC</label>
      <input id="testString_ef364773-cdb6-4552-ac9f-134f7f253c3b" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
      <div class="invalid-feedback"></div>
    </div>
    <div name="StackPanel" class="content p-3 ">
      <div>
        <div name="testingProgram-testComplex-testComplexUnknownInstance-stComplexUnknownString" class="w-100 form-group mb-2">
          <label for="stComplexUnknownString_c6cb425e-55a8-4948-801c-c1c30ffec7a4">String unknown From PLC</label>
          <input id="stComplexUnknownString_c6cb425e-55a8-4948-801c-c1c30ffec7a4" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div>
        <div name="testingProgram-testComplex-testComplexUnknownInstance-testBool" class="w-100 form-group mb-2">
          <label for="testBool_ec3800e6-7001-40b8-b498-9996ae0bf2e3">BOOL unknown From PLC</label>
          <div class="form-check form-switch">
            <input id="testBool_ec3800e6-7001-40b8-b498-9996ae0bf2e3" disabled="" class="form-check-input " type="checkbox" >
          </div>
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div>
        <div name="testingProgram-testComplex-testComplexUnknownInstance-stComplexUnknowInteger" class="w-100 form-group mb-2">
          <label for="stComplexUnknowInteger_51765ede-7926-47f2-b452-bcb6eadb2767">Integer unknown From PLC</label>
          <input id="stComplexUnknowInteger_51765ede-7926-47f2-b452-bcb6eadb2767" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div>
        <div name="testingProgram-testComplex-testComplexUnknownInstance-TestDate" class="w-100 form-group mb-2">
          <label for="TestDate_00d18fa8-6b44-4c3f-a562-8cc98a5ea9f8">DATE unknown From PLC</label>
          <input id="TestDate_00d18fa8-6b44-4c3f-a562-8cc98a5ea9f8" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="1/1/0001">
          <div class="invalid-feedback"></div>
        </div>
      </div>
    </div>
  </div>
  
  Expected HTML: 
  <div name="testingProgram-testComplex">
    <div name="testingProgram-testComplex-testInteger" class="w-100 form-group mb-2">
      <label for:ignore="testInteger_7219ca52-6dc3-43c2-945d-e3aec3f37441">Integer From PLC</label>
      <input id:ignore="testInteger_7219ca52-6dc3-43c2-945d-e3aec3f37441" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
      <div class="invalid-feedback"></div>
    </div>
    <div name="testingProgram-testComplex-testComplexInstance-stComplexInteger" class="w-100 form-group mb-2">
      <label for:ignore="stComplexInteger_2d265cb6-bade-4742-addf-ad84bb13f1e7">Integer From PLC</label>
      <input id:ignore="stComplexInteger_2d265cb6-bade-4742-addf-ad84bb13f1e7" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
      <div class="invalid-feedback"></div>
    </div>
    <div name="testingProgram-testComplex-testComplexInstance-stComplexString" class="w-100 form-group mb-2">
      <label for:ignore="stComplexString_77ec5ca5-028d-4082-a43e-816143b23bde">String From PLC</label>
      <input id:ignore="stComplexString_77ec5ca5-028d-4082-a43e-816143b23bde" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
      <div class="invalid-feedback"></div>
    </div>
    <div name="testingProgram-testComplex-testString" class="w-100 form-group mb-2">
      <label for:ignore="testString_0577aee3-472b-44c3-8742-49ec98ecfb11">String From PLC</label>
      <input id:ignore="testString_0577aee3-472b-44c3-8742-49ec98ecfb11" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
      <div class="invalid-feedback"></div>
    </div>
    <div name="StackPanel" class="content p-3 ">
      <div>
        <div name="testingProgram-testComplex-testComplexUnknownInstance-stComplexUnknownString" class="w-100 form-group mb-2">
          <label for:ignore="stComplexUnknownString_459c6480-5922-441e-9d67-7691277223a7">String unknown From PLC</label>
          <input id:ignore="stComplexUnknownString_459c6480-5922-441e-9d67-7691277223a7" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div>
        <div name="testingProgram-testComplex-testComplexUnknownInstance-testBool" class="w-100 form-group mb-2">
          <label for:ignore="testBool_f0fd6ce6-a8df-4617-885c-a7a1327524f3">BOOL unknown From PLC</label>
          <div class="form-check form-switch">
            <input id:ignore="testBool_f0fd6ce6-a8df-4617-885c-a7a1327524f3" class="form-check-input " type="checkbox" disabled="">
          </div>
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div>
        <div name="testingProgram-testComplex-testComplexUnknownInstance-stComplexUnknowInteger" class="w-100 form-group mb-2">
          <label for:ignore="stComplexUnknowInteger_33dbb7db-0dc3-4060-975e-ef2d7ee3c1b0">Integer unknown From PLC</label>
          <input id:ignore="stComplexUnknowInteger_33dbb7db-0dc3-4060-975e-ef2d7ee3c1b0" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div>
        <div name="testingProgram-testComplex-testComplexUnknownInstance-TestDate" class="w-100 form-group mb-2">
          <label for:ignore="TestDate_a33cc9b1-ac55-48c8-a937-4b35f5580f5d">DATE unknown From PLC</label>
          <input id:ignore="TestDate_a33cc9b1-ac55-48c8-a937-4b35f5580f5d" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="date" value:ignore="1. 1. 0001">
          <div class="invalid-feedback"></div>
        </div>
      </div>
    </div>
  </div>
  
Raw output
Bunit.HtmlEqualException : HTML comparison failed. 

The following errors were found:
  1: The values of the attributes at div(0) > div(4) > div(3) > div(0) > input(1)[type] are different.

Actual HTML: 
<div name="testingProgram-testComplex" >
  <div name="testingProgram-testComplex-testInteger" class="w-100 form-group mb-2">
    <label for="testInteger_63d79974-b82e-4556-9d49-331d0fba8379">Integer From PLC</label>
    <input id="testInteger_63d79974-b82e-4556-9d49-331d0fba8379" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
    <div class="invalid-feedback"></div>
  </div>
  <div name="testingProgram-testComplex-testComplexInstance-stComplexInteger" class="w-100 form-group mb-2">
    <label for="stComplexInteger_2d6119ca-633a-47b7-ba87-943545526c0a">Integer From PLC</label>
    <input id="stComplexInteger_2d6119ca-633a-47b7-ba87-943545526c0a" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
    <div class="invalid-feedback"></div>
  </div>
  <div name="testingProgram-testComplex-testComplexInstance-stComplexString" class="w-100 form-group mb-2">
    <label for="stComplexString_35fc4e54-e872-469f-87e4-92239d3cecb8">String From PLC</label>
    <input id="stComplexString_35fc4e54-e872-469f-87e4-92239d3cecb8" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
    <div class="invalid-feedback"></div>
  </div>
  <div name="testingProgram-testComplex-testString" class="w-100 form-group mb-2">
    <label for="testString_ef364773-cdb6-4552-ac9f-134f7f253c3b">String From PLC</label>
    <input id="testString_ef364773-cdb6-4552-ac9f-134f7f253c3b" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
    <div class="invalid-feedback"></div>
  </div>
  <div name="StackPanel" class="content p-3 ">
    <div>
      <div name="testingProgram-testComplex-testComplexUnknownInstance-stComplexUnknownString" class="w-100 form-group mb-2">
        <label for="stComplexUnknownString_c6cb425e-55a8-4948-801c-c1c30ffec7a4">String unknown From PLC</label>
        <input id="stComplexUnknownString_c6cb425e-55a8-4948-801c-c1c30ffec7a4" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div>
      <div name="testingProgram-testComplex-testComplexUnknownInstance-testBool" class="w-100 form-group mb-2">
        <label for="testBool_ec3800e6-7001-40b8-b498-9996ae0bf2e3">BOOL unknown From PLC</label>
        <div class="form-check form-switch">
          <input id="testBool_ec3800e6-7001-40b8-b498-9996ae0bf2e3" disabled="" class="form-check-input " type="checkbox" >
        </div>
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div>
      <div name="testingProgram-testComplex-testComplexUnknownInstance-stComplexUnknowInteger" class="w-100 form-group mb-2">
        <label for="stComplexUnknowInteger_51765ede-7926-47f2-b452-bcb6eadb2767">Integer unknown From PLC</label>
        <input id="stComplexUnknowInteger_51765ede-7926-47f2-b452-bcb6eadb2767" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div>
      <div name="testingProgram-testComplex-testComplexUnknownInstance-TestDate" class="w-100 form-group mb-2">
        <label for="TestDate_00d18fa8-6b44-4c3f-a562-8cc98a5ea9f8">DATE unknown From PLC</label>
        <input id="TestDate_00d18fa8-6b44-4c3f-a562-8cc98a5ea9f8" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="1/1/0001">
        <div class="invalid-feedback"></div>
      </div>
    </div>
  </div>
</div>

Expected HTML: 
<div name="testingProgram-testComplex">
  <div name="testingProgram-testComplex-testInteger" class="w-100 form-group mb-2">
    <label for:ignore="testInteger_7219ca52-6dc3-43c2-945d-e3aec3f37441">Integer From PLC</label>
    <input id:ignore="testInteger_7219ca52-6dc3-43c2-945d-e3aec3f37441" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
    <div class="invalid-feedback"></div>
  </div>
  <div name="testingProgram-testComplex-testComplexInstance-stComplexInteger" class="w-100 form-group mb-2">
    <label for:ignore="stComplexInteger_2d265cb6-bade-4742-addf-ad84bb13f1e7">Integer From PLC</label>
    <input id:ignore="stComplexInteger_2d265cb6-bade-4742-addf-ad84bb13f1e7" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
    <div class="invalid-feedback"></div>
  </div>
  <div name="testingProgram-testComplex-testComplexInstance-stComplexString" class="w-100 form-group mb-2">
    <label for:ignore="stComplexString_77ec5ca5-028d-4082-a43e-816143b23bde">String From PLC</label>
    <input id:ignore="stComplexString_77ec5ca5-028d-4082-a43e-816143b23bde" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
    <div class="invalid-feedback"></div>
  </div>
  <div name="testingProgram-testComplex-testString" class="w-100 form-group mb-2">
    <label for:ignore="testString_0577aee3-472b-44c3-8742-49ec98ecfb11">String From PLC</label>
    <input id:ignore="testString_0577aee3-472b-44c3-8742-49ec98ecfb11" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
    <div class="invalid-feedback"></div>
  </div>
  <div name="StackPanel" class="content p-3 ">
    <div>
      <div name="testingProgram-testComplex-testComplexUnknownInstance-stComplexUnknownString" class="w-100 form-group mb-2">
        <label for:ignore="stComplexUnknownString_459c6480-5922-441e-9d67-7691277223a7">String unknown From PLC</label>
        <input id:ignore="stComplexUnknownString_459c6480-5922-441e-9d67-7691277223a7" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div>
      <div name="testingProgram-testComplex-testComplexUnknownInstance-testBool" class="w-100 form-group mb-2">
        <label for:ignore="testBool_f0fd6ce6-a8df-4617-885c-a7a1327524f3">BOOL unknown From PLC</label>
        <div class="form-check form-switch">
          <input id:ignore="testBool_f0fd6ce6-a8df-4617-885c-a7a1327524f3" class="form-check-input " type="checkbox" disabled="">
        </div>
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div>
      <div name="testingProgram-testComplex-testComplexUnknownInstance-stComplexUnknowInteger" class="w-100 form-group mb-2">
        <label for:ignore="stComplexUnknowInteger_33dbb7db-0dc3-4060-975e-ef2d7ee3c1b0">Integer unknown From PLC</label>
        <input id:ignore="stComplexUnknowInteger_33dbb7db-0dc3-4060-975e-ef2d7ee3c1b0" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div>
      <div name="testingProgram-testComplex-testComplexUnknownInstance-TestDate" class="w-100 form-group mb-2">
        <label for:ignore="TestDate_a33cc9b1-ac55-48c8-a937-4b35f5580f5d">DATE unknown From PLC</label>
        <input id:ignore="TestDate_a33cc9b1-ac55-48c8-a937-4b35f5580f5d" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="date" value:ignore="1. 1. 0001">
        <div class="invalid-feedback"></div>
      </div>
    </div>
  </div>
</div>

   at Bunit.MarkupMatchesAssertExtensions.MarkupMatches(INodeList actual, INodeList expected, String userMessage) in /_/src/bunit.web/Asserting/MarkupMatchesAssertExtensions.cs:line 237
   at Bunit.MarkupMatchesAssertExtensions.MarkupMatches(IRenderedFragment actual, String expected, String userMessage) in /_/src/bunit.web/Asserting/MarkupMatchesAssertExtensions.cs:line 113
   at AXSharp.RenderableContent.Tests.RenderableContentTests.Render_stTestComplex_Success() in C:\actions-runner-IX-GH003\_work\axsharp\axsharp\src\AXSharp.blazor\tests\sandbox\AXSharp.RenderableContent.Tests\RenderableContentTests.cs:line 74

Check failure on line 159 in src/AXSharp.blazor/tests/sandbox/AXSharp.RenderableContent.Tests/RenderableContentTests.cs

See this annotation in the file changed.

@github-actions github-actions / Test report

AXSharp.RenderableContent.Tests.RenderableContentTests ► Render_stTestLayoutOverwrite_Success

Failed test found in:
  TestResults/AXSharp.RenderableContent.Tests.csproj_net6.0.xml
Error:
  Bunit.HtmlEqualException : HTML comparison failed. 
  
  The following errors were found:
    1: The values of the attributes at div(0) > div(0) > div(4) > div(0) > div(0) > div(0) > div(1) > div(0) > div(7) > div(0) > input(1)[type] are different.
    2: The values of the attributes at div(0) > div(0) > div(4) > div(0) > div(0) > div(0) > div(1) > div(0) > div(8) > div(0) > input(1)[type] are different.
  
  Actual HTML: 
  <div name="testingProgram-testLayoutOverwrite" >
    <div name="UniformGrid" class="d-flex flex-nowrap w-100 ">
      <div class="p-2 " style="flex: 1;">
        <div name="testingProgram-testLayoutOverwrite-ix_bool" class="w-100 form-group mb-2">
          <label for="ix_bool_5a9022c3-3c7f-41e2-b734-94b76bc9d10e">ix_bool</label>
          <div class="form-check form-switch">
            <input id="ix_bool_5a9022c3-3c7f-41e2-b734-94b76bc9d10e" disabled="" class="form-check-input " type="checkbox" >
          </div>
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 " style="flex: 1;">
        <div name="testingProgram-testLayoutOverwrite-ix_int" class="w-100 form-group mb-2">
          <label for="ix_int_3d1e0830-6a98-4ee0-a5d8-4ec38e547137">ix_int</label>
          <input id="ix_int_3d1e0830-6a98-4ee0-a5d8-4ec38e547137" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 " style="flex: 1;">
        <div name="testingProgram-testLayoutOverwrite-ix_string" class="w-100 form-group mb-2">
          <label for="ix_string_8377775e-85f8-4301-ab2d-528c69c0576c">ix_string</label>
          <input id="ix_string_8377775e-85f8-4301-ab2d-528c69c0576c" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 flex-even uniformGridItem">
        <div name="WrapPanel" class="d-flex flex-wrap ">
          <div class="p-2 ">
            <div name="testingProgram-testLayoutOverwrite-simple-Piston_A1" class="w-100 form-group mb-2">
              <label for="Piston_A1_2748b727-e6cd-4d74-a2ea-4d7562f1c88a">A1</label>
              <input id="Piston_A1_2748b727-e6cd-4d74-a2ea-4d7562f1c88a" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
              <div class="invalid-feedback"></div>
            </div>
          </div>
          <div class="p-2 ">
            <div name="testingProgram-testLayoutOverwrite-simple-Piston_A2" class="w-100 form-group mb-2">
              <label for="Piston_A2_9df8d3d9-e418-4e08-b946-1e9a0cd3b018">A2</label>
              <input id="Piston_A2_9df8d3d9-e418-4e08-b946-1e9a0cd3b018" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
              <div class="invalid-feedback"></div>
            </div>
          </div>
          <div class="p-2 ">
            <div name="testingProgram-testLayoutOverwrite-simple-Piston_A3" class="w-100 form-group mb-2">
              <label for="Piston_A3_53c7a34d-7421-4aa0-bc33-da9516903c4e">A3</label>
              <input id="Piston_A3_53c7a34d-7421-4aa0-bc33-da9516903c4e" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
              <div class="invalid-feedback"></div>
            </div>
          </div>
          <div class="p-2 ">
            <div name="testingProgram-testLayoutOverwrite-simple-Piston_A4" class="w-100 form-group mb-2">
              <label for="Piston_A4_63aed4c0-2738-4554-829f-0f51470d1a98">A4</label>
              <input id="Piston_A4_63aed4c0-2738-4554-829f-0f51470d1a98" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
              <div class="invalid-feedback"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="p-2 flex-even uniformGridItem">
        <div name="WrapPanel" class="d-flex flex-wrap ">
          <div class="p-2 wrapItem">
            <div name="TabControl" class="w-100 ">
              <ul class="nav nav-tabs mb-3">
                <li class="nav-item">
                  <button type="button" class="nav-link active" >
                    <b>North pole station</b>
                  </button>
                </li>
                <li class="nav-item">
                  <button type="button" class="nav-link" >
                    <b>South pole station</b>
                  </button>
                </li>
                <li class="nav-item">
                  <button type="button" class="nav-link" >
                    <b>Verl, Germany</b>
                  </button>
                </li>
                <li class="nav-item">
                  <button type="button" class="nav-link" >
                    <b>Kriva, Slovakia</b>
                  </button>
                </li>
              </ul>
              <div class="content">
                <div name="StackPanel" class="content p-3 ">
                  <div>
                    <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-StationICAO" class="w-100 form-group mb-2">
                      <label for="StationICAO_f197ee1e-dae4-4277-bcfd-df038b704c3f">Station name (ICAO)</label>
                      <input id="StationICAO_f197ee1e-dae4-4277-bcfd-df038b704c3f" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
                      <div class="invalid-feedback"></div>
                    </div>
                  </div>
                  <div>
                    <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-StationStatus" class="w-100 form-group mb-2">
                      <label for="StationStatus_1669ee2e-c1e9-4aa9-bcd5-7982d4755f44">Station status</label>
                      <input id="StationStatus_1669ee2e-c1e9-4aa9-bcd5-7982d4755f44" class="w-100 form-control " readonly="readonly" style="background-color:transparent" value="Unknown  ">
                      <div class="invalid-feedback"></div>
                    </div>
                  </div>
                  <div>
                    <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-Pressure" class="w-100 form-group mb-2">
                      <label for="Pressure_5a85038c-082e-43a9-be56-e38a13b3ac08">Pressure</label>
                      <input id="Pressure_5a85038c-082e-43a9-be56-e38a13b3ac08" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
                      <div class="invalid-feedback"></div>
                    </div>
                  </div>
                  <div>
                    <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-Temp" class="w-100 form-group mb-2">
                      <label for="Temp_ecb991c4-f913-4737-9e0c-8717f0a88f3a">Temperature</label>
                      <input id="Temp_ecb991c4-f913-4737-9e0c-8717f0a88f3a" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
                      <div class="invalid-feedback"></div>
                    </div>
                  </div>
                  <div>
                    <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-Visibility" class="w-100 form-group mb-2">
                      <label for="Visibility_2c24723e-4fdf-452e-9010-b2b692840446">Visibility</label>
                      <input id="Visibility_2c24723e-4fdf-452e-9010-b2b692840446" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
                      <div class="invalid-feedback"></div>
                    </div>
                  </div>
                  <div>
                    <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-WindHeading" class="w-100 form-group mb-2">
                      <label for="WindHeading_85e900c0-a144-4a21-af1c-1c609bfc0d58">Wind heading</label>
                      <input id="WindHeading_85e900c0-a144-4a21-af1c-1c609bfc0d58" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
                      <div class="invalid-feedback"></div>
                    </div>
                  </div>
                  <div>
                    <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-WindSpeed" class="w-100 form-group mb-2">
                      <label for="WindSpeed_ff66d0e5-a4a6-41d7-8bbd-43a0c2246f36">Wind speed</label>
                      <input id="WindSpeed_ff66d0e5-a4a6-41d7-8bbd-43a0c2246f36" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
                      <div class="invalid-feedback"></div>
                    </div>
                  </div>
                  <div>
                    <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-TestDate" class="w-100 form-group mb-2">
                      <label for="TestDate_c894beba-2481-4b9d-bc43-485644cbfaff">TestDate</label>
                      <input id="TestDate_c894beba-2481-4b9d-bc43-485644cbfaff" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="1/1/0001">
                      <div class="invalid-feedback"></div>
                    </div>
                  </div>
                  <div>
                    <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-TestDateTime" class="w-100 form-group mb-2">
                      <label for="TestDateTime_1456b912-435d-42cd-8408-41e98e6823a6">TestDateTime</label>
                      <input id="TestDateTime_1456b912-435d-42cd-8408-41e98e6823a6" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="1/1/0001 12:00:00 AM">
                      <div class="invalid-feedback"></div>
                    </div>
                  </div>
                  <div>
                    <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-TestTimeOfDay" class="w-100 form-group mb-2">
                      <label for="TestTimeOfDay_33d1d38e-6f62-4a5b-ba76-40a82428e4e6">TestTimeOfDay</label>
                      <input id="TestTimeOfDay_33d1d38e-6f62-4a5b-ba76-40a82428e4e6" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="00:00:00">
                      <div class="invalid-feedback"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="p-2 wrapItem">
            <div name="GroupBox" class="card w-100 p-2">
              <span style="font-weight: bold; padding-bottom:2px;">What plc says</span>
              <div name="StackPanel" class="content p-3 ">
                <div>
                  <div name="testingProgram-testLayoutOverwrite-weather-PlcCommentOnCurrentWeather" class="w-100 form-group mb-2">
                    <label for="PlcCommentOnCurrentWeather_997ce62e-f15e-466a-87ee-3eea42c80004">What plc says</label>
                    <input id="PlcCommentOnCurrentWeather_997ce62e-f15e-466a-87ee-3eea42c80004" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
                    <div class="invalid-feedback"></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  
  Expected HTML: 
  <div name="testingProgram-testLayoutOverwrite">
    <div name="UniformGrid" class="d-flex flex-nowrap w-100 ">
      <div class="p-2 " style="flex: 1;">
        <div name="testingProgram-testLayoutOverwrite-ix_bool" class="w-100 form-group mb-2">
          <label for:ignore="ix_bool_5c6e6124-5dad-4a9b-9d2d-46cc8fffe6cc">ix_bool</label>
          <div class="form-check form-switch">
            <input id:ignore="ix_bool_5c6e6124-5dad-4a9b-9d2d-46cc8fffe6cc" class="form-check-input " type="checkbox" disabled="">
          </div>
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 " style="flex: 1;">
        <div name="testingProgram-testLayoutOverwrite-ix_int" class="w-100 form-group mb-2">
          <label for:ignore="ix_int_f98488ef-ed9b-456a-8d53-f8bb5709cf4f">ix_int</label>
          <input id:ignore="ix_int_f98488ef-ed9b-456a-8d53-f8bb5709cf4f" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 " style="flex: 1;">
        <div name="testingProgram-testLayoutOverwrite-ix_string" class="w-100 form-group mb-2">
          <label for:ignore="ix_string_e9d5bb54-fc1f-4b34-a2eb-87a63b64ac00">ix_string</label>
          <input id:ignore="ix_string_e9d5bb54-fc1f-4b34-a2eb-87a63b64ac00" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 flex-even uniformGridItem">
        <div name="WrapPanel" class="d-flex flex-wrap ">
          <div class="p-2 ">
            <div name="testingProgram-testLayoutOverwrite-simple-Piston_A1" class="w-100 form-group mb-2">
              <label for:ignore="Piston_A1_fb810785-07c3-4eb8-8ce3-eee50b00d48c">A1</label>
              <input id:ignore="Piston_A1_fb810785-07c3-4eb8-8ce3-eee50b00d48c" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
              <div class="invalid-feedback"></div>
            </div>
          </div>
          <div class="p-2 ">
            <div name="testingProgram-testLayoutOverwrite-simple-Piston_A2" class="w-100 form-group mb-2">
              <label for:ignore="Piston_A2_fe85fb45-0271-497b-9a62-6ef6a3bc15ab">A2</label>
              <input id:ignore="Piston_A2_fe85fb45-0271-497b-9a62-6ef6a3bc15ab" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
              <div class="invalid-feedback"></div>
            </div>
          </div>
          <div class="p-2 ">
            <div name="testingProgram-testLayoutOverwrite-simple-Piston_A3" class="w-100 form-group mb-2">
              <label for:ignore="Piston_A3_1f695cbf-d57a-4903-9fa9-2c022ddf5ec0">A3</label>
              <input id:ignore="Piston_A3_1f695cbf-d57a-4903-9fa9-2c022ddf5ec0" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
              <div class="invalid-feedback"></div>
            </div>
          </div>
          <div class="p-2 ">
            <div name="testingProgram-testLayoutOverwrite-simple-Piston_A4" class="w-100 form-group mb-2">
              <label for:ignore="Piston_A4_eb48074a-78db-43bc-a43d-ff5565ef0c4a">A4</label>
              <input id:ignore="Piston_A4_eb48074a-78db-43bc-a43d-ff5565ef0c4a" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
              <div class="invalid-feedback"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="p-2 flex-even uniformGridItem">
        <div name="WrapPanel" class="d-flex flex-wrap ">
          <div class="p-2 wrapItem">
            <div name="TabControl" class="w-100 ">
              <ul class="nav nav-tabs mb-3">
                <li class="nav-item">
                  <button type="button" class="nav-link active">
                    <b>North pole station</b>
                  </button>
                </li>
                <li class="nav-item">
                  <button type="button" class="nav-link">
                    <b>South pole station</b>
                  </button>
                </li>
                <li class="nav-item">
                  <button type="button" class="nav-link">
                    <b>Verl, Germany</b>
                  </button>
                </li>
                <li class="nav-item">
                  <button type="button" class="nav-link">
                    <b>Kriva, Slovakia</b>
                  </button>
                </li>
              </ul>
              <div class="content">
                <div name="StackPanel" class="content p-3 ">
                  <div>
                    <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-StationICAO" class="w-100 form-group mb-2">
                      <label for:ignore="StationICAO_0136ed6b-cb31-4bd8-bbc5-d45792bb121f">Station name (ICAO)</label>
                      <input id:ignore="StationICAO_0136ed6b-cb31-4bd8-bbc5-d45792bb121f" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
                      <div class="invalid-feedback"></div>
                    </div>
                  </div>
                  <div>
                    <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-StationStatus" class="w-100 form-group mb-2">
                      <label for:ignore="StationStatus_6054b741-8528-4af2-ba26-9b0ad115eb0c">Station status</label>
                      <input id:ignore="StationStatus_6054b741-8528-4af2-ba26-9b0ad115eb0c" class="w-100 form-control " readonly="readonly" style="background-color:transparent" value:ignore="Unknown  ">
                      <div class="invalid-feedback"></div>
                    </div>
                  </div>
                  <div>
                    <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-Pressure" class="w-100 form-group mb-2">
                      <label for:ignore="Pressure_f64b3671-e9e7-4ac9-8a36-8653baa63103">Pressure</label>
                      <input id:ignore="Pressure_f64b3671-e9e7-4ac9-8a36-8653baa63103" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
                      <div class="invalid-feedback"></div>
                    </div>
                  </div>
                  <div>
                    <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-Temp" class="w-100 form-group mb-2">
                      <label for:ignore="Temp_01982d87-5020-466d-b854-05903c6c30ab">Temperature</label>
                      <input id:ignore="Temp_01982d87-5020-466d-b854-05903c6c30ab" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
                      <div class="invalid-feedback"></div>
                    </div>
                  </div>
                  <div>
                    <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-Visibility" class="w-100 form-group mb-2">
                      <label for:ignore="Visibility_5fa762e1-1e05-4855-9052-813e0bdb06a9">Visibility</label>
                      <input id:ignore="Visibility_5fa762e1-1e05-4855-9052-813e0bdb06a9" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
                      <div class="invalid-feedback"></div>
                    </div>
                  </div>
                  <div>
                    <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-WindHeading" class="w-100 form-group mb-2">
                      <label for:ignore="WindHeading_5f3f4a5a-3246-4e61-a537-3d4b9630c9d4">Wind heading</label>
                      <input id:ignore="WindHeading_5f3f4a5a-3246-4e61-a537-3d4b9630c9d4" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
                      <div class="invalid-feedback"></div>
                    </div>
                  </div>
                  <div>
                    <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-WindSpeed" class="w-100 form-group mb-2">
                      <label for:ignore="WindSpeed_c43dfc4a-b0cb-4fc9-8f55-1e64f4ba87d5">Wind speed</label>
                      <input id:ignore="WindSpeed_c43dfc4a-b0cb-4fc9-8f55-1e64f4ba87d5" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
                      <div class="invalid-feedback"></div>
                    </div>
                  </div>
                  <div>
                    <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-TestDate" class="w-100 form-group mb-2">
                      <label for:ignore="TestDate_4b94518f-520e-4d65-845c-6d16f4d6093f">TestDate</label>
                      <input id:ignore="TestDate_4b94518f-520e-4d65-845c-6d16f4d6093f" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="date" value:ignore="1. 1. 0001">
                      <div class="invalid-feedback"></div>
                    </div>
                  </div>
                  <div>
                    <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-TestDateTime" class="w-100 form-group mb-2">
                      <label for:ignore="TestDateTime_091454dd-a54e-4e22-8e49-4a21184590e2">TestDateTime</label>
                      <input id:ignore="TestDateTime_091454dd-a54e-4e22-8e49-4a21184590e2" class="w-100 form-control " style="background-color:transparent" readonly="readonly" type="datetime" value:ignore="1. 1. 0001 0:00:00">
                      <div class="invalid-feedback"></div>
                    </div>
                  </div>
                  <div>
                    <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-TestTimeOfDay" class="w-100 form-group mb-2">
                      <label for:ignore="TestTimeOfDay_eddd2ed2-7029-4230-93e3-66aaff374af1">TestTimeOfDay</label>
                      <input id:ignore="TestTimeOfDay_eddd2ed2-7029-4230-93e3-66aaff374af1" class="w-100 form-control " style="background-color:transparent" type="text" value:ignore="00:00:00" readonly="readonly">
                      <div class="invalid-feedback"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="p-2 wrapItem">
            <div name="GroupBox" class="card w-100 p-2">
              <span style="font-weight: bold; padding-bottom:2px;">What plc says</span>
              <div name="StackPanel" class="content p-3 ">
                <div>
                  <div name="testingProgram-testLayoutOverwrite-weather-PlcCommentOnCurrentWeather" class="w-100 form-group mb-2">
                    <label for:ignore="PlcCommentOnCurrentWeather_655ccd78-3efd-44a6-b0a5-0ce7311f345d">What plc says</label>
                    <input id:ignore="PlcCommentOnCurrentWeather_655ccd78-3efd-44a6-b0a5-0ce7311f345d" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
                    <div class="invalid-feedback"></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  
Raw output
Bunit.HtmlEqualException : HTML comparison failed. 

The following errors were found:
  1: The values of the attributes at div(0) > div(0) > div(4) > div(0) > div(0) > div(0) > div(1) > div(0) > div(7) > div(0) > input(1)[type] are different.
  2: The values of the attributes at div(0) > div(0) > div(4) > div(0) > div(0) > div(0) > div(1) > div(0) > div(8) > div(0) > input(1)[type] are different.

Actual HTML: 
<div name="testingProgram-testLayoutOverwrite" >
  <div name="UniformGrid" class="d-flex flex-nowrap w-100 ">
    <div class="p-2 " style="flex: 1;">
      <div name="testingProgram-testLayoutOverwrite-ix_bool" class="w-100 form-group mb-2">
        <label for="ix_bool_5a9022c3-3c7f-41e2-b734-94b76bc9d10e">ix_bool</label>
        <div class="form-check form-switch">
          <input id="ix_bool_5a9022c3-3c7f-41e2-b734-94b76bc9d10e" disabled="" class="form-check-input " type="checkbox" >
        </div>
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 " style="flex: 1;">
      <div name="testingProgram-testLayoutOverwrite-ix_int" class="w-100 form-group mb-2">
        <label for="ix_int_3d1e0830-6a98-4ee0-a5d8-4ec38e547137">ix_int</label>
        <input id="ix_int_3d1e0830-6a98-4ee0-a5d8-4ec38e547137" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 " style="flex: 1;">
      <div name="testingProgram-testLayoutOverwrite-ix_string" class="w-100 form-group mb-2">
        <label for="ix_string_8377775e-85f8-4301-ab2d-528c69c0576c">ix_string</label>
        <input id="ix_string_8377775e-85f8-4301-ab2d-528c69c0576c" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 flex-even uniformGridItem">
      <div name="WrapPanel" class="d-flex flex-wrap ">
        <div class="p-2 ">
          <div name="testingProgram-testLayoutOverwrite-simple-Piston_A1" class="w-100 form-group mb-2">
            <label for="Piston_A1_2748b727-e6cd-4d74-a2ea-4d7562f1c88a">A1</label>
            <input id="Piston_A1_2748b727-e6cd-4d74-a2ea-4d7562f1c88a" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
            <div class="invalid-feedback"></div>
          </div>
        </div>
        <div class="p-2 ">
          <div name="testingProgram-testLayoutOverwrite-simple-Piston_A2" class="w-100 form-group mb-2">
            <label for="Piston_A2_9df8d3d9-e418-4e08-b946-1e9a0cd3b018">A2</label>
            <input id="Piston_A2_9df8d3d9-e418-4e08-b946-1e9a0cd3b018" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
            <div class="invalid-feedback"></div>
          </div>
        </div>
        <div class="p-2 ">
          <div name="testingProgram-testLayoutOverwrite-simple-Piston_A3" class="w-100 form-group mb-2">
            <label for="Piston_A3_53c7a34d-7421-4aa0-bc33-da9516903c4e">A3</label>
            <input id="Piston_A3_53c7a34d-7421-4aa0-bc33-da9516903c4e" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
            <div class="invalid-feedback"></div>
          </div>
        </div>
        <div class="p-2 ">
          <div name="testingProgram-testLayoutOverwrite-simple-Piston_A4" class="w-100 form-group mb-2">
            <label for="Piston_A4_63aed4c0-2738-4554-829f-0f51470d1a98">A4</label>
            <input id="Piston_A4_63aed4c0-2738-4554-829f-0f51470d1a98" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
            <div class="invalid-feedback"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="p-2 flex-even uniformGridItem">
      <div name="WrapPanel" class="d-flex flex-wrap ">
        <div class="p-2 wrapItem">
          <div name="TabControl" class="w-100 ">
            <ul class="nav nav-tabs mb-3">
              <li class="nav-item">
                <button type="button" class="nav-link active" >
                  <b>North pole station</b>
                </button>
              </li>
              <li class="nav-item">
                <button type="button" class="nav-link" >
                  <b>South pole station</b>
                </button>
              </li>
              <li class="nav-item">
                <button type="button" class="nav-link" >
                  <b>Verl, Germany</b>
                </button>
              </li>
              <li class="nav-item">
                <button type="button" class="nav-link" >
                  <b>Kriva, Slovakia</b>
                </button>
              </li>
            </ul>
            <div class="content">
              <div name="StackPanel" class="content p-3 ">
                <div>
                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-StationICAO" class="w-100 form-group mb-2">
                    <label for="StationICAO_f197ee1e-dae4-4277-bcfd-df038b704c3f">Station name (ICAO)</label>
                    <input id="StationICAO_f197ee1e-dae4-4277-bcfd-df038b704c3f" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
                    <div class="invalid-feedback"></div>
                  </div>
                </div>
                <div>
                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-StationStatus" class="w-100 form-group mb-2">
                    <label for="StationStatus_1669ee2e-c1e9-4aa9-bcd5-7982d4755f44">Station status</label>
                    <input id="StationStatus_1669ee2e-c1e9-4aa9-bcd5-7982d4755f44" class="w-100 form-control " readonly="readonly" style="background-color:transparent" value="Unknown  ">
                    <div class="invalid-feedback"></div>
                  </div>
                </div>
                <div>
                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-Pressure" class="w-100 form-group mb-2">
                    <label for="Pressure_5a85038c-082e-43a9-be56-e38a13b3ac08">Pressure</label>
                    <input id="Pressure_5a85038c-082e-43a9-be56-e38a13b3ac08" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
                    <div class="invalid-feedback"></div>
                  </div>
                </div>
                <div>
                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-Temp" class="w-100 form-group mb-2">
                    <label for="Temp_ecb991c4-f913-4737-9e0c-8717f0a88f3a">Temperature</label>
                    <input id="Temp_ecb991c4-f913-4737-9e0c-8717f0a88f3a" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
                    <div class="invalid-feedback"></div>
                  </div>
                </div>
                <div>
                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-Visibility" class="w-100 form-group mb-2">
                    <label for="Visibility_2c24723e-4fdf-452e-9010-b2b692840446">Visibility</label>
                    <input id="Visibility_2c24723e-4fdf-452e-9010-b2b692840446" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
                    <div class="invalid-feedback"></div>
                  </div>
                </div>
                <div>
                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-WindHeading" class="w-100 form-group mb-2">
                    <label for="WindHeading_85e900c0-a144-4a21-af1c-1c609bfc0d58">Wind heading</label>
                    <input id="WindHeading_85e900c0-a144-4a21-af1c-1c609bfc0d58" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
                    <div class="invalid-feedback"></div>
                  </div>
                </div>
                <div>
                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-WindSpeed" class="w-100 form-group mb-2">
                    <label for="WindSpeed_ff66d0e5-a4a6-41d7-8bbd-43a0c2246f36">Wind speed</label>
                    <input id="WindSpeed_ff66d0e5-a4a6-41d7-8bbd-43a0c2246f36" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
                    <div class="invalid-feedback"></div>
                  </div>
                </div>
                <div>
                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-TestDate" class="w-100 form-group mb-2">
                    <label for="TestDate_c894beba-2481-4b9d-bc43-485644cbfaff">TestDate</label>
                    <input id="TestDate_c894beba-2481-4b9d-bc43-485644cbfaff" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="1/1/0001">
                    <div class="invalid-feedback"></div>
                  </div>
                </div>
                <div>
                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-TestDateTime" class="w-100 form-group mb-2">
                    <label for="TestDateTime_1456b912-435d-42cd-8408-41e98e6823a6">TestDateTime</label>
                    <input id="TestDateTime_1456b912-435d-42cd-8408-41e98e6823a6" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="1/1/0001 12:00:00 AM">
                    <div class="invalid-feedback"></div>
                  </div>
                </div>
                <div>
                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-TestTimeOfDay" class="w-100 form-group mb-2">
                    <label for="TestTimeOfDay_33d1d38e-6f62-4a5b-ba76-40a82428e4e6">TestTimeOfDay</label>
                    <input id="TestTimeOfDay_33d1d38e-6f62-4a5b-ba76-40a82428e4e6" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="00:00:00">
                    <div class="invalid-feedback"></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="p-2 wrapItem">
          <div name="GroupBox" class="card w-100 p-2">
            <span style="font-weight: bold; padding-bottom:2px;">What plc says</span>
            <div name="StackPanel" class="content p-3 ">
              <div>
                <div name="testingProgram-testLayoutOverwrite-weather-PlcCommentOnCurrentWeather" class="w-100 form-group mb-2">
                  <label for="PlcCommentOnCurrentWeather_997ce62e-f15e-466a-87ee-3eea42c80004">What plc says</label>
                  <input id="PlcCommentOnCurrentWeather_997ce62e-f15e-466a-87ee-3eea42c80004" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
                  <div class="invalid-feedback"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

Expected HTML: 
<div name="testingProgram-testLayoutOverwrite">
  <div name="UniformGrid" class="d-flex flex-nowrap w-100 ">
    <div class="p-2 " style="flex: 1;">
      <div name="testingProgram-testLayoutOverwrite-ix_bool" class="w-100 form-group mb-2">
        <label for:ignore="ix_bool_5c6e6124-5dad-4a9b-9d2d-46cc8fffe6cc">ix_bool</label>
        <div class="form-check form-switch">
          <input id:ignore="ix_bool_5c6e6124-5dad-4a9b-9d2d-46cc8fffe6cc" class="form-check-input " type="checkbox" disabled="">
        </div>
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 " style="flex: 1;">
      <div name="testingProgram-testLayoutOverwrite-ix_int" class="w-100 form-group mb-2">
        <label for:ignore="ix_int_f98488ef-ed9b-456a-8d53-f8bb5709cf4f">ix_int</label>
        <input id:ignore="ix_int_f98488ef-ed9b-456a-8d53-f8bb5709cf4f" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 " style="flex: 1;">
      <div name="testingProgram-testLayoutOverwrite-ix_string" class="w-100 form-group mb-2">
        <label for:ignore="ix_string_e9d5bb54-fc1f-4b34-a2eb-87a63b64ac00">ix_string</label>
        <input id:ignore="ix_string_e9d5bb54-fc1f-4b34-a2eb-87a63b64ac00" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 flex-even uniformGridItem">
      <div name="WrapPanel" class="d-flex flex-wrap ">
        <div class="p-2 ">
          <div name="testingProgram-testLayoutOverwrite-simple-Piston_A1" class="w-100 form-group mb-2">
            <label for:ignore="Piston_A1_fb810785-07c3-4eb8-8ce3-eee50b00d48c">A1</label>
            <input id:ignore="Piston_A1_fb810785-07c3-4eb8-8ce3-eee50b00d48c" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
            <div class="invalid-feedback"></div>
          </div>
        </div>
        <div class="p-2 ">
          <div name="testingProgram-testLayoutOverwrite-simple-Piston_A2" class="w-100 form-group mb-2">
            <label for:ignore="Piston_A2_fe85fb45-0271-497b-9a62-6ef6a3bc15ab">A2</label>
            <input id:ignore="Piston_A2_fe85fb45-0271-497b-9a62-6ef6a3bc15ab" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
            <div class="invalid-feedback"></div>
          </div>
        </div>
        <div class="p-2 ">
          <div name="testingProgram-testLayoutOverwrite-simple-Piston_A3" class="w-100 form-group mb-2">
            <label for:ignore="Piston_A3_1f695cbf-d57a-4903-9fa9-2c022ddf5ec0">A3</label>
            <input id:ignore="Piston_A3_1f695cbf-d57a-4903-9fa9-2c022ddf5ec0" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
            <div class="invalid-feedback"></div>
          </div>
        </div>
        <div class="p-2 ">
          <div name="testingProgram-testLayoutOverwrite-simple-Piston_A4" class="w-100 form-group mb-2">
            <label for:ignore="Piston_A4_eb48074a-78db-43bc-a43d-ff5565ef0c4a">A4</label>
            <input id:ignore="Piston_A4_eb48074a-78db-43bc-a43d-ff5565ef0c4a" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
            <div class="invalid-feedback"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="p-2 flex-even uniformGridItem">
      <div name="WrapPanel" class="d-flex flex-wrap ">
        <div class="p-2 wrapItem">
          <div name="TabControl" class="w-100 ">
            <ul class="nav nav-tabs mb-3">
              <li class="nav-item">
                <button type="button" class="nav-link active">
                  <b>North pole station</b>
                </button>
              </li>
              <li class="nav-item">
                <button type="button" class="nav-link">
                  <b>South pole station</b>
                </button>
              </li>
              <li class="nav-item">
                <button type="button" class="nav-link">
                  <b>Verl, Germany</b>
                </button>
              </li>
              <li class="nav-item">
                <button type="button" class="nav-link">
                  <b>Kriva, Slovakia</b>
                </button>
              </li>
            </ul>
            <div class="content">
              <div name="StackPanel" class="content p-3 ">
                <div>
                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-StationICAO" class="w-100 form-group mb-2">
                    <label for:ignore="StationICAO_0136ed6b-cb31-4bd8-bbc5-d45792bb121f">Station name (ICAO)</label>
                    <input id:ignore="StationICAO_0136ed6b-cb31-4bd8-bbc5-d45792bb121f" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
                    <div class="invalid-feedback"></div>
                  </div>
                </div>
                <div>
                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-StationStatus" class="w-100 form-group mb-2">
                    <label for:ignore="StationStatus_6054b741-8528-4af2-ba26-9b0ad115eb0c">Station status</label>
                    <input id:ignore="StationStatus_6054b741-8528-4af2-ba26-9b0ad115eb0c" class="w-100 form-control " readonly="readonly" style="background-color:transparent" value:ignore="Unknown  ">
                    <div class="invalid-feedback"></div>
                  </div>
                </div>
                <div>
                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-Pressure" class="w-100 form-group mb-2">
                    <label for:ignore="Pressure_f64b3671-e9e7-4ac9-8a36-8653baa63103">Pressure</label>
                    <input id:ignore="Pressure_f64b3671-e9e7-4ac9-8a36-8653baa63103" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
                    <div class="invalid-feedback"></div>
                  </div>
                </div>
                <div>
                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-Temp" class="w-100 form-group mb-2">
                    <label for:ignore="Temp_01982d87-5020-466d-b854-05903c6c30ab">Temperature</label>
                    <input id:ignore="Temp_01982d87-5020-466d-b854-05903c6c30ab" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
                    <div class="invalid-feedback"></div>
                  </div>
                </div>
                <div>
                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-Visibility" class="w-100 form-group mb-2">
                    <label for:ignore="Visibility_5fa762e1-1e05-4855-9052-813e0bdb06a9">Visibility</label>
                    <input id:ignore="Visibility_5fa762e1-1e05-4855-9052-813e0bdb06a9" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
                    <div class="invalid-feedback"></div>
                  </div>
                </div>
                <div>
                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-WindHeading" class="w-100 form-group mb-2">
                    <label for:ignore="WindHeading_5f3f4a5a-3246-4e61-a537-3d4b9630c9d4">Wind heading</label>
                    <input id:ignore="WindHeading_5f3f4a5a-3246-4e61-a537-3d4b9630c9d4" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
                    <div class="invalid-feedback"></div>
                  </div>
                </div>
                <div>
                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-WindSpeed" class="w-100 form-group mb-2">
                    <label for:ignore="WindSpeed_c43dfc4a-b0cb-4fc9-8f55-1e64f4ba87d5">Wind speed</label>
                    <input id:ignore="WindSpeed_c43dfc4a-b0cb-4fc9-8f55-1e64f4ba87d5" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
                    <div class="invalid-feedback"></div>
                  </div>
                </div>
                <div>
                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-TestDate" class="w-100 form-group mb-2">
                    <label for:ignore="TestDate_4b94518f-520e-4d65-845c-6d16f4d6093f">TestDate</label>
                    <input id:ignore="TestDate_4b94518f-520e-4d65-845c-6d16f4d6093f" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="date" value:ignore="1. 1. 0001">
                    <div class="invalid-feedback"></div>
                  </div>
                </div>
                <div>
                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-TestDateTime" class="w-100 form-group mb-2">
                    <label for:ignore="TestDateTime_091454dd-a54e-4e22-8e49-4a21184590e2">TestDateTime</label>
                    <input id:ignore="TestDateTime_091454dd-a54e-4e22-8e49-4a21184590e2" class="w-100 form-control " style="background-color:transparent" readonly="readonly" type="datetime" value:ignore="1. 1. 0001 0:00:00">
                    <div class="invalid-feedback"></div>
                  </div>
                </div>
                <div>
                  <div name="testingProgram-testLayoutOverwrite-weather-_weatherStations-NorthPole-TestTimeOfDay" class="w-100 form-group mb-2">
                    <label for:ignore="TestTimeOfDay_eddd2ed2-7029-4230-93e3-66aaff374af1">TestTimeOfDay</label>
                    <input id:ignore="TestTimeOfDay_eddd2ed2-7029-4230-93e3-66aaff374af1" class="w-100 form-control " style="background-color:transparent" type="text" value:ignore="00:00:00" readonly="readonly">
                    <div class="invalid-feedback"></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="p-2 wrapItem">
          <div name="GroupBox" class="card w-100 p-2">
            <span style="font-weight: bold; padding-bottom:2px;">What plc says</span>
            <div name="StackPanel" class="content p-3 ">
              <div>
                <div name="testingProgram-testLayoutOverwrite-weather-PlcCommentOnCurrentWeather" class="w-100 form-group mb-2">
                  <label for:ignore="PlcCommentOnCurrentWeather_655ccd78-3efd-44a6-b0a5-0ce7311f345d">What plc says</label>
                  <input id:ignore="PlcCommentOnCurrentWeather_655ccd78-3efd-44a6-b0a5-0ce7311f345d" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
                  <div class="invalid-feedback"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

   at Bunit.MarkupMatchesAssertExtensions.MarkupMatches(INodeList actual, INodeList expected, String userMessage) in /_/src/bunit.web/Asserting/MarkupMatchesAssertExtensions.cs:line 237
   at Bunit.MarkupMatchesAssertExtensions.MarkupMatches(IRenderedFragment actual, String expected, String userMessage) in /_/src/bunit.web/Asserting/MarkupMatchesAssertExtensions.cs:line 113
   at AXSharp.RenderableContent.Tests.RenderableContentTests.Render_stTestLayoutOverwrite_Success() in C:\actions-runner-IX-GH003\_work\axsharp\axsharp\src\AXSharp.blazor\tests\sandbox\AXSharp.RenderableContent.Tests\RenderableContentTests.cs:line 159

Check failure on line 60 in src/AXSharp.blazor/tests/sandbox/AXSharp.RenderableContent.Tests/RenderableContentTests.cs

See this annotation in the file changed.

@github-actions github-actions / Test report

AXSharp.RenderableContent.Tests.RenderableContentTests ► Render_stTestPrimitive_Wrap_Success

Failed test found in:
  TestResults/AXSharp.RenderableContent.Tests.csproj_net6.0.xml
Error:
  Bunit.HtmlEqualException : HTML comparison failed. 
  
  The following errors were found:
    1: The values of the attributes at div(0) > div(0) > div(8) > div(0) > input(1)[type] are different.
    2: The values of the attributes at div(0) > div(0) > div(9) > div(0) > input(1)[type] are different.
  
  Actual HTML: 
  <div name="testingProgram-testPrimitive" >
    <div name="WrapPanel" class="d-flex flex-wrap ">
      <div class="p-2 ">
        <div name="testingProgram-testPrimitive-testInteger" class="w-100 form-group mb-2">
          <label for="testInteger_aad8059f-08f3-4f24-bcc1-582a000c0674">Integer From PLC</label>
          <input id="testInteger_aad8059f-08f3-4f24-bcc1-582a000c0674" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 ">
        <div name="testingProgram-testPrimitive-testUInteger" class="w-100 form-group mb-2">
          <label for="testUInteger_5c2a4d70-dc11-48e9-bccf-fe7a59d04975">UInteger From PLC</label>
          <input id="testUInteger_5c2a4d70-dc11-48e9-bccf-fe7a59d04975" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 ">
        <div name="testingProgram-testPrimitive-testString" class="w-100 form-group mb-2">
          <label for="testString_f03b6440-ecb7-4c47-a151-414ed5441f1c">STRING From PLC</label>
          <input id="testString_f03b6440-ecb7-4c47-a151-414ed5441f1c" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 ">
        <div name="testingProgram-testPrimitive-testWord" class="w-100 form-group mb-2">
          <label for="testWord_0c2a5048-1f3b-4344-a80b-a4c9f9fbb0e0">WORD From PLC</label>
          <input id="testWord_0c2a5048-1f3b-4344-a80b-a4c9f9fbb0e0" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 ">
        <div name="testingProgram-testPrimitive-testByte" class="w-100 form-group mb-2">
          <label for="testByte_a1befa4d-fe0c-478e-bb7a-bfed30e64bf9">BYTE From PLC</label>
          <input id="testByte_a1befa4d-fe0c-478e-bb7a-bfed30e64bf9" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 ">
        <div name="testingProgram-testPrimitive-testReal" class="w-100 form-group mb-2">
          <label for="testReal_6aec876b-1d9a-4351-9eea-37761b1fb25b">REAL From PLC</label>
          <input id="testReal_6aec876b-1d9a-4351-9eea-37761b1fb25b" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 ">
        <div name="testingProgram-testPrimitive-testLReal" class="w-100 form-group mb-2">
          <label for="testLReal_ef75ee22-4d84-492d-b7a9-7dd2434cee3d">LREAL From PLC</label>
          <input id="testLReal_ef75ee22-4d84-492d-b7a9-7dd2434cee3d" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 ">
        <div name="testingProgram-testPrimitive-testBool" class="w-100 form-group mb-2">
          <label for="testBool_ffc46b6a-6a5e-4993-810f-a489a7febee3">BOOL From PLC</label>
          <div class="form-check form-switch">
            <input id="testBool_ffc46b6a-6a5e-4993-810f-a489a7febee3" disabled="" class="form-check-input " type="checkbox" >
          </div>
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 ">
        <div name="testingProgram-testPrimitive-TestDate" class="w-100 form-group mb-2">
          <label for="TestDate_d08579ae-a023-4961-8f4b-c3f840056787">DATE From PLC</label>
          <input id="TestDate_d08579ae-a023-4961-8f4b-c3f840056787" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="1/1/0001">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 ">
        <div name="testingProgram-testPrimitive-TestDateTime" class="w-100 form-group mb-2">
          <label for="TestDateTime_6d94f68d-68de-4e0a-a46b-667039d41408">DATE_AND_TIME From PLC</label>
          <input id="TestDateTime_6d94f68d-68de-4e0a-a46b-667039d41408" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="1/1/0001 12:00:00 AM">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 ">
        <div name="testingProgram-testPrimitive-TestTimeOfDay" class="w-100 form-group mb-2">
          <label for="TestTimeOfDay_c41a8102-518d-4d96-9c24-f66e522d8561">TIME_OF_DAY From PLC</label>
          <input id="TestTimeOfDay_c41a8102-518d-4d96-9c24-f66e522d8561" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="00:00:00">
          <div class="invalid-feedback"></div>
        </div>
      </div>
    </div>
  </div>
  
  Expected HTML: 
  <div name="testingProgram-testPrimitive">
    <div name="WrapPanel" class="d-flex flex-wrap">
      <div class="p-2">
        <div name="testingProgram-testPrimitive-testInteger" class="w-100 form-group mb-2">
          <label for:ignore="testInteger_5f407120-bc13-45d6-a433-59841a665e42">Integer From PLC</label>
          <input id:ignore="testInteger_5f407120-bc13-45d6-a433-59841a665e42" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2">
        <div name="testingProgram-testPrimitive-testUInteger" class="w-100 form-group mb-2">
          <label for:ignore="testUInteger_2b0d5b33-5736-47c5-9767-9a88d40ec749">UInteger From PLC</label>
          <input id:ignore="testUInteger_2b0d5b33-5736-47c5-9767-9a88d40ec749" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2">
        <div name="testingProgram-testPrimitive-testString" class="w-100 form-group mb-2">
          <label for:ignore="testString_18473c94-5017-4d53-94e7-2a40971117a6">STRING From PLC</label>
          <input id:ignore="testString_18473c94-5017-4d53-94e7-2a40971117a6" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2">
        <div name="testingProgram-testPrimitive-testWord" class="w-100 form-group mb-2">
          <label for:ignore="testWord_81316829-a79f-4e6b-8c2a-9d73d161598d">WORD From PLC</label>
          <input id:ignore="testWord_81316829-a79f-4e6b-8c2a-9d73d161598d" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2">
        <div name="testingProgram-testPrimitive-testByte" class="w-100 form-group mb-2">
          <label for:ignore="testByte_d50f0127-b339-4895-ae1e-8d3c923bc54e">BYTE From PLC</label>
          <input id:ignore="testByte_d50f0127-b339-4895-ae1e-8d3c923bc54e" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2">
        <div name="testingProgram-testPrimitive-testReal" class="w-100 form-group mb-2">
          <label for:ignore="testReal_b3d79636-d9f7-4716-b917-699bd1ebc090">REAL From PLC</label>
          <input id:ignore="testReal_b3d79636-d9f7-4716-b917-699bd1ebc090" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2">
        <div name="testingProgram-testPrimitive-testLReal" class="w-100 form-group mb-2">
          <label for:ignore="testLReal_11fe9396-066a-4e7b-8f70-438374bad7d0">LREAL From PLC</label>
          <input id:ignore="testLReal_11fe9396-066a-4e7b-8f70-438374bad7d0" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2">
        <div name="testingProgram-testPrimitive-testBool" class="w-100 form-group mb-2">
          <label for:ignore="testBool_3f588bc7-9b93-4afb-be6a-b6661e4f6beb">BOOL From PLC</label>
          <div class="form-check form-switch">
            <input id:ignore="testBool_3f588bc7-9b93-4afb-be6a-b6661e4f6beb" class="form-check-input " type="checkbox" disabled="">
          </div>
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2">
        <div name="testingProgram-testPrimitive-TestDate" class="w-100 form-group mb-2">
          <label for:ignore="TestDate_86a8a140-03d9-4de6-8bbc-9ce56381279c">DATE From PLC</label>
          <input id:ignore="TestDate_86a8a140-03d9-4de6-8bbc-9ce56381279c" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="date" value:ignore="1. 1. 0001">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2">
        <div name="testingProgram-testPrimitive-TestDateTime" class="w-100 form-group mb-2">
          <label for:ignore="TestDateTime_f2007781-9c32-4479-8aa7-b309969d2c30">DATE_AND_TIME From PLC</label>
          <input id:ignore="TestDateTime_f2007781-9c32-4479-8aa7-b309969d2c30" class="w-100 form-control " style="background-color:transparent" readonly="readonly" type="datetime" value:ignore="1. 1. 0001 0:00:00">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2">
        <div name="testingProgram-testPrimitive-TestTimeOfDay" class="w-100 form-group mb-2">
          <label for:ignore="TestTimeOfDay_3ac036ca-ee16-42df-ae49-6aace73caf05">TIME_OF_DAY From PLC</label>
          <input id:ignore="TestTimeOfDay_3ac036ca-ee16-42df-ae49-6aace73caf05" class="w-100 form-control " style="background-color:transparent" type="text" value:ignore="00:00:00" readonly="readonly">
          <div class="invalid-feedback"></div>
        </div>
      </div>
    </div>
  </div>
  
Raw output
Bunit.HtmlEqualException : HTML comparison failed. 

The following errors were found:
  1: The values of the attributes at div(0) > div(0) > div(8) > div(0) > input(1)[type] are different.
  2: The values of the attributes at div(0) > div(0) > div(9) > div(0) > input(1)[type] are different.

Actual HTML: 
<div name="testingProgram-testPrimitive" >
  <div name="WrapPanel" class="d-flex flex-wrap ">
    <div class="p-2 ">
      <div name="testingProgram-testPrimitive-testInteger" class="w-100 form-group mb-2">
        <label for="testInteger_aad8059f-08f3-4f24-bcc1-582a000c0674">Integer From PLC</label>
        <input id="testInteger_aad8059f-08f3-4f24-bcc1-582a000c0674" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 ">
      <div name="testingProgram-testPrimitive-testUInteger" class="w-100 form-group mb-2">
        <label for="testUInteger_5c2a4d70-dc11-48e9-bccf-fe7a59d04975">UInteger From PLC</label>
        <input id="testUInteger_5c2a4d70-dc11-48e9-bccf-fe7a59d04975" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 ">
      <div name="testingProgram-testPrimitive-testString" class="w-100 form-group mb-2">
        <label for="testString_f03b6440-ecb7-4c47-a151-414ed5441f1c">STRING From PLC</label>
        <input id="testString_f03b6440-ecb7-4c47-a151-414ed5441f1c" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 ">
      <div name="testingProgram-testPrimitive-testWord" class="w-100 form-group mb-2">
        <label for="testWord_0c2a5048-1f3b-4344-a80b-a4c9f9fbb0e0">WORD From PLC</label>
        <input id="testWord_0c2a5048-1f3b-4344-a80b-a4c9f9fbb0e0" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 ">
      <div name="testingProgram-testPrimitive-testByte" class="w-100 form-group mb-2">
        <label for="testByte_a1befa4d-fe0c-478e-bb7a-bfed30e64bf9">BYTE From PLC</label>
        <input id="testByte_a1befa4d-fe0c-478e-bb7a-bfed30e64bf9" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 ">
      <div name="testingProgram-testPrimitive-testReal" class="w-100 form-group mb-2">
        <label for="testReal_6aec876b-1d9a-4351-9eea-37761b1fb25b">REAL From PLC</label>
        <input id="testReal_6aec876b-1d9a-4351-9eea-37761b1fb25b" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 ">
      <div name="testingProgram-testPrimitive-testLReal" class="w-100 form-group mb-2">
        <label for="testLReal_ef75ee22-4d84-492d-b7a9-7dd2434cee3d">LREAL From PLC</label>
        <input id="testLReal_ef75ee22-4d84-492d-b7a9-7dd2434cee3d" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 ">
      <div name="testingProgram-testPrimitive-testBool" class="w-100 form-group mb-2">
        <label for="testBool_ffc46b6a-6a5e-4993-810f-a489a7febee3">BOOL From PLC</label>
        <div class="form-check form-switch">
          <input id="testBool_ffc46b6a-6a5e-4993-810f-a489a7febee3" disabled="" class="form-check-input " type="checkbox" >
        </div>
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 ">
      <div name="testingProgram-testPrimitive-TestDate" class="w-100 form-group mb-2">
        <label for="TestDate_d08579ae-a023-4961-8f4b-c3f840056787">DATE From PLC</label>
        <input id="TestDate_d08579ae-a023-4961-8f4b-c3f840056787" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="1/1/0001">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 ">
      <div name="testingProgram-testPrimitive-TestDateTime" class="w-100 form-group mb-2">
        <label for="TestDateTime_6d94f68d-68de-4e0a-a46b-667039d41408">DATE_AND_TIME From PLC</label>
        <input id="TestDateTime_6d94f68d-68de-4e0a-a46b-667039d41408" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="1/1/0001 12:00:00 AM">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 ">
      <div name="testingProgram-testPrimitive-TestTimeOfDay" class="w-100 form-group mb-2">
        <label for="TestTimeOfDay_c41a8102-518d-4d96-9c24-f66e522d8561">TIME_OF_DAY From PLC</label>
        <input id="TestTimeOfDay_c41a8102-518d-4d96-9c24-f66e522d8561" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="00:00:00">
        <div class="invalid-feedback"></div>
      </div>
    </div>
  </div>
</div>

Expected HTML: 
<div name="testingProgram-testPrimitive">
  <div name="WrapPanel" class="d-flex flex-wrap">
    <div class="p-2">
      <div name="testingProgram-testPrimitive-testInteger" class="w-100 form-group mb-2">
        <label for:ignore="testInteger_5f407120-bc13-45d6-a433-59841a665e42">Integer From PLC</label>
        <input id:ignore="testInteger_5f407120-bc13-45d6-a433-59841a665e42" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2">
      <div name="testingProgram-testPrimitive-testUInteger" class="w-100 form-group mb-2">
        <label for:ignore="testUInteger_2b0d5b33-5736-47c5-9767-9a88d40ec749">UInteger From PLC</label>
        <input id:ignore="testUInteger_2b0d5b33-5736-47c5-9767-9a88d40ec749" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2">
      <div name="testingProgram-testPrimitive-testString" class="w-100 form-group mb-2">
        <label for:ignore="testString_18473c94-5017-4d53-94e7-2a40971117a6">STRING From PLC</label>
        <input id:ignore="testString_18473c94-5017-4d53-94e7-2a40971117a6" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2">
      <div name="testingProgram-testPrimitive-testWord" class="w-100 form-group mb-2">
        <label for:ignore="testWord_81316829-a79f-4e6b-8c2a-9d73d161598d">WORD From PLC</label>
        <input id:ignore="testWord_81316829-a79f-4e6b-8c2a-9d73d161598d" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2">
      <div name="testingProgram-testPrimitive-testByte" class="w-100 form-group mb-2">
        <label for:ignore="testByte_d50f0127-b339-4895-ae1e-8d3c923bc54e">BYTE From PLC</label>
        <input id:ignore="testByte_d50f0127-b339-4895-ae1e-8d3c923bc54e" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2">
      <div name="testingProgram-testPrimitive-testReal" class="w-100 form-group mb-2">
        <label for:ignore="testReal_b3d79636-d9f7-4716-b917-699bd1ebc090">REAL From PLC</label>
        <input id:ignore="testReal_b3d79636-d9f7-4716-b917-699bd1ebc090" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2">
      <div name="testingProgram-testPrimitive-testLReal" class="w-100 form-group mb-2">
        <label for:ignore="testLReal_11fe9396-066a-4e7b-8f70-438374bad7d0">LREAL From PLC</label>
        <input id:ignore="testLReal_11fe9396-066a-4e7b-8f70-438374bad7d0" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2">
      <div name="testingProgram-testPrimitive-testBool" class="w-100 form-group mb-2">
        <label for:ignore="testBool_3f588bc7-9b93-4afb-be6a-b6661e4f6beb">BOOL From PLC</label>
        <div class="form-check form-switch">
          <input id:ignore="testBool_3f588bc7-9b93-4afb-be6a-b6661e4f6beb" class="form-check-input " type="checkbox" disabled="">
        </div>
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2">
      <div name="testingProgram-testPrimitive-TestDate" class="w-100 form-group mb-2">
        <label for:ignore="TestDate_86a8a140-03d9-4de6-8bbc-9ce56381279c">DATE From PLC</label>
        <input id:ignore="TestDate_86a8a140-03d9-4de6-8bbc-9ce56381279c" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="date" value:ignore="1. 1. 0001">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2">
      <div name="testingProgram-testPrimitive-TestDateTime" class="w-100 form-group mb-2">
        <label for:ignore="TestDateTime_f2007781-9c32-4479-8aa7-b309969d2c30">DATE_AND_TIME From PLC</label>
        <input id:ignore="TestDateTime_f2007781-9c32-4479-8aa7-b309969d2c30" class="w-100 form-control " style="background-color:transparent" readonly="readonly" type="datetime" value:ignore="1. 1. 0001 0:00:00">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2">
      <div name="testingProgram-testPrimitive-TestTimeOfDay" class="w-100 form-group mb-2">
        <label for:ignore="TestTimeOfDay_3ac036ca-ee16-42df-ae49-6aace73caf05">TIME_OF_DAY From PLC</label>
        <input id:ignore="TestTimeOfDay_3ac036ca-ee16-42df-ae49-6aace73caf05" class="w-100 form-control " style="background-color:transparent" type="text" value:ignore="00:00:00" readonly="readonly">
        <div class="invalid-feedback"></div>
      </div>
    </div>
  </div>
</div>

   at Bunit.MarkupMatchesAssertExtensions.MarkupMatches(INodeList actual, INodeList expected, String userMessage) in /_/src/bunit.web/Asserting/MarkupMatchesAssertExtensions.cs:line 237
   at Bunit.MarkupMatchesAssertExtensions.MarkupMatches(IRenderedFragment actual, String expected, String userMessage) in /_/src/bunit.web/Asserting/MarkupMatchesAssertExtensions.cs:line 113
   at AXSharp.RenderableContent.Tests.RenderableContentTests.Render_stTestPrimitive_Wrap_Success() in C:\actions-runner-IX-GH003\_work\axsharp\axsharp\src\AXSharp.blazor\tests\sandbox\AXSharp.RenderableContent.Tests\RenderableContentTests.cs:line 60

Check failure on line 116 in src/AXSharp.blazor/tests/sandbox/AXSharp.RenderableContent.Tests/RenderableContentTests.cs

See this annotation in the file changed.

@github-actions github-actions / Test report

AXSharp.RenderableContent.Tests.RenderableContentTests ► Render_stTestRenderIgnore_Control_Bool_Ignored

Failed test found in:
  TestResults/AXSharp.RenderableContent.Tests.csproj_net6.0.xml
Error:
  Bunit.HtmlEqualException : HTML comparison failed. 
  
  The following errors were found:
    1: The values of the attributes at div(0) > div(0) > div(6) > div(0) > input(1)[type] are different.
    2: The values of the attributes at div(0) > div(0) > div(7) > div(0) > input(1)[type] are different.
  
  Actual HTML: 
  <div name="testingProgram-testRenderIgnore" >
    <div name="UniformGrid" class="d-flex flex-nowrap w-100 ">
      <div class="p-2 " style="flex: 1;">
        <div name="testingProgram-testRenderIgnore-testUInteger" class="w-100 form-group mb-2">
          <label for="testUInteger_462c5a0e-8a0c-403e-abe0-4d09fa7fc85c">UInteger From PLC</label>
          <input id="testUInteger_462c5a0e-8a0c-403e-abe0-4d09fa7fc85c" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 " style="flex: 1;">
        <div name="testingProgram-testRenderIgnore-testString" class="w-100 form-group mb-2">
          <label for="testString_385355e1-dcf1-42ca-9f8e-77ce23d753c9">STRING From PLC</label>
          <input id="testString_385355e1-dcf1-42ca-9f8e-77ce23d753c9" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 " style="flex: 1;">
        <div name="testingProgram-testRenderIgnore-testWord" class="w-100 form-group mb-2">
          <label for="testWord_2872740c-5d3c-4e18-8e45-cdedc6530906">WORD From PLC</label>
          <input id="testWord_2872740c-5d3c-4e18-8e45-cdedc6530906" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 " style="flex: 1;">
        <div name="testingProgram-testRenderIgnore-testByte" class="w-100 form-group mb-2">
          <label for="testByte_e04fce79-d864-4da1-bdd4-e0a482722e16">BYTE From PLC</label>
          <input id="testByte_e04fce79-d864-4da1-bdd4-e0a482722e16" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 " style="flex: 1;">
        <div name="testingProgram-testRenderIgnore-testReal" class="w-100 form-group mb-2">
          <label for="testReal_a6d9e1ef-d228-4c93-b815-34ecb6b82611">REAL From PLC</label>
          <input id="testReal_a6d9e1ef-d228-4c93-b815-34ecb6b82611" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 " style="flex: 1;">
        <div name="testingProgram-testRenderIgnore-testLReal" class="w-100 form-group mb-2">
          <label for="testLReal_5daf0e4d-6eae-484a-8a2d-f27c56a0c19d">LREAL From PLC</label>
          <input id="testLReal_5daf0e4d-6eae-484a-8a2d-f27c56a0c19d" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 " style="flex: 1;">
        <div name="testingProgram-testRenderIgnore-TestDate" class="w-100 form-group mb-2">
          <label for="TestDate_d99676e6-aac9-451d-b057-5f74688718da">DATE From PLC</label>
          <input id="TestDate_d99676e6-aac9-451d-b057-5f74688718da" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="1/1/0001">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 " style="flex: 1;">
        <div name="testingProgram-testRenderIgnore-TestDateTime" class="w-100 form-group mb-2">
          <label for="TestDateTime_ce94e6ae-9eed-4587-965a-103051a9f973">DATE_AND_TIME From PLC</label>
          <input id="TestDateTime_ce94e6ae-9eed-4587-965a-103051a9f973" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="1/1/0001 12:00:00 AM">
          <div class="invalid-feedback"></div>
        </div>
      </div>
    </div>
  </div>
  
  Expected HTML: 
  <div name="testingProgram-testRenderIgnore">
    <div name="UniformGrid" class="d-flex flex-nowrap w-100">
      <div class="p-2" style=" flex: 1;">
        <div name="testingProgram-testRenderIgnore-testUInteger" class="w-100 form-group mb-2">
          <label for:ignore="testUInteger_67e30083-7336-4e1a-a318-412fc027691a">UInteger From PLC</label>
          <input id:ignore="testUInteger_67e30083-7336-4e1a-a318-412fc027691a" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2" style=" flex: 1;">
        <div name="testingProgram-testRenderIgnore-testString" class="w-100 form-group mb-2">
          <label for:ignore="testString_5eb019c3-0a14-4372-9723-97349849f96c">STRING From PLC</label>
          <input id:ignore="testString_5eb019c3-0a14-4372-9723-97349849f96c" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2" style=" flex: 1;">
        <div name="testingProgram-testRenderIgnore-testWord" class="w-100 form-group mb-2">
          <label for:ignore="testWord_a0a57d4b-09a8-4ff8-9bf8-c4360e2dbdb3">WORD From PLC</label>
          <input id:ignore="testWord_a0a57d4b-09a8-4ff8-9bf8-c4360e2dbdb3" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2" style=" flex: 1;">
        <div name="testingProgram-testRenderIgnore-testByte" class="w-100 form-group mb-2">
          <label for:ignore="testByte_043ea519-7277-41c5-8101-1cbff314a1c4">BYTE From PLC</label>
          <input id:ignore="testByte_043ea519-7277-41c5-8101-1cbff314a1c4" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2" style=" flex: 1;">
        <div name="testingProgram-testRenderIgnore-testReal" class="w-100 form-group mb-2">
          <label for:ignore="testReal_447eda14-c1a1-4485-a6d2-c064cccbeae0">REAL From PLC</label>
          <input id:ignore="testReal_447eda14-c1a1-4485-a6d2-c064cccbeae0" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2" style=" flex: 1;">
        <div name="testingProgram-testRenderIgnore-testLReal" class="w-100 form-group mb-2">
          <label for:ignore="testLReal_7424d604-cf57-40e1-b8ee-f90d56c2a239">LREAL From PLC</label>
          <input id:ignore="testLReal_7424d604-cf57-40e1-b8ee-f90d56c2a239" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2" style=" flex: 1;">
        <div name="testingProgram-testRenderIgnore-TestDate" class="w-100 form-group mb-2">
          <label for:ignore="TestDate_2145f877-2eb2-4c62-99cc-3bd6aeaf9838">DATE From PLC</label>
          <input id:ignore="TestDate_2145f877-2eb2-4c62-99cc-3bd6aeaf9838" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="date" value:ignore="1. 1. 0001">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2" style=" flex: 1;">
        <div name="testingProgram-testRenderIgnore-TestDateTime" class="w-100 form-group mb-2">
          <label for:ignore="TestDateTime_01486daa-5794-4d85-bb7e-7c65226ea10b">DATE_AND_TIME From PLC</label>
          <input id:ignore="TestDateTime_01486daa-5794-4d85-bb7e-7c65226ea10b" class="w-100 form-control " style="background-color:transparent" readonly="readonly" type="datetime" value:ignore="1. 1. 0001 0:00:00">
          <div class="invalid-feedback"></div>
        </div>
      </div>
    </div>
  </div>
  
Raw output
Bunit.HtmlEqualException : HTML comparison failed. 

The following errors were found:
  1: The values of the attributes at div(0) > div(0) > div(6) > div(0) > input(1)[type] are different.
  2: The values of the attributes at div(0) > div(0) > div(7) > div(0) > input(1)[type] are different.

Actual HTML: 
<div name="testingProgram-testRenderIgnore" >
  <div name="UniformGrid" class="d-flex flex-nowrap w-100 ">
    <div class="p-2 " style="flex: 1;">
      <div name="testingProgram-testRenderIgnore-testUInteger" class="w-100 form-group mb-2">
        <label for="testUInteger_462c5a0e-8a0c-403e-abe0-4d09fa7fc85c">UInteger From PLC</label>
        <input id="testUInteger_462c5a0e-8a0c-403e-abe0-4d09fa7fc85c" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 " style="flex: 1;">
      <div name="testingProgram-testRenderIgnore-testString" class="w-100 form-group mb-2">
        <label for="testString_385355e1-dcf1-42ca-9f8e-77ce23d753c9">STRING From PLC</label>
        <input id="testString_385355e1-dcf1-42ca-9f8e-77ce23d753c9" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 " style="flex: 1;">
      <div name="testingProgram-testRenderIgnore-testWord" class="w-100 form-group mb-2">
        <label for="testWord_2872740c-5d3c-4e18-8e45-cdedc6530906">WORD From PLC</label>
        <input id="testWord_2872740c-5d3c-4e18-8e45-cdedc6530906" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 " style="flex: 1;">
      <div name="testingProgram-testRenderIgnore-testByte" class="w-100 form-group mb-2">
        <label for="testByte_e04fce79-d864-4da1-bdd4-e0a482722e16">BYTE From PLC</label>
        <input id="testByte_e04fce79-d864-4da1-bdd4-e0a482722e16" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 " style="flex: 1;">
      <div name="testingProgram-testRenderIgnore-testReal" class="w-100 form-group mb-2">
        <label for="testReal_a6d9e1ef-d228-4c93-b815-34ecb6b82611">REAL From PLC</label>
        <input id="testReal_a6d9e1ef-d228-4c93-b815-34ecb6b82611" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 " style="flex: 1;">
      <div name="testingProgram-testRenderIgnore-testLReal" class="w-100 form-group mb-2">
        <label for="testLReal_5daf0e4d-6eae-484a-8a2d-f27c56a0c19d">LREAL From PLC</label>
        <input id="testLReal_5daf0e4d-6eae-484a-8a2d-f27c56a0c19d" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 " style="flex: 1;">
      <div name="testingProgram-testRenderIgnore-TestDate" class="w-100 form-group mb-2">
        <label for="TestDate_d99676e6-aac9-451d-b057-5f74688718da">DATE From PLC</label>
        <input id="TestDate_d99676e6-aac9-451d-b057-5f74688718da" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="1/1/0001">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 " style="flex: 1;">
      <div name="testingProgram-testRenderIgnore-TestDateTime" class="w-100 form-group mb-2">
        <label for="TestDateTime_ce94e6ae-9eed-4587-965a-103051a9f973">DATE_AND_TIME From PLC</label>
        <input id="TestDateTime_ce94e6ae-9eed-4587-965a-103051a9f973" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="1/1/0001 12:00:00 AM">
        <div class="invalid-feedback"></div>
      </div>
    </div>
  </div>
</div>

Expected HTML: 
<div name="testingProgram-testRenderIgnore">
  <div name="UniformGrid" class="d-flex flex-nowrap w-100">
    <div class="p-2" style=" flex: 1;">
      <div name="testingProgram-testRenderIgnore-testUInteger" class="w-100 form-group mb-2">
        <label for:ignore="testUInteger_67e30083-7336-4e1a-a318-412fc027691a">UInteger From PLC</label>
        <input id:ignore="testUInteger_67e30083-7336-4e1a-a318-412fc027691a" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2" style=" flex: 1;">
      <div name="testingProgram-testRenderIgnore-testString" class="w-100 form-group mb-2">
        <label for:ignore="testString_5eb019c3-0a14-4372-9723-97349849f96c">STRING From PLC</label>
        <input id:ignore="testString_5eb019c3-0a14-4372-9723-97349849f96c" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2" style=" flex: 1;">
      <div name="testingProgram-testRenderIgnore-testWord" class="w-100 form-group mb-2">
        <label for:ignore="testWord_a0a57d4b-09a8-4ff8-9bf8-c4360e2dbdb3">WORD From PLC</label>
        <input id:ignore="testWord_a0a57d4b-09a8-4ff8-9bf8-c4360e2dbdb3" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2" style=" flex: 1;">
      <div name="testingProgram-testRenderIgnore-testByte" class="w-100 form-group mb-2">
        <label for:ignore="testByte_043ea519-7277-41c5-8101-1cbff314a1c4">BYTE From PLC</label>
        <input id:ignore="testByte_043ea519-7277-41c5-8101-1cbff314a1c4" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2" style=" flex: 1;">
      <div name="testingProgram-testRenderIgnore-testReal" class="w-100 form-group mb-2">
        <label for:ignore="testReal_447eda14-c1a1-4485-a6d2-c064cccbeae0">REAL From PLC</label>
        <input id:ignore="testReal_447eda14-c1a1-4485-a6d2-c064cccbeae0" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2" style=" flex: 1;">
      <div name="testingProgram-testRenderIgnore-testLReal" class="w-100 form-group mb-2">
        <label for:ignore="testLReal_7424d604-cf57-40e1-b8ee-f90d56c2a239">LREAL From PLC</label>
        <input id:ignore="testLReal_7424d604-cf57-40e1-b8ee-f90d56c2a239" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value:ignore="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2" style=" flex: 1;">
      <div name="testingProgram-testRenderIgnore-TestDate" class="w-100 form-group mb-2">
        <label for:ignore="TestDate_2145f877-2eb2-4c62-99cc-3bd6aeaf9838">DATE From PLC</label>
        <input id:ignore="TestDate_2145f877-2eb2-4c62-99cc-3bd6aeaf9838" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="date" value:ignore="1. 1. 0001">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2" style=" flex: 1;">
      <div name="testingProgram-testRenderIgnore-TestDateTime" class="w-100 form-group mb-2">
        <label for:ignore="TestDateTime_01486daa-5794-4d85-bb7e-7c65226ea10b">DATE_AND_TIME From PLC</label>
        <input id:ignore="TestDateTime_01486daa-5794-4d85-bb7e-7c65226ea10b" class="w-100 form-control " style="background-color:transparent" readonly="readonly" type="datetime" value:ignore="1. 1. 0001 0:00:00">
        <div class="invalid-feedback"></div>
      </div>
    </div>
  </div>
</div>

   at Bunit.MarkupMatchesAssertExtensions.MarkupMatches(INodeList actual, INodeList expected, String userMessage) in /_/src/bunit.web/Asserting/MarkupMatchesAssertExtensions.cs:line 237
   at Bunit.MarkupMatchesAssertExtensions.MarkupMatches(IRenderedFragment actual, String expected, String userMessage) in /_/src/bunit.web/Asserting/MarkupMatchesAssertExtensions.cs:line 113
   at AXSharp.RenderableContent.Tests.RenderableContentTests.Render_stTestRenderIgnore_Control_Bool_Ignored() in C:\actions-runner-IX-GH003\_work\axsharp\axsharp\src\AXSharp.blazor\tests\sandbox\AXSharp.RenderableContent.Tests\RenderableContentTests.cs:line 116

Check failure on line 102 in src/AXSharp.blazor/tests/sandbox/AXSharp.RenderableContent.Tests/RenderableContentTests.cs

See this annotation in the file changed.

@github-actions github-actions / Test report

AXSharp.RenderableContent.Tests.RenderableContentTests ► Render_stTestRenderIgnore_Display_Date_Ignored

Failed test found in:
  TestResults/AXSharp.RenderableContent.Tests.csproj_net6.0.xml
Error:
  Bunit.HtmlEqualException : HTML comparison failed. 
  
  The following errors were found:
    1: The attribute at div(0) > div(0) > div(7) > div(0) > input(1)[step] is missing.
    2: The attribute at div(0) > div(0) > div(7) > div(0) > input(1)[name] is missing.
  
  Actual HTML: 
  <div name="testingProgram-testRenderIgnore" >
    <div name="UniformGrid" class="d-flex flex-nowrap w-100 ">
      <div class="p-2 " style="flex: 1;">
        <div name="testingProgram-testRenderIgnore-testUInteger" class="w-100 form-group mb-2">
          <label for="testUInteger_d83d9c28-4313-40d4-9778-b557d2805ffa">UInteger From PLC</label>
          <input id="testUInteger_d83d9c28-4313-40d4-9778-b557d2805ffa" class="w-100 form-control " type="number" step="any"   value="0" >
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 " style="flex: 1;">
        <div name="testingProgram-testRenderIgnore-testString" class="w-100 form-group mb-2">
          <label for="testString_7fb4b030-ecc8-47b8-a9f4-067f21adeecc">STRING From PLC</label>
          <input id="testString_7fb4b030-ecc8-47b8-a9f4-067f21adeecc" class="w-100 form-control " type="text" step="any"   value="" >
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 " style="flex: 1;">
        <div name="testingProgram-testRenderIgnore-testWord" class="w-100 form-group mb-2">
          <label for="testWord_b3fbb132-bcff-48d9-8e85-27ce813fb107">WORD From PLC</label>
          <input id="testWord_b3fbb132-bcff-48d9-8e85-27ce813fb107" class="w-100 form-control " type="number" step="any"   value="0" >
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 " style="flex: 1;">
        <div name="testingProgram-testRenderIgnore-testByte" class="w-100 form-group mb-2">
          <label for="testByte_6ce8c2ee-46f4-4063-8f81-21b196a4f0e7">BYTE From PLC</label>
          <input id="testByte_6ce8c2ee-46f4-4063-8f81-21b196a4f0e7" class="w-100 form-control " type="number" step="any"   value="0" >
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 " style="flex: 1;">
        <div name="testingProgram-testRenderIgnore-testReal" class="w-100 form-group mb-2">
          <label for="testReal_cb882850-b73a-417b-b4df-35c249206503">REAL From PLC</label>
          <input id="testReal_cb882850-b73a-417b-b4df-35c249206503" class="w-100 form-control " type="number" step="any"   value="0" >
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 " style="flex: 1;">
        <div name="testingProgram-testRenderIgnore-testLReal" class="w-100 form-group mb-2">
          <label for="testLReal_ef71874b-b84c-4b7c-80c2-0f36b18ae1ee">LREAL From PLC</label>
          <input id="testLReal_ef71874b-b84c-4b7c-80c2-0f36b18ae1ee" class="w-100 form-control " type="number" step="any"   value="0" >
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 " style="flex: 1;">
        <div name="testingProgram-testRenderIgnore-testBool" class="w-100 form-group mb-2">
          <label for="testBool_10a5e31d-8aaa-4e71-9d1f-7914189cad2c">BOOL From PLC</label>
          <div class="form-check form-switch">
            <input id="testBool_10a5e31d-8aaa-4e71-9d1f-7914189cad2c" class="form-check-input " type="checkbox" >
          </div>
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 " style="flex: 1;">
        <div name="testingProgram-testRenderIgnore-TestDateTime" class="w-100 form-group mb-2">
          <label for="TestDateTime_308caf07-1a84-4c48-99ce-91422ed9b8a5">DATE_AND_TIME From PLC</label>
          <input id="TestDateTime_308caf07-1a84-4c48-99ce-91422ed9b8a5" class="w-100 form-control " type="datetime-local" value="0001-01-01T00:00:00" >
          <div class="invalid-feedback"></div>
        </div>
      </div>
    </div>
  </div>
  
  Expected HTML: 
  <div name="testingProgram-testRenderIgnore">
    <div name="UniformGrid" class="d-flex flex-nowrap w-100">
      <div class="p-2" style=" flex: 1;">
        <div name="testingProgram-testRenderIgnore-testUInteger" class="w-100 form-group mb-2">
          <label for:ignore="testUInteger_c9944b58-2038-48e8-92e7-d8c708a12b19">UInteger From PLC</label>
          <input id:ignore="testUInteger_c9944b58-2038-48e8-92e7-d8c708a12b19" class="w-100 form-control " type="number" step="any" value:ignore="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2" style=" flex: 1;">
        <div name="testingProgram-testRenderIgnore-testString" class="w-100 form-group mb-2">
          <label for:ignore="testString_64965d70-f02b-493f-8e5c-892f78d1c6f3">STRING From PLC</label>
          <input id:ignore="testString_64965d70-f02b-493f-8e5c-892f78d1c6f3" class="w-100 form-control " type="text" step="any" value:ignore="">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2" style=" flex: 1;">
        <div name="testingProgram-testRenderIgnore-testWord" class="w-100 form-group mb-2">
          <label for:ignore="testWord_c7115f2e-029a-41c3-9d93-863c14429f8a">WORD From PLC</label>
          <input id:ignore="testWord_c7115f2e-029a-41c3-9d93-863c14429f8a" class="w-100 form-control " type="number" step="any" value:ignore="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2" style=" flex: 1;">
        <div name="testingProgram-testRenderIgnore-testByte" class="w-100 form-group mb-2">
          <label for:ignore="testByte_c14881e8-5054-4e66-b77f-78739f24b574">BYTE From PLC</label>
          <input id:ignore="testByte_c14881e8-5054-4e66-b77f-78739f24b574" class="w-100 form-control " type="number" step="any" value:ignore="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2" style=" flex: 1;">
        <div name="testingProgram-testRenderIgnore-testReal" class="w-100 form-group mb-2">
          <label for:ignore="testReal_2a8bf317-8de4-4e45-906e-497912382321">REAL From PLC</label>
          <input id:ignore="testReal_2a8bf317-8de4-4e45-906e-497912382321" class="w-100 form-control " type="number" step="any" value:ignore="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2" style=" flex: 1;">
        <div name="testingProgram-testRenderIgnore-testLReal" class="w-100 form-group mb-2">
          <label for:ignore="testLReal_5139317c-9854-413b-8a34-dbe286e5585f">LREAL From PLC</label>
          <input id:ignore="testLReal_5139317c-9854-413b-8a34-dbe286e5585f" class="w-100 form-control " type="number" step="any" value:ignore="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2" style=" flex: 1;">
        <div name="testingProgram-testRenderIgnore-testBool" class="w-100 form-group mb-2">
          <label for:ignore="testBool_433fd618-177b-488d-9328-cfbd14ccfd52">BOOL From PLC</label>
          <div class="form-check form-switch">
            <input id:ignore="testBool_433fd618-177b-488d-9328-cfbd14ccfd52" class="form-check-input " type="checkbox">
          </div>
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2" style=" flex: 1;">
        <div name="testingProgram-testRenderIgnore-TestDateTime" class="w-100 form-group mb-2">
          <label for:ignore="TestDateTime_0e1dd726-9d98-467c-97cd-0202a986a943">DATE_AND_TIME From PLC</label>
          <input id:ignore="TestDateTime_0e1dd726-9d98-467c-97cd-0202a986a943" class="w-100 form-control " type="datetime-local" step="1" name="onlineDateTime" value:ignore="0001-01-01T00:00:00">
          <div class="invalid-feedback"></div>
        </div>
      </div>
    </div>
  </div>
  
Raw output
Bunit.HtmlEqualException : HTML comparison failed. 

The following errors were found:
  1: The attribute at div(0) > div(0) > div(7) > div(0) > input(1)[step] is missing.
  2: The attribute at div(0) > div(0) > div(7) > div(0) > input(1)[name] is missing.

Actual HTML: 
<div name="testingProgram-testRenderIgnore" >
  <div name="UniformGrid" class="d-flex flex-nowrap w-100 ">
    <div class="p-2 " style="flex: 1;">
      <div name="testingProgram-testRenderIgnore-testUInteger" class="w-100 form-group mb-2">
        <label for="testUInteger_d83d9c28-4313-40d4-9778-b557d2805ffa">UInteger From PLC</label>
        <input id="testUInteger_d83d9c28-4313-40d4-9778-b557d2805ffa" class="w-100 form-control " type="number" step="any"   value="0" >
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 " style="flex: 1;">
      <div name="testingProgram-testRenderIgnore-testString" class="w-100 form-group mb-2">
        <label for="testString_7fb4b030-ecc8-47b8-a9f4-067f21adeecc">STRING From PLC</label>
        <input id="testString_7fb4b030-ecc8-47b8-a9f4-067f21adeecc" class="w-100 form-control " type="text" step="any"   value="" >
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 " style="flex: 1;">
      <div name="testingProgram-testRenderIgnore-testWord" class="w-100 form-group mb-2">
        <label for="testWord_b3fbb132-bcff-48d9-8e85-27ce813fb107">WORD From PLC</label>
        <input id="testWord_b3fbb132-bcff-48d9-8e85-27ce813fb107" class="w-100 form-control " type="number" step="any"   value="0" >
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 " style="flex: 1;">
      <div name="testingProgram-testRenderIgnore-testByte" class="w-100 form-group mb-2">
        <label for="testByte_6ce8c2ee-46f4-4063-8f81-21b196a4f0e7">BYTE From PLC</label>
        <input id="testByte_6ce8c2ee-46f4-4063-8f81-21b196a4f0e7" class="w-100 form-control " type="number" step="any"   value="0" >
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 " style="flex: 1;">
      <div name="testingProgram-testRenderIgnore-testReal" class="w-100 form-group mb-2">
        <label for="testReal_cb882850-b73a-417b-b4df-35c249206503">REAL From PLC</label>
        <input id="testReal_cb882850-b73a-417b-b4df-35c249206503" class="w-100 form-control " type="number" step="any"   value="0" >
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 " style="flex: 1;">
      <div name="testingProgram-testRenderIgnore-testLReal" class="w-100 form-group mb-2">
        <label for="testLReal_ef71874b-b84c-4b7c-80c2-0f36b18ae1ee">LREAL From PLC</label>
        <input id="testLReal_ef71874b-b84c-4b7c-80c2-0f36b18ae1ee" class="w-100 form-control " type="number" step="any"   value="0" >
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 " style="flex: 1;">
      <div name="testingProgram-testRenderIgnore-testBool" class="w-100 form-group mb-2">
        <label for="testBool_10a5e31d-8aaa-4e71-9d1f-7914189cad2c">BOOL From PLC</label>
        <div class="form-check form-switch">
          <input id="testBool_10a5e31d-8aaa-4e71-9d1f-7914189cad2c" class="form-check-input " type="checkbox" >
        </div>
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 " style="flex: 1;">
      <div name="testingProgram-testRenderIgnore-TestDateTime" class="w-100 form-group mb-2">
        <label for="TestDateTime_308caf07-1a84-4c48-99ce-91422ed9b8a5">DATE_AND_TIME From PLC</label>
        <input id="TestDateTime_308caf07-1a84-4c48-99ce-91422ed9b8a5" class="w-100 form-control " type="datetime-local" value="0001-01-01T00:00:00" >
        <div class="invalid-feedback"></div>
      </div>
    </div>
  </div>
</div>

Expected HTML: 
<div name="testingProgram-testRenderIgnore">
  <div name="UniformGrid" class="d-flex flex-nowrap w-100">
    <div class="p-2" style=" flex: 1;">
      <div name="testingProgram-testRenderIgnore-testUInteger" class="w-100 form-group mb-2">
        <label for:ignore="testUInteger_c9944b58-2038-48e8-92e7-d8c708a12b19">UInteger From PLC</label>
        <input id:ignore="testUInteger_c9944b58-2038-48e8-92e7-d8c708a12b19" class="w-100 form-control " type="number" step="any" value:ignore="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2" style=" flex: 1;">
      <div name="testingProgram-testRenderIgnore-testString" class="w-100 form-group mb-2">
        <label for:ignore="testString_64965d70-f02b-493f-8e5c-892f78d1c6f3">STRING From PLC</label>
        <input id:ignore="testString_64965d70-f02b-493f-8e5c-892f78d1c6f3" class="w-100 form-control " type="text" step="any" value:ignore="">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2" style=" flex: 1;">
      <div name="testingProgram-testRenderIgnore-testWord" class="w-100 form-group mb-2">
        <label for:ignore="testWord_c7115f2e-029a-41c3-9d93-863c14429f8a">WORD From PLC</label>
        <input id:ignore="testWord_c7115f2e-029a-41c3-9d93-863c14429f8a" class="w-100 form-control " type="number" step="any" value:ignore="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2" style=" flex: 1;">
      <div name="testingProgram-testRenderIgnore-testByte" class="w-100 form-group mb-2">
        <label for:ignore="testByte_c14881e8-5054-4e66-b77f-78739f24b574">BYTE From PLC</label>
        <input id:ignore="testByte_c14881e8-5054-4e66-b77f-78739f24b574" class="w-100 form-control " type="number" step="any" value:ignore="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2" style=" flex: 1;">
      <div name="testingProgram-testRenderIgnore-testReal" class="w-100 form-group mb-2">
        <label for:ignore="testReal_2a8bf317-8de4-4e45-906e-497912382321">REAL From PLC</label>
        <input id:ignore="testReal_2a8bf317-8de4-4e45-906e-497912382321" class="w-100 form-control " type="number" step="any" value:ignore="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2" style=" flex: 1;">
      <div name="testingProgram-testRenderIgnore-testLReal" class="w-100 form-group mb-2">
        <label for:ignore="testLReal_5139317c-9854-413b-8a34-dbe286e5585f">LREAL From PLC</label>
        <input id:ignore="testLReal_5139317c-9854-413b-8a34-dbe286e5585f" class="w-100 form-control " type="number" step="any" value:ignore="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2" style=" flex: 1;">
      <div name="testingProgram-testRenderIgnore-testBool" class="w-100 form-group mb-2">
        <label for:ignore="testBool_433fd618-177b-488d-9328-cfbd14ccfd52">BOOL From PLC</label>
        <div class="form-check form-switch">
          <input id:ignore="testBool_433fd618-177b-488d-9328-cfbd14ccfd52" class="form-check-input " type="checkbox">
        </div>
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2" style=" flex: 1;">
      <div name="testingProgram-testRenderIgnore-TestDateTime" class="w-100 form-group mb-2">
        <label for:ignore="TestDateTime_0e1dd726-9d98-467c-97cd-0202a986a943">DATE_AND_TIME From PLC</label>
        <input id:ignore="TestDateTime_0e1dd726-9d98-467c-97cd-0202a986a943" class="w-100 form-control " type="datetime-local" step="1" name="onlineDateTime" value:ignore="0001-01-01T00:00:00">
        <div class="invalid-feedback"></div>
      </div>
    </div>
  </div>
</div>

   at Bunit.MarkupMatchesAssertExtensions.MarkupMatches(INodeList actual, INodeList expected, String userMessage) in /_/src/bunit.web/Asserting/MarkupMatchesAssertExtensions.cs:line 237
   at Bunit.MarkupMatchesAssertExtensions.MarkupMatches(IRenderedFragment actual, String expected, String userMessage) in /_/src/bunit.web/Asserting/MarkupMatchesAssertExtensions.cs:line 113
   at AXSharp.RenderableContent.Tests.RenderableContentTests.Render_stTestRenderIgnore_Display_Date_Ignored() in C:\actions-runner-IX-GH003\_work\axsharp\axsharp\src\AXSharp.blazor\tests\sandbox\AXSharp.RenderableContent.Tests\RenderableContentTests.cs:line 102

Check failure on line 130 in src/AXSharp.blazor/tests/sandbox/AXSharp.RenderableContent.Tests/RenderableContentTests.cs

See this annotation in the file changed.

@github-actions github-actions / Test report

AXSharp.RenderableContent.Tests.RenderableContentTests ► Render_stTestRenderIgnore_ShadowDisplayControl_DateAndBool_Ignored

Failed test found in:
  TestResults/AXSharp.RenderableContent.Tests.csproj_net6.0.xml
Error:
  Bunit.HtmlEqualException : HTML comparison failed. 
  
  The following errors were found:
    1: The values of the attributes at div(0) > div(0) > div(6) > div(0) > input(1)[type] are different.
  
  Actual HTML: 
  <div name="testingProgram-testRenderIgnore" >
    <div name="UniformGrid" class="d-flex flex-nowrap w-100 ">
      <div class="p-2 " style="flex: 1;">
        <div name="testingProgram-testRenderIgnore-testUInteger" class="w-100 form-group mb-2">
          <label for="testUInteger_0da01be9-bed9-4c4d-8ce6-cd04614e7c1e">UInteger From PLC</label>
          <input id="testUInteger_0da01be9-bed9-4c4d-8ce6-cd04614e7c1e" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0" >
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 " style="flex: 1;">
        <div name="testingProgram-testRenderIgnore-testString" class="w-100 form-group mb-2">
          <label for="testString_10584660-6a64-467e-9778-dd525e78e89a">STRING From PLC</label>
          <input id="testString_10584660-6a64-467e-9778-dd525e78e89a" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="" >
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 " style="flex: 1;">
        <div name="testingProgram-testRenderIgnore-testWord" class="w-100 form-group mb-2">
          <label for="testWord_40051fa8-e392-4c98-b3e2-2a8622756658">WORD From PLC</label>
          <input id="testWord_40051fa8-e392-4c98-b3e2-2a8622756658" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0" >
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 " style="flex: 1;">
        <div name="testingProgram-testRenderIgnore-testByte" class="w-100 form-group mb-2">
          <label for="testByte_12efe159-bee9-432d-96e2-e7decb446d3e">BYTE From PLC</label>
          <input id="testByte_12efe159-bee9-432d-96e2-e7decb446d3e" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0" >
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 " style="flex: 1;">
        <div name="testingProgram-testRenderIgnore-testReal" class="w-100 form-group mb-2">
          <label for="testReal_4a718e31-9863-4225-a6d3-e4eb46046434">REAL From PLC</label>
          <input id="testReal_4a718e31-9863-4225-a6d3-e4eb46046434" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0" >
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 " style="flex: 1;">
        <div name="testingProgram-testRenderIgnore-testLReal" class="w-100 form-group mb-2">
          <label for="testLReal_76bd87b6-ea5a-499d-a382-5db6ab81a21f">LREAL From PLC</label>
          <input id="testLReal_76bd87b6-ea5a-499d-a382-5db6ab81a21f" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0" >
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2 " style="flex: 1;">
        <div name="testingProgram-testRenderIgnore-TestDateTime" class="w-100 form-group mb-2">
          <label for="TestDateTime_4640cee7-1d95-48a1-b723-447645bfe595">DATE_AND_TIME From PLC</label>
          <input id="TestDateTime_4640cee7-1d95-48a1-b723-447645bfe595" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="1/1/0001 12:00:00 AM">
          <div class="invalid-feedback"></div>
        </div>
      </div>
    </div>
  </div>
  
  Expected HTML: 
  <div name="testingProgram-testRenderIgnore">
    <div name="UniformGrid" class="d-flex flex-nowrap w-100">
      <div class="p-2" style=" flex: 1;">
        <div name="testingProgram-testRenderIgnore-testUInteger" class="w-100 form-group mb-2">
          <label for:ignore="testUInteger_8312778e-984f-49ce-b81e-9a2e4f1bd9dd">UInteger From PLC</label>
          <input id:ignore="testUInteger_8312778e-984f-49ce-b81e-9a2e4f1bd9dd" class="w-100 form-control " style="background-color:transparent" readonly="readonly" type="text" step="any" value:ignore="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2" style=" flex: 1;">
        <div name="testingProgram-testRenderIgnore-testString" class="w-100 form-group mb-2">
          <label for:ignore="testString_26d1bdaf-1bf1-45a5-ab4d-0dc1fa139d28">STRING From PLC</label>
          <input id:ignore="testString_26d1bdaf-1bf1-45a5-ab4d-0dc1fa139d28" class="w-100 form-control " style="background-color:transparent" readonly="readonly" type="text" step="any" value:ignore="">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2" style=" flex: 1;">
        <div name="testingProgram-testRenderIgnore-testWord" class="w-100 form-group mb-2">
          <label for:ignore="testWord_43f42188-79e5-436d-8fd7-7132a1325d42">WORD From PLC</label>
          <input id:ignore="testWord_43f42188-79e5-436d-8fd7-7132a1325d42" class="w-100 form-control " style="background-color:transparent" readonly="readonly" type="text" step="any" value:ignore="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2" style=" flex: 1;">
        <div name="testingProgram-testRenderIgnore-testByte" class="w-100 form-group mb-2">
          <label for:ignore="testByte_f84df4f2-c0a2-4cd0-ad77-bd53d073c2f9">BYTE From PLC</label>
          <input id:ignore="testByte_f84df4f2-c0a2-4cd0-ad77-bd53d073c2f9" class="w-100 form-control " style="background-color:transparent" readonly="readonly" type="text" step="any" value:ignore="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2" style=" flex: 1;">
        <div name="testingProgram-testRenderIgnore-testReal" class="w-100 form-group mb-2">
          <label for:ignore="testReal_643c9611-2812-425a-a5c7-294de22a30c2">REAL From PLC</label>
          <input id:ignore="testReal_643c9611-2812-425a-a5c7-294de22a30c2" class="w-100 form-control " style="background-color:transparent" readonly="readonly" type="text" step="any" value:ignore="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2" style=" flex: 1;">
        <div name="testingProgram-testRenderIgnore-testLReal" class="w-100 form-group mb-2">
          <label for:ignore="testLReal_b06d215e-10bd-4950-80c7-09381feca8f5">LREAL From PLC</label>
          <input id:ignore="testLReal_b06d215e-10bd-4950-80c7-09381feca8f5" class="w-100 form-control " style="background-color:transparent" readonly="readonly" type="text" step="any" value:ignore="0">
          <div class="invalid-feedback"></div>
        </div>
      </div>
      <div class="p-2" style=" flex: 1;">
        <div name="testingProgram-testRenderIgnore-TestDateTime" class="w-100 form-group mb-2">
          <label for:ignore="TestDateTime_379574ca-9767-4aec-ad18-967a8b0d3047">DATE_AND_TIME From PLC</label>
          <input id:ignore="TestDateTime_379574ca-9767-4aec-ad18-967a8b0d3047" class="w-100 form-control " style="background-color:transparent" readonly="readonly" type="datetime" value:ignore="1. 1. 0001 0:00:00">
          <div class="invalid-feedback"></div>
        </div>
      </div>
    </div>
  </div>
  
Raw output
Bunit.HtmlEqualException : HTML comparison failed. 

The following errors were found:
  1: The values of the attributes at div(0) > div(0) > div(6) > div(0) > input(1)[type] are different.

Actual HTML: 
<div name="testingProgram-testRenderIgnore" >
  <div name="UniformGrid" class="d-flex flex-nowrap w-100 ">
    <div class="p-2 " style="flex: 1;">
      <div name="testingProgram-testRenderIgnore-testUInteger" class="w-100 form-group mb-2">
        <label for="testUInteger_0da01be9-bed9-4c4d-8ce6-cd04614e7c1e">UInteger From PLC</label>
        <input id="testUInteger_0da01be9-bed9-4c4d-8ce6-cd04614e7c1e" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0" >
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 " style="flex: 1;">
      <div name="testingProgram-testRenderIgnore-testString" class="w-100 form-group mb-2">
        <label for="testString_10584660-6a64-467e-9778-dd525e78e89a">STRING From PLC</label>
        <input id="testString_10584660-6a64-467e-9778-dd525e78e89a" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="" >
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 " style="flex: 1;">
      <div name="testingProgram-testRenderIgnore-testWord" class="w-100 form-group mb-2">
        <label for="testWord_40051fa8-e392-4c98-b3e2-2a8622756658">WORD From PLC</label>
        <input id="testWord_40051fa8-e392-4c98-b3e2-2a8622756658" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0" >
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 " style="flex: 1;">
      <div name="testingProgram-testRenderIgnore-testByte" class="w-100 form-group mb-2">
        <label for="testByte_12efe159-bee9-432d-96e2-e7decb446d3e">BYTE From PLC</label>
        <input id="testByte_12efe159-bee9-432d-96e2-e7decb446d3e" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0" >
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 " style="flex: 1;">
      <div name="testingProgram-testRenderIgnore-testReal" class="w-100 form-group mb-2">
        <label for="testReal_4a718e31-9863-4225-a6d3-e4eb46046434">REAL From PLC</label>
        <input id="testReal_4a718e31-9863-4225-a6d3-e4eb46046434" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0" >
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 " style="flex: 1;">
      <div name="testingProgram-testRenderIgnore-testLReal" class="w-100 form-group mb-2">
        <label for="testLReal_76bd87b6-ea5a-499d-a382-5db6ab81a21f">LREAL From PLC</label>
        <input id="testLReal_76bd87b6-ea5a-499d-a382-5db6ab81a21f" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" step="any" value="0" >
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2 " style="flex: 1;">
      <div name="testingProgram-testRenderIgnore-TestDateTime" class="w-100 form-group mb-2">
        <label for="TestDateTime_4640cee7-1d95-48a1-b723-447645bfe595">DATE_AND_TIME From PLC</label>
        <input id="TestDateTime_4640cee7-1d95-48a1-b723-447645bfe595" readonly="readonly" class="w-100 form-control " style="background-color:transparent" type="text" value="1/1/0001 12:00:00 AM">
        <div class="invalid-feedback"></div>
      </div>
    </div>
  </div>
</div>

Expected HTML: 
<div name="testingProgram-testRenderIgnore">
  <div name="UniformGrid" class="d-flex flex-nowrap w-100">
    <div class="p-2" style=" flex: 1;">
      <div name="testingProgram-testRenderIgnore-testUInteger" class="w-100 form-group mb-2">
        <label for:ignore="testUInteger_8312778e-984f-49ce-b81e-9a2e4f1bd9dd">UInteger From PLC</label>
        <input id:ignore="testUInteger_8312778e-984f-49ce-b81e-9a2e4f1bd9dd" class="w-100 form-control " style="background-color:transparent" readonly="readonly" type="text" step="any" value:ignore="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2" style=" flex: 1;">
      <div name="testingProgram-testRenderIgnore-testString" class="w-100 form-group mb-2">
        <label for:ignore="testString_26d1bdaf-1bf1-45a5-ab4d-0dc1fa139d28">STRING From PLC</label>
        <input id:ignore="testString_26d1bdaf-1bf1-45a5-ab4d-0dc1fa139d28" class="w-100 form-control " style="background-color:transparent" readonly="readonly" type="text" step="any" value:ignore="">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2" style=" flex: 1;">
      <div name="testingProgram-testRenderIgnore-testWord" class="w-100 form-group mb-2">
        <label for:ignore="testWord_43f42188-79e5-436d-8fd7-7132a1325d42">WORD From PLC</label>
        <input id:ignore="testWord_43f42188-79e5-436d-8fd7-7132a1325d42" class="w-100 form-control " style="background-color:transparent" readonly="readonly" type="text" step="any" value:ignore="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2" style=" flex: 1;">
      <div name="testingProgram-testRenderIgnore-testByte" class="w-100 form-group mb-2">
        <label for:ignore="testByte_f84df4f2-c0a2-4cd0-ad77-bd53d073c2f9">BYTE From PLC</label>
        <input id:ignore="testByte_f84df4f2-c0a2-4cd0-ad77-bd53d073c2f9" class="w-100 form-control " style="background-color:transparent" readonly="readonly" type="text" step="any" value:ignore="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2" style=" flex: 1;">
      <div name="testingProgram-testRenderIgnore-testReal" class="w-100 form-group mb-2">
        <label for:ignore="testReal_643c9611-2812-425a-a5c7-294de22a30c2">REAL From PLC</label>
        <input id:ignore="testReal_643c9611-2812-425a-a5c7-294de22a30c2" class="w-100 form-control " style="background-color:transparent" readonly="readonly" type="text" step="any" value:ignore="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2" style=" flex: 1;">
      <div name="testingProgram-testRenderIgnore-testLReal" class="w-100 form-group mb-2">
        <label for:ignore="testLReal_b06d215e-10bd-4950-80c7-09381feca8f5">LREAL From PLC</label>
        <input id:ignore="testLReal_b06d215e-10bd-4950-80c7-09381feca8f5" class="w-100 form-control " style="background-color:transparent" readonly="readonly" type="text" step="any" value:ignore="0">
        <div class="invalid-feedback"></div>
      </div>
    </div>
    <div class="p-2" style=" flex: 1;">
      <div name="testingProgram-testRenderIgnore-TestDateTime" class="w-100 form-group mb-2">
        <label for:ignore="TestDateTime_379574ca-9767-4aec-ad18-967a8b0d3047">DATE_AND_TIME From PLC</label>
        <input id:ignore="TestDateTime_379574ca-9767-4aec-ad18-967a8b0d3047" class="w-100 form-control " style="background-color:transparent" readonly="readonly" type="datetime" value:ignore="1. 1. 0001 0:00:00">
        <div class="invalid-feedback"></div>
      </div>
    </div>
  </div>
</div>

   at Bunit.MarkupMatchesAssertExtensions.MarkupMatches(INodeList actual, INodeList expected, String userMessage) in /_/src/bunit.web/Asserting/MarkupMatchesAssertExtensions.cs:line 237
   at Bunit.MarkupMatchesAssertExtensions.MarkupMatches(IRenderedFragment actual, String expected, String userMessage) in /_/src/bunit.web/Asserting/MarkupMatchesAssertExtensions.cs:line 113
   at AXSharp.RenderableContent.Tests.RenderableContentTests.Render_stTestRenderIgnore_ShadowDisplayControl_DateAndBool_Ignored() in C:\actions-runner-IX-GH003\_work\axsharp\axsharp\src\AXSharp.blazor\tests\sandbox\AXSharp.RenderableContent.Tests\RenderableContentTests.cs:line 130