Jest uses jsdom to run its test. jsdom is simulating a browser but it has some limitations. One of these limitations is the fact that you can’t change the location. If you want to test that your link works I suggest to check the href attribute of your <a>: expect(screen.getByText(‘Click Me’).closest(‘a’)).toHaveAttribute(‘href’, ‘https://www.test.com/’)
There are a couple of ways that you can accomplish this. You can do the following: <li> @Html.ActionLink(“Clients”, “Index”, “User”, new { @class = “elements” }, null) </li> or this: <li> <a href=”@Url.Action(“Index”, “Users”)” class=”elements”> <span>Clients</span> </a> </li> Lately I do the following: <a href=”@Url.Action(“Index”, null, new { area = string.Empty, controller = “User” }, … Read more
I am coming late to this party, but look what I have found at CodePen ! a[target=”_blank”]::after { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==); margin: 0 3px 0 5px; } <a class=”external” href=”https://example.org” target=”_blank”>external link</a>
You can use the first un-edited solution, if you put return first in the onclick attribute: <a href=”https://example.com/no-js-login” onclick=”return yes_js_login();”>Log in</a> yes_js_login = function() { // Your code here return false; } Example: https://jsfiddle.net/FXkgV/289/
Does your fix not work? I’m not sure if I understand the question correctly – do you have a demo page? You could try: if (location.hash) { setTimeout(function() { window.scrollTo(0, 0); }, 1); } Edit: tested and works in Firefox, IE & Chrome on Windows. Edit 2: move setTimeout() inside if block, props @vsync.
You can get the coordinate of the target element and set the scroll position to it. But this is so complicated. Here is a lazier way to do that: function jump(h){ var url = location.href; //Save down the URL without hash. location.href = “#”+h; //Go to the target element. history.replaceState(null,null,url); //Don’t like hashes. Changing it … Read more
You already have what you need, with a minor syntax change: <a href=”www.mysite.com” onclick=”return theFunction();”>Item</a> <script type=”text/javascript”> function theFunction () { // return true or false, depending on whether you want to allow the `href` property to follow through or not } </script> The default behavior of the <a> tag’s onclick and href properties is … Read more
Without having a href, the click will reload the current page, so you need something like this: <a href=”#” onclick=”f1()”>jhhghj</a> Or prevent the scroll like this: <a href=”#” onclick=”f1(); return false;”>jhhghj</a> Or return false in your f1 function and: <a href=”#” onclick=”return f1();”>jhhghj</a> ….or, the unobtrusive way: <a href=”#” id=”abc”>jhg</a> <a href=”#” id=”myLink”>jhhghj</a> <script type=”text/javascript”> … Read more
The below code gets the full path, where the anchor points: document.getElementById(“aaa”).href; // http://example.com/sec/IF00.html while the one below gets the value of the href attribute: document.getElementById(“aaa”).getAttribute(“href”); // sec/IF00.html
<a download=”custom-filename.jpg” href=”/path/to/image” title=”ImageName”> <img alt=”ImageName” src=”/path/to/image”> </a> It’s not yet fully supported caniuse, but you can use with modernizr (under Non-core detects) to check the support of the browser.