Ionic testing: Complete guide with practical examples

How to perform Ionic testing on a cloud-based platform?

You perform cloud-based Ionic testing by uploading the app build or entering the site URL, then choosing a hosted browser, emulator, simulator or real device for the session.

We are in a competitive world where organizations are striving hard to deliver top-notch software solutions in real quick time. This means that you need to perform testing of your applications considering the multiple devices and supported platforms. You just cannot rely on traditional ways of testing because you can waste a significant amount of time and effort setting up your testing environments. Choosing a cloud-based cross browser testing platform like TestMu AI is the right choice here.

TestMu AI, one of the leading cloud platforms for Ionic testing, allows you to perform browser compatibility testing on an online browser farm of 3000+ browsers and operating systems. TestMu AI also provides a real device cloud to perform real-time app and automation testing over real devices running on real operating systems.

You can also test responsiveness of web applications and take full page screenshots while performing your unique testing activity.

Here are some great features that make the TestMu AI platform an excellent option for enterprise-based companies and startups for Ionic testing:

• You can integrate TestMu AI with your favorite project management tools like JIRA, Trello, etc., which means that you are not tracking your bugs and tasks manually.
• You can host your web testing locally by performing local page testing so your application or website can be tested immediately rather than relying too heavily on the production environment.
• The tool provides excellent stakeholder collaboration where different testing professionals conduct testing from different locations. The end-user experience is top-notch for geo-location testing.
• Allows testing teams to capture full-page screenshots of the web pages on multiple desktops and mobile browsers using a single click.
• The technical support provided by this platform is supreme. It provides 24*7 support to its customers for any queries related to tool usage or testing.

Looking at the unique features and capabilities offered, it is always preferable to opt for TestMu AI as your next testing platform. Additionally, when using cloud testing technology, the additional costs involved in the infrastructure and deployments are eliminated.

You can invest your time and resources in building a testing process around TestMu AI that can deliver exceptional outcomes. The market dynamics have changed completely in the past few years. Gone are those days when you had dedicated testing teams for manual and automated testing.

The testing teams had challenges setting up the testing environment, writing different test cases, and executing them on multiple browsers and devices. All of these functionalities are now being handled by cross-browser testing platforms. That is why unified cross-browser platforms have gained a lot of recognition in just a few years.

You can not only save a significant amount of effort, but the testing outcomes have improved drastically. This shows how critical it is to address customer pain points or challenges.

What are other ways to perform Ionic testing?

Other ways to perform Ionic testing include unit tests with Jasmine, desktop browser runs with ionic serve, iOS simulator runs and mobile browser checks with remote inspection.

Apart from using the specialized cross-browser testing platform, other supported methods can be implemented for testing the ionic application. These include:

• Unit Testing of Ionic Application using Karma and Jasmine
  Unit testing is used to perform testing related to a single point in the code. This could be related to a single feature or functionality. Unit tests can help verify that your code requirements are working according to the expected system behavior. The system being tested contains the real code.

You must set up the environment for testing the ionic application. This includes the server, language to write the specifications, and other required configurations. Use the following command to install the tabs version of the Ionic angular template:

ionic start ionic-testing tabs --type=angular --capacitor

After running the entire setup, you must validate that everything is in place and working fine. Execute the following command in your project directory to perform the validation:

ionic serve

You will get a screen confirming that the changes are working fine. This is just to validate that everything is working fine, and we are good to proceed further. Once the setup is checked, we need to check if the testing environment is working fine or not. You can execute the following command to check that as well:

npm test

The log will confirm that all the required tests have passed. The browser opens up and displays the test output. Before we perform testing, you need to be aware of the setup and configuration.

You can use Karma and Jasmine to run the unit tests in the application. Karma is a tool that executes source code against the test code for each of the connected browsers. The test results for every browser are examined and displayed to the developer so that they can evaluate the tests and see their real-time status. Jasmine is a JavaScript testing framework.

The Karma project is now deprecated and no longer accepts new features or general bug fixes. New Angular CLI projects use Vitest as the default test runner, and the Angular testing guide says Karma is still supported.

