{"componentChunkName":"component---src-templates-blog-list-template-js","path":"/117","result":{"data":{"allMarkdownRemark":{"edges":[{"node":{"excerpt":"What is Bot? According to Wikipedia, It is a software application that runs automated tasks (scripts) over the Internet. In other terms, It…","fields":{"slug":"/engineering/how-to-make-telegram-bot/"},"html":"

What is Bot?

\n

According to Wikipedia, It is a software application that runs automated tasks (scripts) over the Internet. In other terms, It is a program written to mimic human behaviour in order to perform some tasks. Bots take input and do simple and repetitive tasks, which is much faster than humans.

\n

There are two types of bots:

\n\n

In this, We will make Telegram Chatbot, which would send a copy of the input that the user has sent.

\n

Making our Telegram Chatbot

\n

We will be using Python language to make the bot and will be using Telegram package for our bot.\nYou can know more about the telegram package from here

\n

Firstly, we will generate our telegram token. Below are the steps to follow to generate your own token.

\n
    \n
  1. Search BotFather on Telegram.
    2. \n
  2. Type /start to get started.
    3. \n
  3. Type /newbot to get a bot.
    4. \n
  4. Enter your Bot name and unique Username, which should end with the bot.
    5. \n
  5. Then, you would get your Bot token.
    6. \n
\n

After generating our token, we will make a python program to create a Telegram bot that will send the Text, Emojis, and Stickers similar to the user's input.

\n\n
import logging\nfrom telegram.ext import Updater, Filters, CommandHandler, MessageHandler
\n
logging.basicConfig(format='%(asctime)s - %(name)s - %(levelname)s - %(message)s',     #take time,level,name\n                    level=logging.INFO)\nlogger = logging.getLogger(__name__)
\n

This script does a basic configuration for the logging system. It takes time, level, and name.

\n\n
TOKEN = "ENTER YOUR TOKEN"
\n\n
def start(bot,update):\n    name  = update.message.from_user.first_name  #first name of the user messaging\n    reply = "Hi!! {}".format(name)\n    bot.send_message(chat_id = update.message.chat_id, text = reply)      #sending message\n\ndef help(bot,update):\n    reply = "How can I help You"\n    bot.send_message(chat_id = update.message.chat_id, text = reply)  #sending message\n\ndef echo_text(bot,update):\n    reply = update.message.text\n    bot.send_message(chat_id = update.message.chat_id, text = reply)\n\ndef sticker(bot,update):\n    reply = update.message.sticker.file_id\n    bot.send_sticker(chat_id = update.message.chat_id, sticker = reply)\n\ndef error(bot,update):\n    logger.error("Shit!! Update {} caused error {}".format(update,update.error))
\n

start function would be taking the user's input and would be sending, Hi, with the user's name.

\n

help function will prompt the message of how can I help you.

\n

echo_text and sticker function will send the same message or the stickers which the user has sent.

\n

error function would be printing the error message on the command prompt.

\n\n
def main():\n    updater = Updater(TOKEN)  #take the updates\n    dp = updater.dispatcher   #handle the updates\n\n    dp.add_handler(CommandHandler("start", start))\n    dp.add_handler(CommandHandler("help", help))\n    dp.add_handler(MessageHandler(Filters.text, echo_text))   #if the user sends text\n    dp.add_handler(MessageHandler(Filters.sticker, sticker))  #if the user sends sticker\n    dp.add_error_handler(error)\n    updater.start_polling()\n    logger.info("Started...")\n    updater.idle()\n\nif __name__=="__main__":\n    main()
\n
\n

Save the program and execute it to check the working of the telegram bot on telegram.

\n
\n

You can get the source code to make the Telegram bot from this Github Repository Bot :robot:. You can also make some changes to the code to make the bot do cool stuff such as Getting News, Articles, or Movies recommendations.

\n","frontmatter":{"date":"October 20, 2020","updated_date":null,"description":"What is a bot and How to make our own Telegram bot.","title":"How to make a telegram bot","tags":["Telegram Bot","Python"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.4814814814814814,"src":"/static/aceaa6a49195f6d0417cb80f93f56be4/58556/bot.webp","srcSet":"/static/aceaa6a49195f6d0417cb80f93f56be4/61e93/bot.webp 200w,\n/static/aceaa6a49195f6d0417cb80f93f56be4/1f5c5/bot.webp 400w,\n/static/aceaa6a49195f6d0417cb80f93f56be4/58556/bot.webp 800w,\n/static/aceaa6a49195f6d0417cb80f93f56be4/99238/bot.webp 1200w,\n/static/aceaa6a49195f6d0417cb80f93f56be4/135cd/bot.webp 1280w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Rajan Puri","github":"rjn01","avatar":null}}}},{"node":{"excerpt":"Apple's smartphone OS running on iPhone, iPad, iPod Touch hardware is iOS. For these computers, Apple offers tools and services for…","fields":{"slug":"/engineering/getting-started-with-ios-app-development/"},"html":"

Apple's smartphone OS running on iPhone, iPad, iPod Touch hardware is iOS. For these computers, Apple offers tools and services for developing iOS apps and accessories.

\n

You can use React Native (JavaScript) or Xamarin (C# & F#) as an iOS developer to programme in native languages like Swift or Objective-C or build native cross-platform applications.

\n

In this article, we'll explore how to build iOS apps. We're going to look at how you can learn to develop an iOS application and play with existing apps.

\n

As with learning something new, learning to build iOS is difficult. Although, It is enjoyable, exciting, and satisfying!

\n

Here's what we'll get into:

\n
    \n
  1. Setup your MAC for ios app development
    2. \n
  2. Setup, your editor for ios application
    3. \n
  3. Create your first ios app
    4. \n
  4. Run the ios application
    5. \n
\n

You will have a step-by-step plan to learn how to create an ios app when you have completed reading this guide. You know precisely what you should do, what steps you should take, and how you should take them. Yeah, and you don't need any coding experience to get started.

\n

So let's get started...

\n

1. Setup your MAC for ios app development

\n

Apple prefers a closed ecosystem over an open system. iOS can only be run on Apple's own devices, including the iPhone and iPad.

\n

We can run Mac on window machines using VMWare or Hackintosh, but these are not recommended for iOS coding purposes.\nSo basically, as an iOS developer, you will need a Mac for the development/debugging/testing of an iOS app.

\n

2. Setup, your editor for ios application

\n

To start developing iOS apps, Xcode is the only tool you need to download. Xcode is an integrated development environment (IDE) provided by Apple. It includes the iOS SDK (Software Development Kit), a source code editor(UI), debugging tools, and much more.

\n

Many helping tools and needed simulators with a particular iOS version can be installed and added to Xcode.\nYou will need to have an Apple ID to download Xcode, deploy your app to a real iPhone/iPad for testing, and download any other software from AppStore.

\n

Apple ID is used to authenticate a user in Apple devices. You may create it by visiting the apple official site.

\n

To install Xcode, go to the Mac App Store. App Store can be found in the dock. Login there with your Apple ID. In the Mac App Store, search \"Xcode\" and click the \"Get\" button to download it.

\n

\n

3. Create your first ios app

\n

Now click and launch Xcode. Choose create a new Xcode project option to make a new project. Then choose the Single View App option as a type of the project and click Next. It will come with one view controller and a storyboard that you can customize further.

\n

Let's name your project as HelloWorld as per the convention 😉. Choose Team None for now. Select Swift as Language, click Next, and you are ready with your empty app doing nothing yet.

\n
\n

Note: For creating a native iOS app, you have to use one from Objective-c or Swift. Swift is a new and easy language provided by Apple, got so much popularity in less time.

\n
\n

\n

Not to worry, you will soon modify your created app saying Hello to the World. 😍\nIn Xcode, you can navigate to a file or folder from the code editor's left panel. The right panel of the code editor, called Utility Area, will help you dealing with views or any component in the storyboard.

\n

On the top toolbar, you can see the Run and Stop buttons. At the bottom of the code area, you can see the debug/console area with breakpoint and other runtime tools.

\n

\n

Now find and open Main.storyboard in the project directory by clicking on it. The storyboard is a file to design your view to show and layout all the components such as buttons, labels, lists, tab and navigation bars, and many more. Here you will see a blank view. Select the view by clicking on it.

\n

From Xcode 10 or above, for objects like a label to add, click on View menu in menu bar>click Show Library and drag the label to focused view. Or in older Xcode, you may find Object Library in the bottom right part of Xcode. Now double click on the label you have dropped on the view and change it's text to Hello World!

\n

\n

Feeling excited? 😃

\n

Here you go with your first-ever app on screen

\n

4. Run the ios application

\n

Select the device destination or simulator from the Xcode screen's top left near the Run/Stop button. And press Command ⌘ + R to run the app or click the run button. It will initiate the iOS simulator and run your first app.

\n

For running the app on a real device, connect the device via cable to Mac. The device will automatically be shown in the list of device destinations. Now select the device and press Command ⌘ + R.

\n

\n

Share your first app with your parents and friends, and feel proud. 👏

\n

\"HelloWorld\"

\n
\n

Note: If you want to debug or run any existing app/demo instead of developing your own. For example, You might have some projects downloaded from Github on your local system. Now follow the instructions from project's Github to explore the project.\nOpen the project in Xcode and run in a simulator or real device by following step 4 described above.

\n
\n

That's it.

\n

Conclusion

\n

It's incredibly entertaining and satisfying to create your app idea. It's not just the result that counts-what makes it worth it is the gradual progress of improving, learning, and refining. And in the process, you will cultivate a special, employable skill of iOS development.

\n

I hope you liked this tutorial. Kindly share the blog and comment for any query or suggestion.

\n

To learn more about iOS applications, you can check out this article on “How to obtain iOS application logs without Mac” to learn about ios app logs in mac.

\n","frontmatter":{"date":"October 19, 2020","updated_date":null,"description":"I will guide you through the best approach to learning how to develop iOS apps in this post, so you can build and publish your own iOS apps from scratch.","title":"iOS App Development: How To Make Your First App","tags":["ios","swift","xcode","mac"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.5267175572519085,"src":"/static/dde63430f9de95dd6a3ca8d01bdc5f00/58556/CoverImage.webp","srcSet":"/static/dde63430f9de95dd6a3ca8d01bdc5f00/61e93/CoverImage.webp 200w,\n/static/dde63430f9de95dd6a3ca8d01bdc5f00/1f5c5/CoverImage.webp 400w,\n/static/dde63430f9de95dd6a3ca8d01bdc5f00/58556/CoverImage.webp 800w,\n/static/dde63430f9de95dd6a3ca8d01bdc5f00/cc834/CoverImage.webp 1024w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Tanvi Jain","github":"tanvijn","avatar":null}}}},{"node":{"excerpt":"We'll talk about Apache Beam in this guide and discuss its fundamental concepts. We will begin by showing the features and advantages of…","fields":{"slug":"/engineering/apache-beam/"},"html":"

We'll talk about Apache Beam in this guide and discuss its fundamental concepts. We will begin by showing the features and advantages of using Apache Beam, and then we will cover basic concepts and terminologies.

\n

Ever since the concept of big data got introduced to the programming world, a lot of different technologies, frameworks have emerged. The processing of data can be categorized into two different paradigms. One is Batch Processing, and the other is Stream Processing.

\n

Different technologies came into existence for different paradigms, solving various big data world problems, for, e.g., Apache Spark, Apache Flink, Apache Storm, etc.

\n

As a developer or a business, it's always challenging to maintain different tech stacks and technologies. Hence, Apache Beam to the rescue!

\n

\"Timeline

\n

What is Apache Beam?

\n

Apache Beam is an open source, centralised model for describing parallel-processing pipelines for both batch and streaming data. The programming model of the Apache Beam simplifies large-scale data processing dynamics.

\n

The Apache Beam model offers helpful abstractions that insulate you from distributed processing information at low levels, such as managing individual staff, exchanging databases, and other activities. These low-level information are handled entirely by Dataflow.

\n

\"Beam-Model\"

\n

Features of Apache Beam

\n

The unique features of Apache beam are as follows:

\n
    \n
  1. Unified - Use a single programming model for both batch and streaming use cases.
    2. \n
  2. Portable - Execute pipelines in multiple execution environments. Here, execution environments mean different runners. Ex. Spark Runner, Dataflow Runner, etc
    3. \n
  3. Extensible - Write custom SDKs, IO connectors, and transformation libraries.
    4. \n
\n

Apache Beam SDKs and Runners

\n

As of today, there are 3 Apache beam programming SDKs

\n
    \n
  1. Java
    2. \n
  2. Python
    3. \n
  3. Golang
    4. \n
\n

Beam Runners translate the beam pipeline to the API compatible backend processing of your choice. Beam currently supports runners that work with the following backends.

\n
    \n
  1. Apache Spark
    2. \n
  2. Apache Flink
    3. \n
  3. Apache Samza
    4. \n
  4. Google Cloud Dataflow
    5. \n
  5. Hazelcast Jet
    6. \n
  6. Twister2
    7. \n
\n

Direct Runner to run on the host machine, which is used for testing purposes.

\n

Basic Concepts in Apache Beam

\n

Apache Beam has three main abstractions. They are

\n
    \n
  1. Pipeline
    2. \n
  2. PCollection
    3. \n
  3. PTransform
    4. \n
\n

\"Beam-Pipeline\"

\n

Pipeline:

\n

A pipeline is the first abstraction to be created. It holds the complete data processing job from start to finish, including reading data, manipulating data, and writing data to a sink. Every pipeline takes in options/parameters that indicate where and how to run.

\n

PCollection:

\n

A pcollection is an abstraction of distributed data. A pcollection can be bounded, i.e., finite data, or unbounded, i.e., infinite data. The initial pcollection is created by reading data from the source. From then on, pcollections are the source and sink of every step in the pipeline.

\n

Transform:

\n

A transform is a data processing operation. A transform is applied on one or more pcollections. Complex transforms have other transform nested within them. Every transform has a generic apply method where the logic of the transform sits in.

\n

Example of Pipeline

\n

Here, let's write a pipeline to output all the jsons where the name starts with a vowel.

\n

Let's take a sample input. Name the file as input.json

\n
{"name":"abhi", "score":12}\n{"name":"virat", "score":23}\n{"name":"dhoni", "score":45}\n{"name":"rahul", "score": 156}\n{"name": "Edmund"}\n{"name": "Ojha"}
\n

The input should be a newline delimited JSON.

\n

Include the following dependencies in your pom.xml

\n
<dependency>\n    <groupId>org.apache.beam</groupId>\n    <artifactId>beam-sdks-java-core</artifactId>\n    <version>2.24.0</version>\n</dependency>\n\n<dependency>\n    <groupId>org.apache.beam</groupId>\n    <artifactId>beam-runners-direct-java</artifactId>\n    <version>2.24.0</version>\n</dependency>
\n

Let's code the beam pipeline. Follow the steps

\n
    \n
  1. \n

    Create a pipeline.

    \n
    Pipeline pipeLine = Pipeline.create();\n// OR \n// Pipeline pipeLine = Pipeline.create(options);
    \n

    Create a pipeline which binds all the pcollections and transforms. Optionally you can pass the PipelineOptions options if needed.

    \n
    2. \n
  2. \n

    Read the input file

    \n
    PCollection<String> inputCollection = pipeLine.apply("Read My File", TextIO.read().from("input.json"));
    \n

    Use the TextIO transform to read the input files. Every line is a different json record.

    \n
    3. \n
  3. \n

    Apply a transform to filter out the names starting from a vowel

    \n
    PCollection filteredCollection = inputCollection.apply("Filter names starting with vowels", Filter.by(new SerializableFunction<String, Boolean>() {\n\n        public Boolean apply(String input) {\n            ObjectMapper jacksonObjMapper = new ObjectMapper();\n            try {\n                JsonNode jsonNode = jacksonObjMapper.readTree(input);\n                String name = jsonNode.get("name").textValue();\n                return vowels.contains(name.substring(0,1).toLowerCase());\n            } catch (JsonProcessingException e) {\n                e.printStackTrace();\n            }\n            return false;\n        }\n    }))
    \n

    The filter transform takes a SerializableFunction Object where the apply method is overridden. Every json-string record is converted to a JSON. The first character of the name is checked if it's a vowel. The transform is applied to each input JSON record. Based on the boolean value returned, the record is retained or discarded.

    \n
    4. \n
  4. \n

    Write the results to a file

    \n
    inputCollection.apply("write to file", TextIO.write().to("result").withSuffix(".txt").withoutSharding());
    \n

    The results of the Filter transform are stored in a text file using the write method of the TextIO transform. As PCollections are distributed across machines, the results are written to multiple files/shards. To avoid this, we use withoutSharding where all the output is written to a single file.

    \n
    5. \n
\n

Output:

\n
{"name": "Edmund"}\n{"name": "Ojha"}\n{"name":"abhi", "score":12}
\n
\n

Complete Code:

\n
Pipeline pipeLine = Pipeline.create();\n\nfinal Set<String> vowels = new HashSet<String>(Arrays.asList("a","e","i","o","u"));\n\npipeLine.apply("Read My File",\n                TextIO.read().from("input.json"))\n        .apply("Filter names starting with vowels", Filter.by(new SerializableFunction<String, Boolean>() {\n\n            public Boolean apply(String input) {\n                ObjectMapper jacksonObjMapper = new ObjectMapper();\n                try {\n                    JsonNode jsonNode = jacksonObjMapper.readTree(input);\n                    String name = jsonNode.get("name").textValue();\n                    return vowels.contains(name.substring(0,1).toLowerCase());\n                } catch (JsonProcessingException e) {\n                    e.printStackTrace();\n                }\n                return false;\n            }\n        }))\n        .apply("write to file", TextIO.write().to("result").withSuffix(".txt").withoutSharding());\n\npipeLine.run().waitUntilFinish();
\n

For more advanced concepts, refer to the official site - beam.apache.org

\n","frontmatter":{"date":"October 16, 2020","updated_date":null,"description":"Apache Beam simplifies large-scale data processing dynamics. Let’s read more about the features, basic concepts, and the fundamentals of Apache beam.","title":"Apache Beam: A Basic Guide","tags":["Engineering","Big Data","Streaming","Apache Beam","Java"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.5037593984962405,"src":"/static/8afbe1aebda6504f38c81e81dee39f35/58556/main.webp","srcSet":"/static/8afbe1aebda6504f38c81e81dee39f35/61e93/main.webp 200w,\n/static/8afbe1aebda6504f38c81e81dee39f35/1f5c5/main.webp 400w,\n/static/8afbe1aebda6504f38c81e81dee39f35/58556/main.webp 800w,\n/static/8afbe1aebda6504f38c81e81dee39f35/99238/main.webp 1200w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Abhilash K R","github":"Better-Boy","avatar":null}}}},{"node":{"excerpt":"In this article, we'll talk about the basic concept of virtual environment in python - what it is and how to use it and also how to build…","fields":{"slug":"/engineering/python-virtual-environments/"},"html":"

In this article, we'll talk about the basic concept of virtual environment in python - what it is and how to use it and also how to build and manage separate environments for your Python projects using virtual environments.

\n

What is a virtual environment?

\n

A virtual environment is simply a tool that separates the dependencies of different projects by creating a separate isolated environment for each project.

\n

These are simply the directories so that unlimited virtual environments can be created. This is one of the popular tools used by most of the Python developers.

\n

Why do we need a virtual environment?

\n

Python has various modules and packages for different applications. During our project, it may require a third-party library, which we install. Another project also uses the same directory for retrieval and storage but doesn't require any other third-party packages.

\n

So, the virtual environment can come into play and make a separate isolated environment for both projects, and each project can store and retrieve packages from their specific environment.

\n

Also, let us consider another case where we are creating a web application using Django. Suppose you are working on two projects project1 and project2.

\n

If project1 uses Django-2.2 and project2 uses Django-3.2, they would be stored in the same directory with the same name, and the error may occur. Then, in such cases, virtual environments can be really helpful for you to maintain the dependencies of both the projects.

\n

How does a virtual environment work?

\n

To create a virtual environment, we need a module named virtualenv. It creates a folder with all the necessary executables to run Python projects. Make sure pip is installed on your computer. If not, then use the following command:

\n

\"Pip\"

\n

Install virtualenv:

\n

Open the terminal and paste the following command to install a virtualenv:

\n

\"Install\"

\n

Check your version of virtualenv:

\n

If you want to confirm whether it is installed or not, paste the command below in your terminal:

\n

\"Check\"

\n

Create a virtual environment:

\n

After successful installation of virtualenv, now you can create a virtual environment with your desired name using following command:

\n

\"Check\"

\n

Here, I created venv as the name of my virtual environment. You can name it whatever you desire. The folder with the name venv is created that contains all the necessary executables to run the Python project. This is the folder where all your python packages will run.

\n

To specify the Python interpreter of your choice, you can do it easily by specifying Python{version-name}.\nEg: To create python2.7 virtual environment, we use following command:

\n

\"Version\"

\n

After successfully creating the virtual environment, you need to activate it to enter into that particular isolated environment. Always remember to activate the required virtual environment before working on the project. To activate it, we move to the location where the name of your desired virtual environment is located and follow the command below:

\n

\"Activate\"

\n

Note: Instead of venv, you write the name of your virtual environment you created.

\n

In Windows,

\n

\"Windows\"

\n

After activating the virtual environment, you can see your name on the virtual environment on the terminal's left side. It confirms the activation of your virtual environment and is currently active.

\n

\"Activated\"

\n

Finally, you successfully created and activated your virtual environment. Now, you can install the dependencies and requirements your project asks for without interfering with other projects.

\n

Once you completed your work, then you can return to the system default environment by just using the deactivate command as shown below:

\n\"Deactivate\"\n","frontmatter":{"date":"October 16, 2020","updated_date":null,"description":"We'll cover the basics of virtual environments in this guide and how to use them. We will then take a closer look at how virtual environments actually work.","title":"Python Virtual Environment: What is it and how it works?","tags":["Python"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":2.127659574468085,"src":"/static/674ce17a9dc4e13f0616a1fd935bc596/58556/python.webp","srcSet":"/static/674ce17a9dc4e13f0616a1fd935bc596/61e93/python.webp 200w,\n/static/674ce17a9dc4e13f0616a1fd935bc596/1f5c5/python.webp 400w,\n/static/674ce17a9dc4e13f0616a1fd935bc596/58556/python.webp 800w,\n/static/674ce17a9dc4e13f0616a1fd935bc596/7bd08/python.webp 1171w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Ashish Maharjan","github":"AshishMhrzn10","avatar":null}}}},{"node":{"excerpt":"Writing a foolproof code is hard, especially with a team collaborating on a single project. Thus it becomes increasingly important to ensure…","fields":{"slug":"/engineering/e2e-testing-with-jest-puppeteer/"},"html":"

Writing a foolproof code is hard, especially with a team collaborating on a single project. Thus it becomes increasingly important to ensure that no new code breaks existing functionality. And for this purpose, automated tests are used.

\n

Requirements

\n
    \n
  1. Basic knowledge of Javascript
    2. \n
  2. Familiarity with Node.js
    3. \n
\n

In this blog, we will learn how to integrate Jest and Puppeteer in our project for End-to-End Testing. Jest is a javascript testing framework maintained by Facebook. Puppeteer is a Node library created by Google, which provides a high-level API to control headless Chrome. Before we delve deeper into Jest and Puppeteer, let's familiarise ourselves with a few things.

\n

End-to-End(E2E) Testing: E2E testing refers to the testing of a complete functionality of some application. It checks that a functionality acts as intended.

\n

Headless Testing: Headless testing is a way or running browser UI tests without any browser UI. It is a preferred method mainly due to its performance. It is fast, light-weight, and less resource-intensive.

\n

Installation

\n

To install Jest and Puppeteer, open the command line in your project directory and run:

\n

For npm users:
\nnpm install --save-dev jest puppeteer jest-puppeteer

\n

For yarn users:
\nyarn add --dev jest puppeteer jest-puppeteer.

\n

Now that we've installed Jest and Puppeteer, it is time to set up the testing environment. Create a file jest.config.js in the project root directory and write the following code in it:

\n
module.exports = {\n  preset: "jest-puppeteer",\n  globals: {\n    URL: "http://localhost:8080"\n  },\n  testMatch: [\n    "<path-to-the-tests-folder>/**.test.js"\n  ],\n  verbose: true\n};
\n

Defining the preset sets up a puppeteer environment for testing. Test match directs it to the folder where tests are defined, for a piece of more detailed knowledge about running Jest with Puppeteer check this out.

\n

Now create a file jest-puppeteer.config.js in the project root directory. Here we define the testing environment further. To begin with you can add the following in this file:

\n
module.exports = {\n    launch: {\n        headless: process.env.HEADLESS !== 'false',\n        slowMo: process.env.SLOWMO ? process.env.SLOWMO : 0,\n        devtools: true\n    }\n}
\n

Testing

\n

Now we can begin writing our tests. In this example, we'll start writing a basic test to check the title of the page opened. Now head over to the tests folder defined and create a file title.test.js. As you might have noticed, .test.js would be the file extension of the jest tests defined.

\n

This is what a typical title.test.js would look like:

\n
// Defining the timeout for the test\nconst timeout = process.env.SLOWMO ? 6000 : 4000;\nconst fs = require('fs');\n\n// Go to the specified path and wait for the domcontent to load before running the tests\nbeforeAll(async () => {\n  path = fs.realpathSync('file://<file-path>');\n  await page.goto('file://' + path, {waitUntil: 'domcontentloaded'});\n});\n\ndescribe('Title of the page', () => {\n  test('Title of the page', async () => {\n    // Gets page title\n    const title = await page.title();\n    // Compares it with the intended behaviour\n    expect(title).toBe('<title-of-the-page>');\n\n  }, timeout);\n});
\n

Hurray! You've added Headless UI tests to your project. Now you can similarly define tests for different functionalities using the docs here.

\n

Cons of using jest-puppeteer

\n
    \n
  1. It is headless and hence fast, light-weight, and less resource-intensive.
    2. \n
  2. It can stimulate keyboard-press and mouse-click akin to manual testing functions.
    3. \n
  3. It is simple and easy to use and works out of the box.
    4. \n
\n

Problems that you might face

\n

It could give a sandbox-ing error if you run it in a container without a defined user. When running headless Chrome in a container without a defined user, the chromeOptions environment property needs a --no-sandbox args (in addition to the other headless args), or Chrome won't be able to startup. The possible solutions to this are:

\n
    \n
  1. Make sure you're not running them as a root user.
    2. \n
  2. If running them as a root user, include args: ['--no-sandbox'] in jest-puppeteer.config.js (not recommended).
    3. \n
  3. Make sure you have all the required dependencies installed.\nFor Debian systems that can be installed using:\nsudo apt-get install gconf-service libasound2 libatk1.0-0 libc6 libcairo2 libcups2 libdbus-1-3 libexpat1 libfontconfig1 libgcc1 libgconf-2-4 libgdk-pixbuf2.0-0 libglib2.0-0 libgtk-3-0 libnspr4 libpango-1.0-0 libpangocairo-1.0-0 libstdc++6 libx11-6 libx11-xcb1 libxcb1 libxcomposite1 libxcursor1 libxdamage1 libxext6 libxfixes3 libxi6 libxrandr2 libxrender1 libxss1 libxtst6 ca-certificates fonts-liberation libappindicator1 libnss3 lsb-release xdg-utils wget
    4. \n
\n

Happy coding! =)

\n","frontmatter":{"date":"October 15, 2020","updated_date":null,"description":"Learn how to integrate Jest and Puppeteer in your project for End-to-End Testing.","title":"End-to-End Testing with Jest and Puppeteer","tags":["Testing","Jest","Puppeteer"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.6129032258064515,"src":"/static/eac53dcd5bac1a253375e85170c64e4e/c622d/jest-puppeteer.webp","srcSet":"/static/eac53dcd5bac1a253375e85170c64e4e/61e93/jest-puppeteer.webp 200w,\n/static/eac53dcd5bac1a253375e85170c64e4e/1f5c5/jest-puppeteer.webp 400w,\n/static/eac53dcd5bac1a253375e85170c64e4e/c622d/jest-puppeteer.webp 799w","sizes":"(max-width: 799px) 100vw, 799px"}}},"author":{"id":"Shreya Sharma","github":"cypherean","avatar":null}}}},{"node":{"excerpt":"A Few Ways to Speed Up Your Python Code Python is one of the most popular languages all over the world. Nowadays it is being used in…","fields":{"slug":"/engineering/speed-up-python-code/"},"html":"

A Few Ways to Speed Up Your Python Code

\n

Python is one of the most popular languages all over the world. Nowadays it is being used in competitive programming also because of its simple syntax and rich libraries. Most of us probably started coding with python. At first, everything goes simple and easy. But while solving a hard algorithmic problem, most of us suffer from Time Limit Exceeded. However, it is not a problem of python; it is the programmer's problem. I am not saying that language is not slow, but if a programmer writes an efficient programme, it will get Accepted for sure. Here are some tips to speed up your python programme.

\n

Use proper data structure

\n

Use of proper data structure has a significant effect on runtime. Python has list, tuple, set and dictionary as the built-in data structures. However, most of the people use the list in all cases. But it is not a right choice. Use proper data structures depending on your task. Especially use a tuple instead of a list. Because iterating over tuple is easier than iterating over a list.

\n

Decrease the use of for loop

\n

As for loop is dynamic in python, it takes more time than while loop. So, use while loop instead of for loop.

\n

Use list comprehension

\n

Do not use any other technique if you can use list comprehension. For example, here is a code to list all the numbers between 1 and 1000 that is the multiplier of 3:

\n
L = []\nfor i in range (1, 1000):\n    if i%3 == 0:\n        L.append (i)
\n

Using list comprehension, it would be:

\n
L = [i for i in range (1, 1000) if i%3 == 0]
\n

List comprehension works faster than using the append method.

\n

Use multiple assignments

\n

Do not assaign variables like this:

\n
a = 2\nb = 3\nc = 5\nd = 7
\n

Instead, assign variables like this:

\n
a, b, c, d = 2, 3, 5, 7
\n

Do not use global variables

\n

Python has global keyword to declare global variables. But global variables take higher time during operation than a local variable. So, do not use global variables if it is not necessary.

\n

Use library function

\n

Do not write your function (manually) if it is already in the library. Library functions are highly efficient, and you will probably won't be able to code with that efficiency.

\n

Concatenate strings with join

\n

In python, you can concatenate strings with + operation.

\n
concatenatedString = "Programming " + "is " + "fun."
\n

It can also be done with join() method.

\n
concatenatedString = " ".join (["Programming", "is", "fun."])
\n

join() concatenates strings faster than + operation because + operators create a new string and then copies the old content at each step. But join() doesn't work that way.

\n

Use generators

\n

If you have a large amount of data in your list and you need to use one data at a time and for once then use generators. It will save you time.

\n

It may seem efficient, but it's not

\n

See the below code:

\n
L = []\nfor element in set(L):\n    ...
\n

The above code may seem efficient because it used set to delete duplicate data. But the reality is that the code is not efficient. Do not forget that converting a list into set takes time. So this code will work better than the previous:

\n
for element in L:\n    ...
\n

Do not use dot operation

\n

Try to avoid dot operation. See the below programme.

\n
import math\nval = math.sqrt(60)
\n

Instead of the above style write code like this:

\n
from math import sqrt\nval = sqrt(60)
\n

Because when you call a function using . (dot) it first calls __getattribute()__ or __getattr()__ which then use dictionary operation which costs time. So, try using from module import function.

\n

Use 1 for infinity loops

\n

Use while 1 instead of while True. It will reduce some runtime.

\n

Try a different approach

\n

Try new ways to write your code efficiently. See the below code.

\n
if a_condition:\n    if another_condition:\n        do_something\nelse:\n    raise exception
\n

Instead of the above code you can write:

\n
if (not a_condition) or (not another_condition):\n    raise exception\ndo_something
\n

Use speed up applications

\n

For python's slow speed, some projects have been taken to decrease runtime. Pypy and Numba two of them. In most of the programming contests, you will see pypy if it allows python. These applications will reduce the runtime of your programme.

\n

Use special libraries to process large datasets

\n

C/C++ is faster than python. So, many packages and modules have been written in C/C++ that you can use in your python programme. Numpy, Scipy and Pandas are three of them and are popular for processing large datasets.

\n

Use the latest release of python

\n

Python is updated and upgraded regularly, and every release is faster and more optimized. So always use the latest version of python.

\n

These were some of the tips to decrease the runtime of python code. There are a few more techniques that you can use. Use a search engine to find those and write efficient code!

\n","frontmatter":{"date":"October 15, 2020","updated_date":null,"description":"Learn a few ways to speed up your python code.","title":"Speed Up Python Code","tags":["Python","Performance"],"pinned":null,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.5037593984962405,"src":"/static/65558b9da57861b919205b297c81828b/58556/speed-up-python-code-1.webp","srcSet":"/static/65558b9da57861b919205b297c81828b/61e93/speed-up-python-code-1.webp 200w,\n/static/65558b9da57861b919205b297c81828b/1f5c5/speed-up-python-code-1.webp 400w,\n/static/65558b9da57861b919205b297c81828b/58556/speed-up-python-code-1.webp 800w,\n/static/65558b9da57861b919205b297c81828b/99238/speed-up-python-code-1.webp 1200w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Md. Tahmid Hossain","github":"tahmid02016","avatar":null}}}}]},"markdownRemark":{"excerpt":"Identity is evolving, and developers are at the forefront of this transformation. Every day brings a new learning—adapting to new standards…","fields":{"slug":"/identity/developer-first-identity-provider-loginradius/"},"html":"

Identity is evolving, and developers are at the forefront of this transformation. Every day brings a new learning—adapting to new standards and refining approaches to building secure, seamless experiences.

\n

We’re here to support developers on that journey. We know how important simplicity, efficiency, and well-structured documentation are when working with identity and access management solutions. That’s why we’ve redesigned the LoginRadius website—to be faster, more intuitive, and developer-first in every way.

\n

The goal? Having them spend less time searching and more time building.

\n

What’s New and Improved on the LoginRadius Website?

\n

LoginRadius’ vision is to give developers a product that simplifies identity management so they can focus on building, deploying, and scaling their applications. To enhance this experience, we’ve spent the last few months redesigning our interface— making navigation more intuitive and reassuring that essential resources are easily accessible.

\n

Here’s a closer look at what’s new and why it’s important:

\n

A Developer-Friendly Dark Theme

\n

\"This

\n

Developers spend long hours working in dark-themed IDEs and terminals, so we’ve designed the LoginRadius experience to be developer-friendly and align with that preference.

\n

The new dark mode reduces eye strain, enhances readability, and provides a seamless transition between a coding environment and our platform. Our new design features a clean, modern aesthetic with a consistent color scheme and Barlow typography, ensuring better readability. High-quality graphics and icons are thoughtfully placed to enhance the content without adding visual clutter.

\n

So, whether you’re navigating our API docs or configuring authentication into your system, our improved interface will make those extended development hours more comfortable and efficient.

\n

Clear Categorization for LoginRadius Capabilities

\n

\"This

\n

We’ve restructured our website to provide a straightforward breakdown of our customer identity and access management platform capabilities, helping you quickly find what you need:

\n\n

This structured layout ensures you can quickly understand each capability and how it integrates into your identity ecosystem.

\n

Developer-First Navigation

\n

\"This

\n

We’ve been analyzing developer workflows to identify how you access key resources. That’s why we redesigned our navigation with one goal in mind: to reduce clicks and make essential resources readily available.

\n

The new LoginRadius structure puts APIs, SDKs, and integration guides right at the menu bar under the Developers dropdown so you can get started faster. Our Products, Solutions, and Customer Services are also clearly categorized, helping development teams quickly find the right tools and make informed decisions.

\n

Quick Understanding of Integration Benefits

\n

\"This

\n

Developers now have a clear view of the tech stack available with LoginRadius, designed to support diverse business needs.

\n

Our platform offers pre-built SDKs for Node.js, Python, Java, and more, making CIAM integration seamless across popular programming languages and frameworks.

\n

Over to You Now!

\n

Check out our revamped LoginRadius website and see how the improved experience makes it easier to build, scale, and secure your applications.

\n

Do not forget to explore the improved navigation and API documentation, and get started with our free trial today. We’re excited to see what you’ll build with LoginRadius!

\n","frontmatter":{"date":"February 21, 2025","updated_date":null,"description":"LoginRadius’ vision is to give developers a product that simplifies identity management so they can focus on building, deploying, and scaling their applications. To enhance this experience, we’ve redesigned our website interface, making navigation more intuitive and reassuring that essential resources are easily accessible.","title":"Revamped & Ready: Introducing the New Developer-First LoginRadius Website","tags":["Developer tools","API","Identity Management","User Authentication"],"pinned":true,"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.7857142857142858,"src":"/static/80b4e4fbe176a10a327d273504607f32/58556/hero-section.webp","srcSet":"/static/80b4e4fbe176a10a327d273504607f32/61e93/hero-section.webp 200w,\n/static/80b4e4fbe176a10a327d273504607f32/1f5c5/hero-section.webp 400w,\n/static/80b4e4fbe176a10a327d273504607f32/58556/hero-section.webp 800w,\n/static/80b4e4fbe176a10a327d273504607f32/99238/hero-section.webp 1200w,\n/static/80b4e4fbe176a10a327d273504607f32/7c22d/hero-section.webp 1600w,\n/static/80b4e4fbe176a10a327d273504607f32/1258b/hero-section.webp 2732w","sizes":"(max-width: 800px) 100vw, 800px"}}},"author":{"id":"Rakesh Soni","github":"oyesoni","avatar":"rakesh-soni.webp"}}}},"pageContext":{"limit":6,"skip":696,"currentPage":117,"type":"///","numPages":164,"pinned":"ee8a4479-3471-53b1-bf62-d0d8dc3faaeb"}},"staticQueryHashes":["1171199041","1384082988","2100481360","23180105","528864852"]}