テスト目的: img タグ自体にクリックイベントハンドラが付いているとき、CR アイコン経由のクリックでハンドラが実行されないことを確認する。

以下のいずれかのケースで alert が表示されたら NG、表示されなければ OK。

test: img[onclick]

<img src="adobe-20220124-CICA.jpg" onclick="alert('NG: img onclick fired')">

test: img with click event listener (addEventListener)

<img id="img-listener" src="adobe-20220124-CICA.jpg">
<script>
    document.getElementById('img-listener').addEventListener('click', function() {
        alert('NG: img addEventListener fired');
    });
</script>

test: a > img[onclick] （a タグ内の img に onclick）

<a href="./"><img src="adobe-20220124-CICA.jpg" onclick="alert('NG: img onclick inside a fired')"></a>

test: a > img with addEventListener （a タグ内の img に addEventListener）

<a href="./"><img id="img-in-a" src="adobe-20220124-CICA.jpg"></a>
<script>
    document.getElementById('img-in-a').addEventListener('click', function() {
        alert('NG: img addEventListener inside a fired');
    });
</script>

test: div[onclick] > img[onclick] （親 div と img の両方に onclick）

<div onclick="alert('NG: parent div onclick fired')">
    <img src="adobe-20220124-CICA.jpg" onclick="alert('NG: img onclick fired (nested in div)')">
</div>