• Spies in Ionic Testing
  We discussed how unit testing of Ionic applications could be performed using Karma and Jasmine. There is another key concept that is implemented during the Ionic testing known as Spies. It is a false implementation and runs instead of executing the actual function. A test spy is an object that records interaction with other objects all around the code base.

The following syntax is followed in the code base:

spyOn(TestFunction, ‘addParameters’);

The TestFunction is the parent object with the addParameters target function. Only the target functions will be spied upon in this implementation.

• Mocks in Ionic Application Testing
  Mocks or Stubs is a fake object or class containing similar objects and methods to the original class. This allows you to test the unknown part of the code.
• Testing of Ionic Applications using Desktop Browser
  You can test your ionic application in a desktop browser. This is equivalent to executing the following serve command in the root folder of your project:

$ ionic serve

This allows a live reload server for your project requirements. When changes are made to your project files, the browser is automatically reloaded when the files are saved.

• Testing of Ionic Applications Using Simulator
  You can test your ionic applications using a simulator, using Cordova commands. For example, if you need to test in the iOS simulator, you can execute the following commands:

$ ionic cordova build ios
$ ionic cordova emulate ios

• Testing of Ionic Applications using Mobile Browser
  You can test your app using a mobile browser as well. You must enable the remote web inspector on both the device and the supported browser.

The Ionic developer guides now mark Capacitor as the recommended route for iOS and Android development and label the Cordova guides as legacy. A Capacitor app runs on a simulator or emulator with npx cap run ios or npx cap run android, and the cap run command syncs the web build before it deploys the native app.

How to run end-to-end tests on an Ionic app?

Run Ionic end-to-end tests with Cypress or Playwright against the web build in a browser, and with Appium against the native build on an emulator or real device.

• Whole-app scope: The Ionic Angular testing docs describe end-to-end tests as checks that the app works as a whole, often with live data. Unit tests isolate one component, page or service, so the two layers catch different defects.
• Cypress or Playwright: The Ionic React testing docs list Cypress or Playwright for tests that check how components work together, and Jest, Vitest or React Testing Library for unit tests.
• Run against ionic serve: Start the app with ionic serve, which prints a local address such as http://localhost:8100. A Playwright webServer setting can start that command before the tests run, and the Cypress baseUrl setting prefixes every cy.visit() call with that address.
• Page objects: A page object wraps the selectors and actions of one page in a class. Test scripts call that class instead of the DOM, which keeps them readable and cheaper to maintain.
• Protractor retirement: The Ionic Angular docs still describe a generated e2e folder that runs on Protractor, but the Protractor repository was archived on July 29, 2024 and is now read-only. A new suite needs a maintained tool such as Cypress or Playwright.
• Native builds with Appium: The Appium UiAutomator2 driver automates native, hybrid and mobile web apps on emulators and real devices, so it can test the Android build of an Ionic app, where native plugins run.

How do AI agents test Ionic and Capacitor apps?

AI agents can test Ionic apps through MCP servers. Playwright MCP drives the web build in a browser, and Appium MCP drives the native Capacitor build on emulators, simulators and real devices.

• Playwright MCP for web builds: Playwright MCP lets an LLM control a browser through structured accessibility snapshots instead of screenshots. An agent can open an Ionic app served by ionic serve, read each screen as data and click through a flow. The --device option emulates a phone such as an iPhone 15.
• Appium MCP for native builds: Appium MCP gives AI assistants mobile automation tools for Android through UiAutomator2 and for iOS through XCUITest. The same server can generate Java and TestNG test code from natural language descriptions.
• WebView context switching: An Ionic screen is web content inside a native app frame. The Appium contexts guide names NATIVE_APP as the default context, so an agent must switch to a WEBVIEW context to reach Ionic components. Appium MCP does this with the list and switch actions of its appium_context tool.
• Debuggable WebView required: On Android, the UiAutomator2 driver lists a WebView as a context only when the WebView is debuggable. Capacitor turns on debuggable web content automatically during development, but its webContentsDebuggingEnabled setting defaults to false, so a release build hides its WebView from the agent unless the team enables that setting.
• Capacitor MCP proposal: In August 2026, the Capacitor maintainers opened a public discussion about a Capacitor MCP server that would give agents real project information instead of guesses from training data. The discussion poll asks where AI most often gets Capacitor projects wrong: plugin APIs, configuration, versions and migrations, or build failures.

