How to use ShouldNotRetargetWhenElementIsRecycledOnHover method of Microsoft.Playwright.Tests.PageClickReactTests class

1/*
2 * MIT License
3 *
4 * Copyright (c) Microsoft Corporation.
5 *
6 * Permission is hereby granted, free of charge, to any person obtaining a copy
7 * of this software and associated documentation files (the "Software"), to deal
8 * in the Software without restriction, including without limitation the rights
9 * to use, copy, modify, merge, publish, distribute, sublicense, and / or sell
10 * copies of the Software, and to permit persons to whom the Software is
11 * furnished to do so, subject to the following conditions:
12 *
13 * The above copyright notice and this permission notice shall be included in all
14 * copies or substantial portions of the Software.
15 *
16 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
17 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
18 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
19 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
20 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
21 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
22 * SOFTWARE.
23 */
24
25using System;
26using System.Threading.Tasks;
27using Microsoft.Playwright.NUnit;
28using NUnit.Framework;
29
30namespace Microsoft.Playwright.Tests
31{
32    public class PageClickReactTests : PageTestEx
33    {
34        [PlaywrightTest("page-click-react.spec.ts", "should timeout when click opens alert")]
35        public async Task ShouldTimeoutWhenClickOpensAlert()
36        {
37            var dialogEvent = new TaskCompletionSource<IDialog>();
38            Page.Dialog += (_, dialog) => dialogEvent.TrySetResult(dialog);
39
40            await Page.SetContentAsync("<div onclick='window.alert(123)'>Click me</div>");
41
42            var exception = await PlaywrightAssert.ThrowsAsync<TimeoutException>(() => Page.ClickAsync("div", new() { Timeout = 3000 }));
43            StringAssert.Contains("Timeout 3000ms exceeded", exception.Message);
44            var dialog = await dialogEvent.Task;
45            await dialog.DismissAsync();
46        }
47
48        [PlaywrightTest("page-click-react.spec.ts", "should not retarget when element changes on hover")]
49        public async Task ShouldNotRetargetWhenElementChangesOnHover()
50        {
51            await Page.GotoAsync(Server.Prefix + "/react.html");
52            await Page.EvaluateAsync(@"() => {
53                renderComponent(e('div', {}, [e(MyButton, { name: 'button1', renameOnHover: true }), e(MyButton, { name: 'button2' })] ));
54            }");
55
56            await Page.ClickAsync("text=button1");
57            Assert.True(await Page.EvaluateAsync<bool?>("window.button1"));
58            Assert.Null(await Page.EvaluateAsync<bool?>("window.button2"));
59        }
60
61        [PlaywrightTest("page-click-react.spec.ts", "should not retarget when element is recycled on hover")]
62        public async Task ShouldNotRetargetWhenElementIsRecycledOnHover()
63        {
64            await Page.GotoAsync(Server.Prefix + "/react.html");
65            await Page.EvaluateAsync(@"() => {
66                function shuffle() {
67                    renderComponent(e('div', {}, [e(MyButton, { name: 'button2' }), e(MyButton, { name: 'button1' })] ));
68                }
69                renderComponent(e('div', {}, [e(MyButton, { name: 'button1', onHover: shuffle }), e(MyButton, { name: 'button2' })] ));
70            }");
71
72            await Page.ClickAsync("text=button1");
73            Assert.Null(await Page.EvaluateAsync<bool?>("window.button1"));
74            Assert.True(await Page.EvaluateAsync<bool?>("window.button2"));
75        }
76
77    }
78}
79

Source: PageClickReactTests.cs

/*
 * MIT License
 *
 * Copyright (c) Microsoft Corporation.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and / or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 */

using System;
using System.Threading.Tasks;
using Microsoft.Playwright.NUnit;
using NUnit.Framework;

namespace Microsoft.Playwright.Tests
{
    public class PageClickReactTests : PageTestEx
    {
        [PlaywrightTest("page-click-react.spec.ts", "should timeout when click opens alert")]
        public async Task ShouldTimeoutWhenClickOpensAlert()
        {
            var dialogEvent = new TaskCompletionSource<IDialog>();
            Page.Dialog += (_, dialog) => dialogEvent.TrySetResult(dialog);

            await Page.SetContentAsync("<div onclick='window.alert(123)'>Click me</div>");

            var exception = await PlaywrightAssert.ThrowsAsync<TimeoutException>(() => Page.ClickAsync("div", new() { Timeout = 3000 }));
            StringAssert.Contains("Timeout 3000ms exceeded", exception.Message);
            var dialog = await dialogEvent.Task;
            await dialog.DismissAsync();
        }

        [PlaywrightTest("page-click-react.spec.ts", "should not retarget when element changes on hover")]
        public async Task ShouldNotRetargetWhenElementChangesOnHover()
        {
            await Page.GotoAsync(Server.Prefix + "/react.html");
            await Page.EvaluateAsync(@"() => {
                renderComponent(e('div', {}, [e(MyButton, { name: 'button1', renameOnHover: true }), e(MyButton, { name: 'button2' })] ));
            }");

            await Page.ClickAsync("text=button1");
            Assert.True(await Page.EvaluateAsync<bool?>("window.button1"));
            Assert.Null(await Page.EvaluateAsync<bool?>("window.button2"));
        }

        [PlaywrightTest("page-click-react.spec.ts", "should not retarget when element is recycled on hover")]
        public async Task ShouldNotRetargetWhenElementIsRecycledOnHover()
        {
            await Page.GotoAsync(Server.Prefix + "/react.html");
            await Page.EvaluateAsync(@"() => {
                function shuffle() {
                    renderComponent(e('div', {}, [e(MyButton, { name: 'button2' }), e(MyButton, { name: 'button1' })] ));
                }
                renderComponent(e('div', {}, [e(MyButton, { name: 'button1', onHover: shuffle }), e(MyButton, { name: 'button2' })] ));
            }");

            await Page.ClickAsync("text=button1");
            Assert.Null(await Page.EvaluateAsync<bool?>("window.button1"));
            Assert.True(await Page.EvaluateAsync<bool?>("window.button2"));
        }

    }
}