npm - @vardot/varbase-e2e - Versions diffs - 2.0.2 → 2.0.4 - Mend

@vardot/varbase-e2e 2.0.2 → 2.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (281) hide show

package/examples/styles/drimage_improved_3800_2534/public/sample.png ADDED Viewed

Binary file

package/examples/styles/drimage_improved_4000_2667/public/sample.png ADDED Viewed

Binary file

package/examples/styles/drimage_improved_400_267/public/sample.png ADDED Viewed

Binary file

package/examples/styles/drimage_improved_600_400/public/sample.png ADDED Viewed

Binary file

package/examples/styles/drimage_improved_800_533/public/sample.png ADDED Viewed

Binary file

package/examples/user-login.html ADDED Viewed

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html><head><title>Log in</title></head>
+<body>
+  <h1>Log in</h1>
+  <form id="user-login-form" action="#" method="post">
+    <label for="edit-name">Username</label>
+    <input id="edit-name" name="name" type="text">
+    <label for="edit-pass">Password</label>
+    <input id="edit-pass" name="pass" type="password">
+    <input id="edit-submit" type="submit" value="Log in">
+  </form>
+</body></html>

package/images/varbase-e2e-logo.svg ADDED Viewed

@@ -0,0 +1,24 @@
+<svg width="100%" viewBox="0 0 215 30" xmlns="http://www.w3.org/2000/svg" role="img" xmlns:c2pa="http://c2pa.org/manifest"><metadata><c2pa:manifest>AAAWkGp1bWIAAAAeanVtZGMycGEAEQAQgAAAqgA4m3EDYzJwYQAAABZqanVtYgAAAEdqdW1kYzJtYQARABCAAACqADibcQN1cm46YzJwYTo1YTMwMDlhNC05YjI1LTQwYmQtOWE0YS1lOGNhYmEyOTFhYjQAAAADf2p1bWIAAAApanVtZGMyYXMAEQAQgAAAqgA4m3EDYzJwYS5hc3NlcnRpb25zAAAAALxqdW1iAAAARGp1bWRjYm9yABEAEIAAAKoAOJtxE2MycGEuaW5ncmVkaWVudC52MwAAAAAYYzJzaF/Loa2IHTLZ76YmYhLtmrYAAABwY2JvcqNscmVsYXRpb25zaGlwaHBhcmVudE9maWRjOmZvcm1hdG1pbWFnZS9zdmcreG1samluc3RhbmNlSUR4LHhtcDppaWQ6YjhkMzRjYTMtMWZlNS00NDYzLTliMzItZmE4YjRmYzEzMDQ4AAABzmp1bWIAAABBanVtZGNib3IAEQAQgAAAqgA4m3ETYzJwYS5hY3Rpb25zLnYyAAAAABhjMnNodeNIX6kKQys0WwLuJzmV6gAAAYVjYm9yoWdhY3Rpb25zgqJmYWN0aW9ua2MycGEub3BlbmVkanBhcmFtZXRlcnOha2luZ3JlZGllbnRzgaJjdXJseC1zZWxmI2p1bWJmPWMycGEuYXNzZXJ0aW9ucy9jMnBhLmluZ3JlZGllbnQudjNkaGFzaFggmXz9f/AJ0+JTXcjT/GcbTfpRfjLCMb1sYldKRRNez2qkZmFjdGlvbngdY29tLmFudGhyb3BpYy5jbGF1ZGUucHJvdmlkZWRtc29mdHdhcmVBZ2VudKFkbmFtZWZDbGF1ZGVqcGFyYW1ldGVyc6F4H2NvbS5hbnRocm9waWMub3JpZ2luLWNvbmZpZGVuY2VndW5rbm93bmtkZXNjcmlwdGlvbnhmQ2xhdWRlIHByb3ZpZGVkIHRoaXMgZmlsZSBhdCB0aGUgcmVxdWVzdCBvZiBhIHVzZXIgYW5kIG1heSBoYXZlIGNyZWF0ZWQgb3IgbW9kaWZpZWQgdGhlIGZpbGUgY29udGVudHMuAAAAxGp1bWIAAABAanVtZGNib3IAEQAQgAAAqgA4m3ETYzJwYS5oYXNoLmRhdGEAAAAAGGMyc2hQFbwKTtWrCvdaogRPd6bgAAAAfGNib3KlamV4Y2x1c2lvbnOBomVzdGFydBiUZmxlbmd0aBkeGGRuYW1lbmp1bWJmIG1hbmlmZXN0Y2FsZ2ZzaGEyNTZkaGFzaFggHPZzqvJCzffRtP1srbNv6FgAO3DDIVjHHHZ9qssnjy1jcGFkSQAAAAAAAAAAAAAAAmRqdW1iAAAAJ2p1bWRjMmNsABEAEIAAAKoAOJtxA2MycGEuY2xhaW0udjIAAAACNWNib3Kmamluc3RhbmNlSUR4LHhtcDppaWQ6ODA2OTU0NWItNzQ2NC00ODg4LWJmYTAtN2MyZDdiNDY5MzcydGNsYWltX2dlbmVyYXRvcl9pbmZvo2RuYW1lc0FudGhyb3BpYyBDbGF1ZGUuYWlndmVyc2lvbmUxLjAuMHdvcmcuY29udGVudGF1dGguYzJwYV9yc2YwLjkwLjBpc2lnbmF0dXJleE1zZWxmI2p1bWJmPS9jMnBhL3VybjpjMnBhOjVhMzAwOWE0LTliMjUtNDBiZC05YTRhLWU4Y2FiYTI5MWFiNC9jMnBhLnNpZ25hdHVyZXJjcmVhdGVkX2Fzc2VydGlvbnOComN1cmx4KnNlbGYjanVtYmY9YzJwYS5hc3NlcnRpb25zL2MycGEuYWN0aW9ucy52MmRoYXNoWCDPwzwpk/iUmmqxGuHZX+30zj4icMz0HGJRtxLW2vZm96JjdXJseClzZWxmI2p1bWJmPWMycGEuYXNzZXJ0aW9ucy9jMnBhLmhhc2guZGF0YWRoYXNoWCAh8+e5U3QtjXtOnzgUf64PjrTPRMEx3aaZY09XwnHlZXNnYXRoZXJlZF9hc3NlcnRpb25zgaJjdXJseC1zZWxmI2p1bWJmPWMycGEuYXNzZXJ0aW9ucy9jMnBhLmluZ3JlZGllbnQudjNkaGFzaFggmXz9f/AJ0+JTXcjT/GcbTfpRfjLCMb1sYldKRRNez2pjYWxnZnNoYTI1NgAAEDhqdW1iAAAAKGp1bWRjMmNzABEAEIAAAKoAOJtxA2MycGEuc2lnbmF0dXJlAAAAEAhjYm9y0oRZAhKiASYYIVkCCjCCAgYwggGNoAMCAQICFEDloAruwjnQvriD+gZCBT1nVRMAMAoGCCqGSM49BAMDMEkxFzAVBgNVBAoTDkFudGhyb3BpYywgUEJDMS4wLAYDVQQDEyVBbnRocm9waWMgQ29udGVudCBDcmVkZW50aWFscyBSb290IENBMB4XDTI2MDgwNzE4NDM1NloXDTI4MDgwNjE5NDM1NlowRDEXMBUGA1UEChMOQW50aHJvcGljLCBQQkMxKTAnBgNVBAMTIEFudGhyb3BpYyBDbGF1ZGUgQ29udGVudCBTaWduaW5nMFkwEwYHKoZIzj0CAQYIKoZIzj0DAQcDQgAEmHoKa8tQGAUU1TS9QqU5W0Tp2N3XsvlK7BfQt6YWKwEzd2R3/dzKPEUDdCjlLjp9fT+KFjRVnuZ9v0oXvTe3k6NYMFYwDgYDVR0PAQH/BAQDAgeAMBUGA1UdJQQOMAwGCisGAQQBg+heAgEwDAYDVR0TAQH/BAIwADAfBgNVHSMEGDAWgBTOUeIEgU5kWyP448TPmj6cwddcwjAKBggqhkjOPQQDAwNnADBkAjAxcx0UngF60stVjs5G4T2eiptsBk5mf9oCtfJPAUBl8qs/PEXa8+gk1/X5QJ2DVcYCMHBfXN31YapiSqYvlIWrDVDJKOvXMl+kkz37Wt0PBI8sw486Mq6JeOhT+lRR4b1HCaFjcGFkWQ2eAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA9lhAJomwIBDXXmJKtFaKOoxKyO/Yr5tfee2vh4HI1yJUVOI9QkXsKrRQOuTRu18aPurxHreP7Firxk998Yx5osHD+w==</c2pa:manifest></metadata>
+<title style="fill:rgb(0, 0, 0);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto">Varbase E2E logo</title>
+<desc style="fill:rgb(0, 0, 0);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto">The official Varbase wordmark logo with E2E appended directly after it in a rounded geometric sans font, colored in the logo's brand blue accent, with no divider.</desc>
+<defs>
+</defs>
+<g id="Type=Dark, Logo=Default" style="fill:rgb(0, 0, 0);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto">
+<g id="Group 632618" style="fill:rgb(0, 0, 0);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto">
+<g id="Frame 6" style="fill:rgb(0, 0, 0);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto">
+<path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M142.153 25.7417C145.489 25.7417 149.199 23.3408 149.913 19.2411C150.027 18.5849 149.598 18.5849 149.339 18.5849H145.778C145.174 18.5849 144.935 18.4032 144.772 18.2266C144.61 18.0499 144.548 17.8147 144.471 17.4776C143.967 15.2953 142.031 13.6774 139.674 13.6774C136.937 13.6775 134.719 15.8746 134.719 18.5849C134.719 22.4039 138.015 25.7417 142.153 25.7417ZM144.37 19.3878C144.531 18.5835 144.01 18.5835 143.566 18.5835H135.925C135.481 18.5835 134.96 18.5849 135.121 19.3878C135.523 21.3985 137.464 23.2082 139.745 23.2082C142.026 23.2082 143.968 21.3985 144.37 19.3878Z" fill="#0D6EFD" style="fill:rgb(13, 110, 253);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+</g>
+<g id="Combined-Shape" style="fill:rgb(0, 0, 0);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M33.9587 9.65601V11.7512C32.5336 10.1933 30.5984 9.24421 28.2579 9.24421C22.6231 9.24421 19.7409 14.0342 19.7409 18.4135C19.7409 23.5569 23.2959 27.5828 28.2579 27.5828C30.5799 27.5828 32.5171 26.6527 33.9587 25.0758V27.1706H38.4234V9.65601H33.9587ZM24.3431 18.4135C24.3431 21.2394 26.4825 23.2557 29.1507 23.2557C31.8105 23.2557 33.9587 21.2474 33.9587 18.4135C33.9587 15.7115 31.9432 13.5713 29.1507 13.5713C26.3373 13.5713 24.3431 15.7332 24.3431 18.4135Z" fill="black" style="fill:rgb(0, 0, 0);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+<path d="M52.8984 13.572H52.1428C48.9055 13.572 47.0946 15.625 47.0946 18.5703V27.1709H42.63V9.65633H47.0946V11.6124C48.4221 9.91853 50.1047 9.24373 52.1428 9.24373H52.8984V13.572Z" fill="black" style="fill:rgb(0, 0, 0);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+<path d="M19.3428 9.65617H14.5906L9.67158 21.5339L4.75174 9.65617H0L7.25469 27.1708H12.0881L19.3428 9.65617Z" fill="black" style="fill:rgb(0, 0, 0);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M89.4547 9.65598V11.7512C88.0295 10.1932 86.0944 9.24419 83.7539 9.24419C78.1191 9.24419 75.2369 14.0341 75.2369 18.4135C75.2369 23.5569 78.7919 27.5828 83.7539 27.5828C86.0759 27.5828 88.013 26.6526 89.4547 25.0758V27.1706H93.9193V9.65598H89.4547ZM79.839 18.4135C79.839 21.2394 81.9785 23.2557 84.6467 23.2557C87.3065 23.2557 89.4547 21.2474 89.4547 18.4135C89.4547 15.7115 87.4392 13.5713 84.6467 13.5713C81.8333 13.5713 79.839 15.7332 79.839 18.4135Z" fill="black" style="fill:rgb(0, 0, 0);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M59.5943 2.41735V11.7511C61.0195 10.1932 62.9546 9.24416 65.2951 9.24416C70.9299 9.24416 73.8121 14.0341 73.8121 18.4135C73.8121 23.5569 70.2572 27.5828 65.2951 27.5828C62.9731 27.5828 61.036 26.6526 59.5943 25.0758V27.1706H55.1297V2.41735H59.5943ZM69.21 18.4135C69.21 21.2393 67.0706 23.2557 64.4023 23.2557C61.7425 23.2557 59.5943 21.2474 59.5943 18.4135C59.5943 15.7115 61.6098 13.5712 64.4023 13.5712C67.2157 13.5712 69.21 15.7332 69.21 18.4135Z" fill="black" style="fill:rgb(0, 0, 0);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M122.777 9.62886C124.458 9.62886 125.969 9.99119 127.309 10.7151C128.671 11.4178 129.746 12.4396 130.533 13.7811C131.32 15.1012 131.714 16.6876 131.714 18.5401C131.714 18.7317 131.703 18.9553 131.682 19.2108C131.66 19.445 131.639 19.6687 131.618 19.8816H118.626C118.727 20.339 118.887 20.7649 119.107 21.1591C119.532 21.8618 120.117 22.4048 120.862 22.7881C121.628 23.1501 122.522 23.3308 123.543 23.3308C124.458 23.3308 125.256 23.1925 125.937 22.9157C126.639 22.6389 127.277 22.2236 127.852 21.67L130.501 24.5447C129.713 25.439 128.724 26.1309 127.533 26.6207C126.341 27.0891 124.968 27.3236 123.415 27.3236C121.458 27.3236 119.734 26.9402 118.245 26.1737C116.777 25.4072 115.639 24.3635 114.83 23.0434C114.021 21.702 113.617 20.1794 113.617 18.476C113.617 16.7514 114.011 15.2292 114.798 13.9091C115.607 12.5677 116.702 11.524 118.085 10.7787C119.468 10.0122 121.032 9.62886 122.777 9.62886ZM122.809 13.3978C121.958 13.3978 121.202 13.5895 120.543 13.9727C119.905 14.3347 119.404 14.8564 119.043 15.5377C118.809 15.9636 118.652 16.4428 118.569 16.9751H127.024C126.943 16.4338 126.783 15.944 126.543 15.5059C126.182 14.8458 125.681 14.3347 125.043 13.9727C124.405 13.5895 123.66 13.3978 122.809 13.3978Z" fill="black" style="fill:rgb(0, 0, 0);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+<path d="M104.638 9.62886C105.862 9.62887 107.075 9.76756 108.277 10.0444C109.501 10.2999 110.51 10.6618 111.304 11.1302L109.63 14.6753C108.105 13.8237 106.441 13.3978 104.638 13.3978C103.565 13.3978 102.759 13.547 102.223 13.8451C101.686 14.1432 101.417 14.5266 101.417 14.995C101.417 15.5272 101.707 15.8997 102.287 16.1127C102.867 16.3256 103.79 16.5278 105.057 16.7194C106.474 16.9536 107.633 17.2092 108.535 17.486C109.436 17.7415 110.22 18.2207 110.886 18.9234C111.551 19.626 111.884 20.6055 111.884 21.8617C111.884 22.9263 111.562 23.8742 110.918 24.7046C110.274 25.5349 109.329 26.1844 108.084 26.6529C106.86 27.1 105.4 27.3232 103.704 27.3232C102.265 27.3232 100.859 27.153 99.4853 26.8123C98.1112 26.4503 97.0164 26.0031 96.2006 25.4708L97.8751 21.8939C98.648 22.3836 99.5819 22.788 100.677 23.1074C101.772 23.4055 102.845 23.5547 103.897 23.5547C106.022 23.5547 107.085 23.033 107.086 21.9897C107.086 21.5 106.796 21.1486 106.216 20.9356C105.636 20.7227 104.745 20.5416 103.543 20.3925C102.126 20.1796 100.956 19.9349 100.033 19.6581C99.1096 19.3813 98.3045 18.8915 97.6175 18.189C96.952 17.4863 96.6192 16.4854 96.6192 15.1866C96.6192 14.1007 96.9305 13.1423 97.5531 12.3119C98.1972 11.4603 99.1203 10.8003 100.323 10.3318C101.546 9.86338 102.985 9.62886 104.638 9.62886Z" fill="black" style="fill:rgb(0, 0, 0);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+</g>
+</g>
+</g>
+<text x="158" y="27.2" font-size="24" letter-spacing="0.3" fill="#0D6EFD" style="fill:rgb(13, 110, 253);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Poppins, Arial, Helvetica, sans-serif;font-size:24px;font-weight:700;text-anchor:start;dominant-baseline:auto">E2E</text>
+</svg>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@vardot/varbase-e2e",
-  "version": "2.0.2",
+  "version": "2.0.4",
   "description": "Varbase E2E automated functional testing.",
   "main": "index.js",
   "bin": {

package/tests/features/access.feature ADDED Viewed

@@ -0,0 +1,33 @@
+Feature: Access assertions
+  A site picks its own way of saying no: HTTP 403, HTTP 404 to keep a route
+  unguessable, HTTP 200 with an access-denied page, or a redirect to the log-in
+  form. A permission scenario should assert "refused", not one of those four,
+  and it needs the positive half too — a role that can reach nothing passes
+  every refusal assertion on its own.
+  Background:
+    Given I am an anonymous user
+  # A 404 is the point of this scenario, so the browser console will carry the
+  # resource error. @js-off keeps that expected noise out of the run.
+  @js-off
+  Scenario: A path that does not answer at all is refused
+    Then I am denied access to "/no-such-admin-page.html"
+    And we should be refused "/admin/config"
+  Scenario: A path that answers 200 with an access-denied page is refused
+    Then I am denied access to "/access-denied.html"
+  Scenario: A path that answers with a log-in form is refused
+    Then I should be refused "/user-login.html"
+  Scenario: A path the visitor may open is allowed
+    Then I should be allowed "/about-us.html"
+    And we am granted access to "/index.html"
+  Scenario: The page already open can be asserted without navigating again
+    When I go to "/access-denied.html"
+    Then I should be denied access
+    And the page should be access restricted
+    When I go to "/user-login.html"
+    Then the page should be access restricted

package/tests/features/drupal-drimage-improved.feature ADDED Viewed

@@ -0,0 +1,59 @@
+Feature: Drimage Improved dynamic responsive images
+  Drimage Improved renders an image on an SVG placeholder and swaps it for a
+  derivative sized to where it is rendered, deferring anything below the fold.
+  Every attribute is already in place before the swap, so only the decoded
+  derivative proves the image really loaded. These steps name no selectors:
+  the pack knows the module's markup, and the budget defaults to 2 seconds
+  because the module exists to make images fast. The fixture mirrors the
+  markup the vartheme_bs5 dynamic-responsive-image component renders on
+  demo.varbase.vardot.com.
+  Background:
+    Given I am an anonymous user
+    When I go to "/drimage.html"
+  Scenario: The formatter rendered Drimage output with its fallbacks
+    Then the drimage images should be rendered
+    And the drimage images should offer webp
+    And the drimage images should have a noscript fallback
+  Scenario: The image in the viewport loaded its derivative
+    Then the drimage images should be loaded
+    And the drimage image "Team collaborating in a modern glass-walled office" should be loaded
+    And no drimage image should be broken
+  Scenario: Lazy loading defers the image below the fold until it is scrolled into view
+    Then the drimage images should use lazy loading
+    And the drimage image "Team meeting around a table" should still be a placeholder
+    When I scroll to the bottom of the page
+    Then the drimage image "Team meeting around a table" should be loaded within 2 seconds
+  Scenario: The derivative width follows the viewport
+    Then the drimage images should be sized for the viewport
+    When I set the viewport to the "xs" breakpoint
+    Then the drimage images should be sized for the viewport within 2 seconds
+  Scenario: One image can be named the way a person would, never by a selector
+    Then the first drimage image should be loaded
+    And the drimage image number 1 should be loaded
+    And the drimage image captioned "Our team in the new office" should be loaded
+    And the drimage image with the alt text "Team collaborating in a modern glass-walled office" should be loaded
+    And the last drimage image should still be a placeholder
+    And the drimage image titled "Vardot team" should not be loaded yet
+    And the drimage image "Vardot team" should not be loaded yet
+  Scenario: The figure, its caption, the alt text and the title reached the front end
+    Then the first drimage image should be in a figure
+    And the first drimage image should have a caption
+    And the first drimage image should have the caption "Our team in the new office"
+    And the drimage image captioned "Our team in the new office" should have the alt text "Team collaborating in a modern glass-walled office"
+    And the second drimage image should have the title "Vardot team"
+    And the drimage image "Team meeting around a table" should have the title "Vardot team"
+    And the last drimage image should be in a figure
+  Scenario: Every qualifier names the same images
+    Then the drimage improved images should be loaded
+    And the dynamic images should be loaded
+    And the dynamic responsive images should be loaded
+    And the responsive images should be loaded
+    And the images should be loaded

package/tests/features/http-status.feature ADDED Viewed

@@ -0,0 +1,21 @@
+Feature: HTTP status assertions
+  The status a page returns is not always what it renders: a Drupal site can
+  answer 200 with an access-denied page, or 404 to keep a route unguessable.
+  Both phrasings of this assertion re-request the current URL through the
+  browser's own context, so the session cookies travel with it and redirects
+  are not followed.
+  Background:
+    Given I am an anonymous user
+  Scenario: A page that exists
+    When I go to "/about-us.html"
+    Then the page should return HTTP status 200
+    And the page should not return HTTP status 404
+    And the response status code should be 200
+  @js-off
+  Scenario: A page that does not exist
+    When I go to "/no-such-page.html"
+    Then the page should return HTTP status 404
+    And the response status code should not be 200

package/tests/features/page-title.feature ADDED Viewed

@@ -0,0 +1,24 @@
+Feature: Page title assertions
+  The <title> element is the browser tab text, the bookmark name, the
+  search-result heading and the first thing a screen reader announces. On a
+  Drupal site it is the head title pattern, so asserting it proves the pattern
+  and the token that fills it both work.
+  Background:
+    Given I am an anonymous user
+  Scenario: The exact title
+    When I go to "/about-us.html"
+    Then the page title should be "About Us"
+    And the page title should not be "Contact Us"
+  Scenario: Part of the title, which is what a real head title pattern allows
+    When I go to "/about-us.html"
+    Then the page title should contain "About"
+    And the page title should not contain "Access denied"
+  Scenario: The title follows the page
+    When I go to "/element.html"
+    Then the page title should be "Element Demo"
+    When I go to "/about-us.html"
+    Then the page title should be "About Us"

package/tests/step-definitions/assertion.steps.js CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
 // All page-level assertion step definitions live here:
-// see / not see text, in element, in row, link href, response body, response
-// status code, element existence, CSS property, regex matching, count.
+// see / not see text, in element, in row, link href, page title, response
+// body, HTTP status, element existence, CSS property, regex matching, count.
 //
 // Field-level (checkbox/radio/field-contains) assertions live in field.steps.js.
 // URL/path assertions live in navigation.steps.js.
@@ -10,7 +10,6 @@
 const { Then } = require('@cucumber/cucumber');
 const assert = require('assert');
-const axios = require('axios');
 const { buildSelector, getLocatorText, friendly } = require('./varbase-e2e');
 // ---------------------------------------------------------------------------
@@ -295,6 +294,63 @@ Then(/^(the )*"([^"]*)?" link should contain "([^"]*)?" by( its)*(?: "([^"]*)?")
   assert.ok(href.includes(url), `Expected element href to contain "${url}" but got "${href}"`);
 });
