1. 背景

MASA Blazor元件是一款基於Material Design設計和BlazorComponent的互動能力提供標準的基礎元件庫。提供如佈局、彈框標準、Loading、全域性例外處理等標準場景的預置元件。它旨在為開發者提供強大的使用者介面和出色的使用者體驗。適用於PC及行動端。由於越來越多的.Net開發者開始使用MAUI+Blazor的框架來開發行動端應用，我們決定對MASA Blazor元件在MAUI框架進行相容性測試，以確保其在行動端App中的相容性和穩定性。為了保持客觀的結果，我們使用第三方雲測機構對我們的應用進行測試，並沒有告知採用的架構及相關技術細節。

2. 目的

本報告的主要目的是總結我們對MASA Blazor元件在MAUI框架開發的行動端App上進行的測試結果。通過這次測試，我們的目標是驗證MASA Blazor元件在MAUI框架下的表現，識別任何潛在的問題和缺陷，並提供改進和優化建議，以確保使用者可以在各種移動裝置上無縫使用該元件。

3. 測試目標

確保MASA Blazor元件在MAUI框架行動端App上的相容性和穩定性，包括iOS與Android平臺。
確保元件的功能和特性在移動裝置上能夠正確執行，不會導致任何錯誤或異常行為。
驗證元件在不同移動裝置的螢幕大小和解析度下的適應性和可用性。

4. 預期結果

所有已知的功能和特性在行動端App上均能正常工作，並提供與Web應用程式相似的使用者體驗。
未發現嚴重的缺陷或崩潰問題，確保元件在移動裝置上的穩定性和可靠性。
對於不同的移動裝置，元件能夠自動適應並正確顯示，不會出現佈局錯亂或顯示問題。
對於裝置不存在長時間高CPU佔用、高記憶體佔用、高電池消耗等情況。

5. 測試策略及範圍

首先我們準備了使用MASA Blazor+MAUI開發的一款包括Android與iOS的應用，並準備了覆蓋我們業務的45個操作步驟。雲測會採用自動指令碼加人工複核的方式進行測試。

6. 測試結果與分析

下面是效能部分

我們對記憶體佔用問題進行了分析，發現是部分頁面後臺上傳了巨大無比的圖片導致的，之後我們對圖片體積進行了優化，優化之後的資料如下


這裡可以看的圖片優化之後記憶體佔用明顯減少，剩餘的記憶體佔用大多在圖形部分（Graphics），並在頁面切換後可以很快釋放使用的記憶體。
另外最下面的柱狀圖顯示，除了在藍芽工作時會有部分明顯電量消耗之外，其他瀏覽頁面的時間段並沒有明顯高耗電現象，CPU佔用也處在正常範圍。

雲測測試的手機型號
iphone裝置

300檯安卓裝置見附件
300檯安卓裝置列表

7. 附加內容

同時我們的應用也通過了apple store的稽核

部分國內廠家商店稽核過程中的測試結果

8. 結尾

微軟MAUI的出現，給廣大.Net開發者提供了開發行動端應用的能力，而MAUI+Blazor技術更是大大簡化了開發的流程並降低了技術門檻。
MASA Blazor作為Blazor家庭中廣受歡迎的元件，無論在PC端還是行動端都可以提供良好的互動與效能，並提供了大量行動端專用元件。
我們日後會結合業務繼續對MASA Blazor在行動端的其他元件進行測試，希望MASA Blazor可以成為MAUI開發的首選元件庫！