Long before now, test automation tools and frameworks have made testers to spend a significant amount of time on programming. As a matter of fact, most testing automation tools were developed with programming in mind. Unfortunately, testers are not programmers, and it is incredibly time-consuming to make testers go through the rigour of programming to test websites and applications. This led to the question; why not take coding away from testing? In a bid to answering that question, Testup has provided an excellent avenue for testers to enjoy a no-code test automation tool. With Testup, testers can test their websites and applications very fast and without the need to master programming.
Therefore, in this article, we will look at how you can leverage Testup to test websites built with Bubble. As you may already know, Bubble itself is a no-code tool for building sites. Many businesses and organizations are already using Bubble. It will be an excellent opportunity for such businesses to know that they can also test their no-code websites using a no-code test automation tool (Testup).
Testing Website built with Bubble
First, we have developed a website named Jamiu Marketplace using the Bubble no-code tool. The process of building the website is shown in Figure 1, while the completed website is shown in Figure 2.
Figure 1Figure 2
Testing Bubble’s Jamiu Marketplace
The first step is to register on Testup. Then, log in and click on Go to App which can be seen at the top right-hand corner of the page. After that, click on Create Project, then, click Create Test.
Fill in the necessary details like URL and name of the test case under the Settings tab. Once you have done that, click Edit to start testing.
The testing page will appear as follows (figure 3); with the Jamiu Marketplace on the left-hand side and while a list of checks and inputs are on the right-hand side.
Figure 3
To check if the website is correctly loaded and to allow us to move on to the next action, we will select an anchor area and click play as check. As seen in figure 4, the Testup AI finds every area recorded; therefore, the page is good.
Figure 4
Testing Clickable Buttons
Let’s check if a SIGN UP OR LOG IN clickable button is working. First, we select an anchor area covering the button. After that, click on the selected area; a circle icon with a plus sign will appear on it as shown in figure 5.
Figure 5
Clicking on the play it button will search the circle icon and click it. The result is shown in figure 6, which shows that the SIGN UP OR LOG IN command on Bubble’s Jamiu Marketplace is working.
Figure 6
Now, let’s take the testing a step further by trying to sign up. This means we want to input our email and password.
The text input field is already active. So we can schedule a text input for the email field just by typing the email address and pressing the play button afterwards. The email will appear in the input field. To move to the next text input field we can press enter or tab on the keyboard. The process is shown in figures 7 and 8.
Figure 7Figure 8
Guess what? We can also test if the password field is working by repeating the same procedures, we followed for the email address. This is shown in figures 9 and 10.
Figure 9Figure 10
Now, we will select the SIGN UP button as an anchor area; schedule a click and play it. Once we do this, the following page appears (figure 11). Notice that there is a LOG OUT button at the top right corner of the browser page; it means that the account has been created. Perfect! The SIGN UP feature on Bubble’s Jamiu Marketplace is working.
Figure 11
Conclusion
Testup has made it clear that with codeless automation, there is no need for you to understand coding to automate tests on the go and without a waste of time. In essence, we can say that codeless test automation is now within reach. By leveraging Testup, you can test any website or application. Get started here.
The last few years in software development have proven one thing; that the no-code revolution is here. Developers and software development companies have realized that the no-code or low code approach offers an efficient way to meet the surging demand for more software worldwide. By freeing up the time that would have been spent on writing complex codes, enterprises can now focus on strategic and high-level work to create more business value, promote collaboration and innovation. As a matter of fact, many tech startups have launched across the world without the need to write a single line of code; that’s the power of the no-code approach to software development. It is no longer about the future; it’s now with us here in the present. From building websites to developing apps and launching workflow automation, everything can now be done faster, more than ever before.
Amazing, isn’t it? However, if we can now build complex apps without multiple developers, huge cost, or extended duration, how about testing these websites and applications? The purpose of making software development less time consuming and much more comfortable will be defeated if it takes more time and cost to test and maintain the same software. Guess what? The same no-code or low code approach used for software development is now being used to transform testing. The result of this effort is no-code or low code test automation.
No-Code for No-Code
Wouldn’t it be a great disruption in the tech industry to leverage a no-code or low code test automation tool to test an app or website built with the same low or no-code approach? This is a great time; huge costs will be minimized, time will be reduced drastically, complexities will become simple, business processes will become more seamless. Ultimately, there will be massive growth for enterprises that utilize this massive opportunity as they will become more competitive. To show you how easy this is, let’s use Testup, a seamless no-code test automation tool to test websites built by no-code tools like WordPress, Bubble, and Shopify. To do this, we will build a website named Jamiu Marketplace, with the three no-code tools making three websites in all. Each of these websites will be tested using Testup. This will be practical; relax and enjoy the flow.
Testup for WordPress
First, we have developed a website for Jamiu Marketplace using the WordPress no-code tool. The website is shown in figure 1 below.
Figure 1
It’s time to test the website using the Testup No-code automation tool. Before we get started, it’s good to note that you do not need any coding skills to get started with this testing. Register on Testup and log in; afterwards, click on Go to App at the top right-hand corner. Then, click on Create Project and subsequently, Create Test.
Under settings, you will be required to fill in details like the URL and name of the test. For our WordPress website, the details have been filled, as shown in Figure 2 below. Let’s name the test ‘WordPress Test’.
Figure 2
After filling the details, the next thing is to click Edit to start testing.
Testing WordPress’ Jamiu Marketplace
After clicking Edit, the testing page will appear, as shown in Figure 3. Here, you will see the browser window of Jamiu Marketplace on the left-hand side of the editor. On the right-hand side, you will see a list of checks and inputs.
Figure 3
To check if the website is correctly loaded and to allow us to move on to the next action, we will select an anchor area. Anchor areas can be quickly recorded by selecting a desired area with the mouse. This is shown in figure 4.
Figure 4
Click the play as check button to carry out the check. Afterwards, you can move on the next check. If the Testup AI finds every area you record, then the page is good.
Testing Clickable Buttons
You can also use Testup to test if a clickable button is working. First is to ensure that the particular button is visible on the website. To do this, select an anchor area that covers the button. After that, click on the selected area; a circle icon with a plus sign will appear on it as shown in figure 5.
Figure 5
Clicking on the play it button will search the circle icon and click it. The result is shown in figure 6, which shows that the Learn more command on Jamiu Marketplace is working.
Figure 6
Testup for Bubble
Like we did with WordPress, the first thing here is also to develop a website for Jamiu Marketplace using the Bubble no-code tool. The process of building the website is shown in Figure 7, while the completed website is shown in Figure 8.
Figure 7Figure 8
Testing Bubble’s Jamiu Marketplace
We repeat the same procedures followed in the last test to create a new test case. Then, the testing page appears as follows (figure 9); with the Jamiu Marketplace on the left-hand side and while a list of checks and inputs are on the right-hand side.
Figure 9
To check if the website is correctly loaded and to allow us to move on to the next action, we will select an anchor area and click play as check. As seen in figure 10, the Testup AI finds every area recorded; therefore, the page is good.
Figure 10
Testing Clickable Buttons
Let’s check if a SIGN UP OR LOG IN clickable button is working. First, we select an anchor area covering the button. After that, click on the selected area; a circle icon with a plus sign will appear on it as shown in figure 11.
Figure 11
Clicking on the play it button will search the circle icon and click it. The result is shown in figure 12, which shows that the SIGN UP OR LOG IN command on Bubble’s Jamiu Marketplace is working.
Figure 12
Now, let’s take the testing a step further by trying to sign up. This means we want to input our email and password. To enter a text in an input field, we first need to check that the input field is visible. Therefore, we select an anchor area for the email field. Then, we schedule a click and play the action.
Then, we schedule a text input for the email field by typing the email address and pressing the play button afterwards. The email will appear in the input field. The process is shown in figures 13 and 14.
Figure 13Figure 14
Guess what? We can also test if the password field is working by repeating the same procedures, we followed for the email address. This is shown in figures 15 and 16.
Figure 15Figure 16
Now, we will select the SIGN UP button as an anchor area; schedule a click and play it. Once we do this, the following page appears (figure 17). Notice that there is a LOG OUT button at the top right corner of the browser page; it means that the account has been created. Perfect! The SIGN UP feature on Bubble’s Jamiu Marketplace is working.
Figure 17
Testup for Shopify
Nothing different, the same way we have tested the websites created by WordPress and Bubble, we will now test the Jamiu Marketplace website created by Shopify using Testup. This is fun, let’s go!
First, we create the Jamiu Marketplace website using Shopify; the website is shown below (figure 18).
Figure 18
We log in to Testup and create a new test case for the website. Then, the testing page appears as follows; with the Jamiu Marketplace on the left-hand side and while a list of checks and inputs are on the right-hand side.
To check if the website is correctly loaded and to allow us to move on to the next action, we will select an anchor area and click play as check. As seen in figure 19, the Testup AI finds every area recorded; therefore, the page is good.
Figure 19
Now, let’s see if the search button is working. To do this, we first need to check that the search input field is visible. Therefore, we select an anchor area for the search button. Then, we schedule a click and play the action. The result is shown in Figure 20.
Figure 20
Afterwards, we schedule a text input for the search field by typing a search term, say cloth and pressing the play button (figure 21). As shown in figure 22, the search results for “cloth” appear on the browser page. This indicates that the search feature on Shopify’s Jamiu Marketplace is working.
Figure 21 Figure 22
Keeping it Real with No-code Test Automation
Using Testup as a no-code test automation tool for your website comes with no hassle. First, it does not break when you add the logic. Second, the production environment works perfectly well, even after the provider or host creates an update. Among many other things, the advantages of using Testup include the following:
No prior coding knowledge is required
It allows you to match the pace of the software development cycle
You can extend the scope of automation
You can easily document processes
It enables you to free up resources while enjoying better testing and low costs.
Conclusion
Let’s face reality; learning coding is hard. It takes a great deal of time, as well. Today, you do not need to learn code before building a great IT business. Either to develop a website, web app or mobile app, no-code tools like WordPress, Bubble, and Shopify are available for you. To test your websites, Testup offers you seamless no-code test automation. What a great time to be alive; everything can be done with no or low code. Enjoy!