+// ---------------------------------------------------------------------------
+// Page title (<title>, the browser tab text)
+// ---------------------------------------------------------------------------
+/**
+ * Assert the page title is, or is not, exactly this text.
+ *
+ * The title is `document.title` — the `<title>` element, which is the browser
+ * tab text, the bookmark name, the search-result heading and what a screen
+ * reader announces first on a new page. On a Drupal site it is the head title
+ * pattern, so this is how a test proves the pattern and the token that fills
+ * it both work. Compared after trimming, because a title built from a template
+ * often carries stray whitespace around the separator.
+ *
+ * Example #1: Then the page title should be "About Us"
+ * Example #2: Then the page title should not be "Access denied"
+ * Example #3: And the page title should be "Contact Us | Example"
+ * Example #4: When I go to "/blog"
+ *               Then the page title should be "Blog | Example"
+ * Example #5: Then the page title should not be "Page not found | Example"
+ *
+ */
+Then(/^(the )*page title should( not)* be "([^"]*)?"$/, async function (theCase, notCase, expected) {
+  const title = ((await this.page.title()) || '').trim();
+  const want = (expected || '').trim();
+  if (notCase) {
+    assert.ok(title !== want, `Page title should NOT be "${want}" but it is.`);
+  } else {
+    assert.strictEqual(title, want, `Expected the page title to be "${want}" but it is "${title}".`);
+  }
+});
+/**
+ * Assert the page title contains, or does not contain, this text.
+ *
+ * The form to reach for on a real site: the head title carries the site name
+ * and a separator the test has no business hardcoding, so assert the part the
+ * page owns. Case-sensitive, compared after trimming.
+ *
+ * Example #1: Then the page title should contain "About"
+ * Example #2: Then the page title should not contain "Access denied"
+ * Example #3: And the page title should contain "Getting Started"
+ * Example #4: When I go to "/contact-us"
+ *               Then the page title should contain "Contact"
+ * Example #5: Then the page title should not contain "Untitled"
+ *
+ */
+Then(/^(the )*page title should( not)* contain "([^"]*)?"$/, async function (theCase, notCase, expected) {
+  const title = ((await this.page.title()) || '').trim();
+  const want = (expected || '').trim();
+  if (notCase) {
+    assert.ok(!title.includes(want), `Page title should NOT contain "${want}" but it is "${title}".`);
+  } else {
+    assert.ok(title.includes(want), `Expected the page title to contain "${want}" but it is "${title}".`);
+  }
+});
 // ---------------------------------------------------------------------------
 // Response body / status
 // ---------------------------------------------------------------------------
