1. Functional testing test cases

1. Does the application work as intended when starting and stopping?  
2. Does the app work accordingly on different mobile and operating system versions?
3. Does the app behave accordingly in the event of external interruptions?
4. (i.e. receiving SMS, minimized during an incoming phone call, etc.)
5. Can the user download and install the app with no problem?
6. Can the device multitask as expected when the app is in use or running in the background?
7. Applications work satisfactorily after installing the app.
8. Do social networking options like sharing, publishing, etc. work as needed?
9. Do mandatory fields work as required?  Does the app support payment gateway transactions?
10. Are page scrolling scenarios working as expected?
11. Navigate between different modules as expected.
12. Are appropriate error messages received if necessary? 

2. Performance testing test cases

1. Can the app handle the expected cargo volumes?
2. What are the various mobile app and infrastructure bottlenecks preventing the app from performing as expected?
3. Is the response time as expected?  Are battery drain, memory leaks, GPS and camera performance within the required guidelines?
4. Current network coverage able to support the app at peak, medium and minimum user levels?
5. Are there any performance issues if the network changes from / to Wi-Fi and 2G / 3G / 4G?
6. How does the app behave during the intermittent phases of connectivity?
7. Existing client-server configurations that provide the optimum performance level? 

3. Battery usage test cases

1. Mobile app power consumption 
2. User interface design that uses intense graphics or results in unnecessarily high database queries
3. Battery life can allow the app to operate at expected charge volumes
4. Battery  low and high performance requirements
5. Application operation if used when battery is removed Battery usage and data leaks
6. New features and updates do not introduce new battery usage and data 
7. Related:  The secret art of battery testing on Android 

1. The buttons are of a user-friendly size. 
2. The position, style, etc. of the buttons are consistent within the app
3. Icons are consistent within the application
4. The zoom in and out functions work as expected
5. The keyboard can be minimized and maximized easily.
6. The action or touching the wrong item can be easily undone.
7. Context menus are not overloaded.
8. Verbiage is simple, clear and easily visible.
9. The end user can easily find the help menu or user manual in case of need.
10. Related: High impact usability testing that is actually doable 

We will see more points in our next articles.

dependencies {
    implementation "com.google.android.material:$latest_version"
}

Snackbar.make(view, "Show some message here", Snackbar.LENGTH_SHORT).show()

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/coordinatorLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.application.snackbarapp.MainActivity">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <Button
            android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:text="show snackbar" />

    </RelativeLayout>

</android.support.design.widget.CoordinatorLayout>

import android.graphics.Color;
import android.support.design.widget.CoordinatorLayout;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {
    private CoordinatorLayout coordinatorLayout;
    private Button button;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        coordinatorLayout = findViewById(R.id.coordinatorLayout);
        button = findViewById(R.id.button);

        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                showSnackbar();
            }
        });
    }

    public void showSnackbar() {
        Snackbar snackbar = Snackbar.make(coordinatorLayout, "Marked as Read", Snackbar.LENGTH_INDEFINITE)
                .setAction("UNDO", new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        Snackbar snackbar1 = Snackbar.make(coordinatorLayout, "Undo successful", Snackbar.LENGTH_SHORT);
                        snackbar1.show();
                    }
                })
                .setActionTextColor(Color.RED);

        snackbar.show();
    }
}

use IlluminateDatabaseEloquentModel;
use SpatieMediaLibraryModelsMedia;
use SpatieMediaLibraryHasMediaHasMedia;
use SpatieMediaLibraryHasMediaHasMediaTrait;

class User extends Model implements HasMedia
{
    use HasMediaTrait;

    public function registerMediaConversions(Media $media = null)
    {
        $this->addMediaConversion('profile-thumb')
              ->width(150)
              ->height(150);
    }
}

$media = User::first()->addMedia($pathToImage)->toMediaCollection();

How to fetch the generated thumbnail? 

$media->getPath();  // the path to the where the original image is stored
$media->getPath('profile-thumb') // the path to the converted image with dimensions 150*150

$media->getUrl();  // the url to the where the original image is stored
$media->getUrl('profile-thumb') // the url to the converted image with dimensions 150*150

How to generate multiple thumbnails for a single image? 

..... in User Model .....
use SpatieImageManipulations;


    public function registerMediaConversions(Media $media = null)
    {
        $this->addMediaConversion('profile-thumb')
              ->width(150)
              ->height(150);
    }

        $this->addMediaConversion('old-profile-thumb')
              ->sepia()
              ->border(8, 'black', Manipulations::BORDER_OVERLAY);
    }

• Debug APK is very fast in building and Release APK is a little bit slow.

How to create Release APK File:

• Flowing below all steps 
• Open android studio
• Click Build on the toolbar
• Click Generate Signed Bundle/APK.

  

•  Select APK 
• Click the Next button

  

• After clicking the next button, you will see the following dialog.
• Click the "Create new..." button, highlighted in the following image by a red circle if you are creating an APK for the first time. Otherwise, you can choose from existing.

  

• It will open one another dialog box
• Key store path in select save location .jks file 
• Fill in all the information
• Set a valid name for key alias
• Set 100 as validity years
• Fill Certificate Information
• Click OK

