Please help and suggest tools for checking element of Ul such as font family, size, styles used in mobile application

Yogi Singh's picture
Yogi Singh asked on March 14, 2023 - 1:37pm | Replies (2).

Check below use case for Login screen,

Now for field title and subtitles font family should be “Roboto” (just example). And font size should be "10" and Font color should be “#DCDCDC” for example.

Now how do I verify it mobile app is satisfying above requirements or not? It can be done manually but it's time consuming and chance of human error. So pls suggest any tool or app that will identify the font style of any mobile app developed either in Native or Hybrid.

 

 

2 Answers

Priti Gaikwad's picture

There are several tools available for checking the visual elements of a mobile application's UI, including font family, size, and styles. Here are a few options:

 

  1. Appium: Appium is an open-source tool that allows you to automate mobile app testing, including testing the UI elements. You can use Appium to check the font family, size, and styles used in your app's UI. 
  2. BrowserStack: BrowserStack is a cloud-based testing platform that offers real device testing for mobile apps. You can use BrowserStack to test your app's UI elements, including font family, size, and styles, on a variety of real mobile devices.
  3. Applitools: Applitools is a cloud-based visual testing platform that allows you to test the visual elements of your app's UI across different devices and platforms. You can use Applitools to check the font family, size, and styles used in your app's UI.
  4. Perfecto: Perfecto is a cloud-based testing platform that offers real device testing for mobile apps. You can use Perfecto to test your app's UI elements, including font family, size, and styles, on a variety of real mobile devices.
Amir Shaikh's picture

If you want to check font styles in a mobile app without spending a lot of time and avoiding mistakes, use tools that automate the process. Here are some options:

  1. Appium: Works for Android and iOS. Write scripts to check font styles.
  2. Espresso (Android) and XCUITest (iOS): Google's and Apple's tools. Write scripts to test and verify fonts.
  3. Detox: For React Native apps. Use JavaScript to test and check fonts.
  4. Visual Testing Tools (Applitools, Percy): Capture screenshots to find visual issues, including font discrepancies.
  5. Accessibility Testing Tools (axe for Android and iOS): Check various UI properties, including fonts.

StickyMinds is a TechWell community.

Through conferences, training, consulting, and online resources, TechWell helps you develop and deliver great software every day.