@@ -323,30 +379,63 @@ Then(/^(the )*response should( not)* contain "([^"]*)?"$/, async function (theCa
   }
 });
+// Re-request the page's own URL through the BROWSER context, so the request
+// carries the session cookies the browser already has — an admin page checked
+// with a cookie-less client answers 403 while the browser renders it fine.
+// Redirects are not followed: a step asserting 301 means the redirect itself.
+async function statusOfCurrentPage(page) {
+  const url = page.url();
+  const response = await page.context().request.get(url, { maxRedirects: 0 });
+  return response.status();
+}
 /**
  * Assert that the current page's response status is or is not a given code.
  *
+ * Re-requests the current URL through the browser's own context, so the check
+ * sees what this user sees: the session cookies travel with the request, and
+ * redirects are not followed, so a 3xx can actually be asserted.
+ *
  * Example #1: Then the response status code should be 200
  * Example #2: And the response status code should not be 404
  * Example #3: Then the response status code should be 301
+ * Example #4: When I go to "/no-such-page"
+ *               Then the response status code should be 404
+ * Example #5: Then the response status code should not be 500
+ *
+ */
+Then(/^(the )*response status code should( not)* be (\d+)$/, assertStatus);
+/**
+ * Assert the page returns, or does not return, an HTTP status — the phrasing
+ * that reads as a sentence about the page rather than about a response object.
+ *
+ * The same assertion as `the response status code should be N`: one
+ * implementation, two phrasings, because a test about a 404 page reads better
+ * as "the page should return HTTP status 404" while a test about an API call
+ * reads better as "the response status code should be 404".
+ *
+ * Example #1: Then the page should return HTTP status 200
+ * Example #2: Then the page should not return HTTP status 404
+ * Example #3: And the page should return HTTP status 403
+ * Example #4: When I go to "/no-such-page"
+ *               Then the page should return HTTP status 404
+ * Example #5: Then the page should return HTTP status 301
  *
  */
