Add some more testing to ui, hotfix: Replace not working, GoBack not working as expected

Author: Json-exe

Blazor.Cropper/Blazor.Cropper.csproj

@@ -4,7 +4,7 @@
         <Nullable>enable</Nullable>
         <ImplicitUsings>enable</ImplicitUsings>
         <PackageId>Json_exe.Blazor.Cropper</PackageId>
-        <Version>0.2.0</Version>
+        <Version>0.2.1</Version>
         <Title>CropperJS Wrapper for Blazor</Title>
         <Authors>Json-exe</Authors>
         <Description>This is a wrapper around the CropperJS library.</Description>

Blazor.Cropper/CropperJsInterop.cs

@@ -89,7 +89,7 @@ public async ValueTask Clear()
     public async ValueTask Replace(string data)
     {
         var module = await _moduleTask.Value;
-        await module.InvokeVoidAsync("replace", _cropModule, data);
+        await module.InvokeVoidAsync("replace", data, _cropModule);
     }
 
     public async ValueTask Enable()
@@ -116,12 +116,6 @@ public async ValueTask RotateTo(double degrees)
         await module.InvokeVoidAsync("rotateTo", degrees, _cropModule);
     }
 
-    public async ValueTask GoBack(string data)
-    {
-        var module = await _moduleTask.Value;
-        await module.InvokeVoidAsync("replace", _cropModule, data);
-    }
-
     public async ValueTask DisposeAsync()
     {
         if (_moduleTask.IsValueCreated)

Blazor.Cropper/CropperWrapper.razor.cs

@@ -10,7 +10,15 @@ public partial class CropperWrapper
     /// The image src to crop.
     /// </summary>
     [Parameter, EditorRequired]
-    public string ImageSrc { get; set; } = string.Empty;
+    public string ImageSrc
+    { 
+        get => _imageSrc;
+        set
+        {
+            if (string.IsNullOrEmpty(_imageSrc)) _imageSrc = value;
+        }
+    }
+    private string _imageSrc = string.Empty;
 
     /// <summary>
     /// The alt text for the image.
@@ -52,7 +60,7 @@ public async Task GetCroppedArea()
     {
         _changeList.Add(ImageSrc);
         var imageData = await CropperJsInterop.GetCroppedCanvas();
-        ImageSrc = imageData;
+        _imageSrc = imageData;
     }
 
     /// <summary>
@@ -192,8 +200,8 @@ public async Task RotateTo(double degree)
     public async Task GoBack()
     {
         if (_changeList.Count <= 0) return;
-        ImageSrc = _changeList[^1];
-        await CropperJsInterop.GoBack(ImageSrc);
+        _imageSrc = _changeList[^1];
+        await CropperJsInterop.Replace(ImageSrc);
         _changeList.RemoveAt(_changeList.Count - 1);
     }
 }

Json_exe.Blazor.Cropper.UITest/Pages/FetchData.razor

@@ -8,13 +8,19 @@
 
 <CropperWrapper @ref="CropperWrapperRef" OnReady="OnReady" ImageSrc="sample-data/testImage.jpeg" Alt="Test-Image"/>
 
-<div class="vstack mt-5 gap-3">
-    <button class="btn-primary w-auto mt-3" @onclick="@(() => CropperWrapperRef.Reset())">Reset</button>
-    <button class="btn-primary w-auto mt-3" @onclick="@(() => CropperWrapperRef.Clear())">Clear</button>
-    <button class="btn-primary w-auto mt-3" @onclick="@(() => CropperWrapperRef.Enable())">Enable</button>
-    <button class="btn-primary w-auto mt-3" @onclick="@(() => CropperWrapperRef.Disable())">Disable</button>
-    <button class="btn-primary w-auto mt-3" @onclick="@(() => CropperWrapperRef.Zoom(0.1))">Zoom</button>
-    <button class="btn-primary w-auto mt-3" @onclick="@(() => CropperWrapperRef.RotateTo(90))">RotateTo</button>
+<div class="hstack mt-5 gap-3">
+    <button class="btn-primary w-25 mt-3" @onclick="@(() => CropperWrapperRef.RotateLeft())">Rotate Left</button>
+    <button class="btn-primary w-25 mt-3" @onclick="@(() => CropperWrapperRef.RotateRight())">Rotate Right</button>
+    <button class="btn-primary w-25 mt-3" @onclick="@(() => CropperWrapperRef.ScaleHorizontal())">Flip Horizontal</button>
+    <button class="btn-primary w-25 mt-3" @onclick="@(() => CropperWrapperRef.ScaleVertical())">Flip Vertical</button>
+    <button class="btn-primary w-25 mt-3" @onclick="@(() => CropperWrapperRef.GetCroppedArea())">Crop</button>
+    <button class="btn-primary w-25 mt-3" @onclick="@(() => CropperWrapperRef.GoBack())">Go back</button>
+    <button class="btn-primary w-25 mt-3" @onclick="@(() => CropperWrapperRef.Reset())">Reset</button>
+    <button class="btn-primary w-25 mt-3" @onclick="@(() => CropperWrapperRef.Clear())">Clear</button>
+    <button class="btn-primary w-25 mt-3" @onclick="@(() => CropperWrapperRef.Enable())">Enable</button>
+    <button class="btn-primary w-25 mt-3" @onclick="@(() => CropperWrapperRef.Disable())">Disable</button>
+    <button class="btn-primary w-25 mt-3" @onclick="@(() => CropperWrapperRef.Zoom(0.1))">Zoom</button>
+    <button class="btn-primary w-25 mt-3" @onclick="@(() => CropperWrapperRef.RotateTo(90))">RotateTo</button>
 </div>
 
 @code