BootstrapBlazor/test/UnitTest/Components/ImageTest.cs at 64c0c72ecde3cc9d796812eeaa179ddc6c77c6dc · dotnetcore/BootstrapBlazor · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
// Licensed to the .NET Foundation under one or more agreements.
// The .NET Foundation licenses this file to you under the Apache 2.0 License
// See the LICENSE file in the project root for more information.
// Maintainer: Argo Zhang(argo@live.ca) Website: https://www.blazor.zone

namespace UnitTest.Components;

public class ImageTest : BootstrapBlazorTestBase
{
    [Fact]
    public void ShowImage_Ok()
    {
        var cut = Context.RenderComponent<ImageViewer>(pb =>
        {
            pb.Add(a => a.PreviewIndex, 0);
            pb.Add(a => a.Url, "https://www.blazor.zone/images/logo.png");
            pb.Add(a => a.ZIndex, 2000);
            pb.Add(a => a.FitMode, ObjectFitMode.Fill);
        });
        cut.Contains("https://www.blazor.zone/images/logo.png");
    }

    [Fact]
    public void Alt_Ok()
    {
        var cut = Context.RenderComponent<ImageViewer>(pb =>
        {
            pb.Add(a => a.Url, "https://www.blazor.zone/images/logo.png");
            pb.Add(a => a.Alt, "alt-test");
        });
        cut.Contains("alt-test");
    }

    [Fact]
    public void ShouldRenderPlaceHolder_Ok()
    {
        var cut = Context.RenderComponent<ImageViewer>(pb =>
        {
            pb.Add(a => a.ShowPlaceHolder, true);
        });

        cut.SetParametersAndRender(pb =>
        {
            pb.Add(a => a.ShowPlaceHolder, false);
            pb.Add(a => a.PlaceHolderTemplate, new RenderFragment(builder => builder.AddContent(0, "place-holder")));
        });
        cut.Contains("place-holder");
    }

    [Fact]
    public async Task OnLoad_Ok()
    {
        var load = false;
        var cut = Context.RenderComponent<ImageViewer>(pb =>
        {
            pb.Add(a => a.Url, "https://www.blazor.zone/images/logo.png");
            pb.Add(a => a.ShowPlaceHolder, true);
            pb.Add(a => a.OnLoadAsync, new Func<string, Task>(url =>
            {
                load = true;
                return Task.CompletedTask;
            }));
        });

        // trigger error event
        var img = cut.Find("img");
        await cut.InvokeAsync(() => img.Load());
        Assert.True(load);
    }

    [Fact]
    public void HandleError_Ok()
    {
        var error = false;
        var cut = Context.RenderComponent<ImageViewer>(pb =>
        {
            pb.Add(a => a.Url, "https://www.blazor.zone/images/logo1.png");
            pb.Add(a => a.HandleError, true);
            pb.Add(a => a.OnErrorAsync, new Func<string, Task>(url =>
            {
                error = true;
                return Task.CompletedTask;
            }));
        });
        cut.Contains("d-none");

        // trigger error event
        cut.InvokeAsync(() =>
        {
            var img = cut.Find("img");
            img.Error();
        });
        Assert.True(error);

        error = false;
        cut.SetParametersAndRender(pb =>
        {
            pb.Add(a => a.HandleError, false);
            pb.Add(a => a.ErrorTemplate, new RenderFragment(builder =>
            {
                builder.AddContent(0, "error-template");
            }));
        });

        cut.InvokeAsync(() =>
        {
            var img = cut.Find("img");
            img.Error();
        });
        Assert.True(error);
        cut.Contains("error-template");
    }

    [Fact]
    public void IsAsync_Ok()
    {
        var cut = Context.RenderComponent<ImageViewer>(pb =>
        {
            pb.Add(a => a.Url, "https://www.blazor.zone/images/logo.png");
            pb.Add(a => a.IsAsync, true);
            pb.Add(a => a.PreviewList, ["v1", "v2"]);
        });
        cut.Contains("bb-previewer collapse active");
    }

    [Fact]
    public void IsIntersectionObserver_Ok()
    {
        var cut = Context.RenderComponent<ImageViewer>(pb =>
        {
            pb.Add(a => a.ZoomSpeed, 0.5d);
            pb.Add(a => a.Url, "https://www.blazor.zone/images/logo.png");
            pb.Add(a => a.IsIntersectionObserver, true);
        });
        cut.DoesNotContain("src");
    }

    [Fact]
    public void ImagerViewer_Show()
    {
        var cut = Context.RenderComponent<ImagePreviewer>(pb =>
        {
            pb.Add(a => a.PreviewList, ["v1", "v2"]);
        });
        cut.Instance.Show();
    }
}