-Then(/^(the )*response status code should( not)* be (\d+)$/, async function (theCase, notCase, expectedStatusCode) {
-  const currentURL = this.page.url();
+Then(/^(the )*page should( not)* return HTTP status (\d+)$/, assertStatus);
+async function assertStatus(theCase, notCase, expectedStatusCode) {
+  const want = parseInt(expectedStatusCode, 10);
+  let status;
   try {
-    const response = await axios.get(currentURL);
-    const status = response.status;
-    if (notCase) {
-      assert.notStrictEqual(status, parseInt(expectedStatusCode), `Status code should NOT be ${expectedStatusCode}`);
-    } else {
-      assert.strictEqual(status, parseInt(expectedStatusCode), `Expected status ${expectedStatusCode} but got ${status}`);
-    }
+    status = await statusOfCurrentPage(this.page);
   } catch (error) {
-    const status = error.response ? error.response.status : null;
-    if (notCase) {
-      if (status !== null) assert.notStrictEqual(status, parseInt(expectedStatusCode));
-    } else {
-      assert.strictEqual(status, parseInt(expectedStatusCode), `Expected status ${expectedStatusCode} but got ${status}`);
-    }
+    throw friendly(`Could not read the HTTP status of "${this.page.url()}"`, error);
   }
-});
+  if (notCase) {
+    assert.notStrictEqual(status, want, `The status should NOT be ${want} but it is.`);
+  } else {
+    assert.strictEqual(status, want, `Expected HTTP status ${want} from "${this.page.url()}" but got ${status}.`);
+  }
+}