How to perform Ionic testing on TestMu AI?

Sign in, open real-time testing from the left menu, enter the website URL or upload the Ionic app, choose a browser, emulator, simulator or real device, and press START.

Testing can always be tedious if you do not have the necessary testing resources. To overcome existing testing challenges involving multiple devices and supported platforms, we have a powerful cross browser testing platform known as TestMu AI.

Real Time Website And Web App Testing

These are the steps you must do to execute Real Time Ionic website and web application testing on the TestMu AI platform once you register and log in.

• Go to the Real Time Testing section present in the left menu bar.

• Type the website URL in the Real Time Testing for testing. Choose the BRAND, DEVICE/OS, and BROWSER for mobile devices, as shown in the below screenshot.

• Post selecting it, click START. You can launch your website using the required configuration.
• You may access various functions when the website has launched, including the ability to capture screenshots, video recording of a test session, log bugs with a single click, and more.

Take a look at this video to learn more about real-time testing on TestMu AI:

You can also test the website responsiveness using the LT Browser. This comes with features such as hot reloading, network throttling, interacting with two devices simultaneously, and more.

Real Time Mobile App Testing

We have two choices for performing mobile app testing of Ionic apps on TestMu AI:

• Testing with emulators and simulators
• Testing with real devices

Thankfully, TestMu AI provides both options and it is up to the requirement which way to go.

To perform Ionic testing with emulators and simulators on the TestMu AI platform, please follow the below-mentioned steps:

• To test your mobile application developed using Ionic, go to the Real Time Testing section from the left menu bar.
• Upload the Ionic app, and select BRAND, DEVICE/OS, which needs to be tested, from the App Testing tab.

• Press START to launch the test session on the selected configuration.

To perform Ionic testing with Real Devices on the TestMu AI platform, please follow the below-mentioned steps:

• Go to Real Device. Choose Real Time or App Automation.
• When installing the application on any device, Real Time’s primary focus is manual examination. Additionally, you can perform app test automation using a variety of mobile app testing frameworks, like Appium, Espresso, and others.
• Let’s choose Real Time. You need to choose the needed OS and device version for installing the app.

Now the app interaction can happen from your end.

You can run Ionic testing on a real device cloud using various operating systems and devices by utilizing TestMu AI as a gateway. Watch this video to learn more about real device testing on TestMu AI:

Follow the TestMu AI YouTube Channel to stay updated with the latest videos on web testing, automated UI testing, Cypress E2E testing, and more.

Web Automation and App Testing

To perform automation testing for Ionic websites on the TestMu AI platform, follow the below steps:

• Go to the Automation section in the left menu bar to perform Ionic automation testing.

• The TestMu AI platform allows you to perform automated testing, as seen in the screenshot above. You can also migrate your Ionic test scripts or suites from either SauceLabs, HeadSpin or BrowserStack. You can choose the preferred language or testing framework from the options on the screen if you don’t want to import or migrate your updates.
• You need to configure the project, add OS/Browser information, specify the required capabilities, and execute the test cases after selecting the desired options.

In the same way, you can perform mobile app automation for Ionic apps on the TestMu AI platform, using the App Automation feature in the Real Device:

How should you approach Ionic testing?

Approach Ionic testing in layers: unit tests for components and services, end-to-end tests for user flows, and emulator, simulator and real device runs before each release.

We have discussed the basics and fundamentals related to Ionic applications. We’ve spoken about many Ionic testing techniques. To make your requirements simpler, use the appropriate methodology and available platforms. Our web and mobile app testing have advanced beyond the conventional methods, and automation is gaining traction quickly. To keep ahead of the rest of their competition and provide superior end-user service, organizations all over the world must enhance and improvise their current Ionic testing procedures.

Note: Automate your Ionic App Testing on real Android and iOS devices. Try TestMu AI Now!