• After you click on it, select "release" from the dialog box 
• Select "V1 (Jar Signature)" & "V2 (Full APK Signature)" checkboxes
• Click Finish
• It will start the process of building your APK

How to create a debug .apk file

• Click Build and select Build Bundles(s)/APK(s) 
• select "Build APK(s)" from the dialog box 
• It will start the process of building your debug APK file creating 

Multiple logo file formats

Digital logo applications such as websites and anything seen on the screen use the RGB color spectrum. This color spectrum is more varied than standard printed material so digitally used logo files are designed a little differently. They usually do not require high-resolution art and are not limited to one color.

The printed logo application like printed brochures, business cards, T-shirts, decals, folders, and ink on paper is 99% of the time prepared with CMYK and Pantone color spectrum. This spectrum is handled differently than a digital application and requires high resolution so that it looks crisp when printed on paper.

Logo File Formats

Logo file formats can come in many shapes and sizes. The format is driven by how it will be used, now and in the future, as well as what the logo looks like. When your logo designer provides the digital file formats to you, place them somewhere secure so you do not misplace them and can consistently reference the files. Below are common logo file formats that cover 99% of all logo marketing applications.

• JPG
• PNG
• GIF
• EPS
• AI
• PDF
• SVG

Which logo file formats are most common?

It is very common to have JPG or PNG logo file formats. This is most common because of many programs such as Word and PowerPoint import/drop. When you use these file formats on the screen, it is mostly acceptable. But have you ever tried to enlarge one of these file formats and the logo starts to get blurred or pixelated? This is because these formats are pixel-based and limited in how much they can be expanded before image quality deteriorates.

Breakdown of logo file formats and their best uses

The use of JPG (or JPEG) does not require digital and print, as it is the RGB and CMYK color space. If you don't have software like Photoshop, it creates colorful spots. One way to determine which large size JPG logo file can be used is to drag and drop the logo into your web browser window; You can use a digital app and some small print apps when viewing four or five-inch spots or more logos. JPG files are pixel-based and can be quite large. They also do not support PNG (listed below) as a demonstration background.

PNG Logo files are good for placing your logo on a photo above a photo or on a colored background in a digital app as it supports transparency. PNG logo file formats are widely supported on websites. PNG for any printed projects. Do not use files. PNG files are pixel-based and do not expand well.

We have recently developed a site into the gatsby. We want to add Google Analytics to the website.

So, this is the way we implemented Google Analytics in the Gatsby site.

Use Gatsby Google GTag Plugin

Gatsby has a plugin gatsby-plugin-google-gtag that be used to easily add Google Global Site Tag to your Gatsby site.

Install the package by running the following command:

npm i gatsby-plugin-google-gtag --save

Configuration

Once the installation is complete, you can now add this plugin to your gatsby-config.js:

Configure trackingIds and other options. Add this into the plugins array. Like,

module.exports = {
  // ...
  plugins: [
    {
      resolve: `gatsby-plugin-google-gtag`,
      options: {
              // You can add multiple tracking ids and a pageview event will be fired for all of them.
              trackingIds: [
                "GA-TRACKING_ID", // Google Analytics / GA
                "AW-CONVERSION_ID", // Google Ads / Adwords / AW
                "DC-FLOODIGHT_ID", // Marketing Platform advertising products (Display & Video 360, Search Ads 360, and Campaign Manager)
              ],
              // This object gets passed directly to the gtag config command
              // This config will be shared across all trackingIds
              gtagConfig: {
                optimize_id: "OPT_CONTAINER_ID",
                anonymize_ip: true,
                cookie_expires: 0,
              },
              // This object is used for configuration specific to this plugin
              pluginConfig: {
                // Puts tracking script in the head instead of the body
                head: false,
                // Setting this parameter is also optional
                respectDNT: true,
                // Avoids sending pageview hits from custom paths
                exclude: ["/preview/**", "/do-not-track/me/too/"],
              },
      },
    },
  ],
}

This plugin automatically sends a “pageview” event to all products given as “trackingIds” on every Gatsby's route change.

If you want to call a custom event you have access to window.gtag where you can call an event for all products.

Check out this code.

typeof window !== "undefined" && window.gtag("event", "click", { ...data })

NOTE: This plugin only works in production mode! To test your Global Site Tag is installed and 

You need to run the following command for firing events correctly.

gatsby build && gatsby serve

If you need to exclude any path from the tracking system, you can add one or more to this optional array.

We will learn to run the app without connecting a USB cable in this blog. The main purpose of this blog is to let users run apps without any restriction. Sometimes if the cable is connected with the device and if the device cable gets disturbed then the app not run properly.

Let's see how we can run the app without cable.

Step 1: Click File Menu => Settings

Step 2: Click Plugins

Step 3: Install ADB Wi-Fi Plugin

Notes:

• In the third image, I already installed the plugin in my android studio. But in your case, you may need to install it.
• Then your android studio restart.

After the restart, your android studio will show the "ADB Wifi" option showing as per the following image

Click ADB Wifi and the below screen will be displayed.

• Click to connect 
• Make sure your device and pc are connected to the same wifi. Otherwise, it will not get connected.
• You will need to connect one time when the android studio is opened the first time.