Merge pull request #22 from supernova13892/master

Added Instagram login example in the list.

Author: tnolet

3. login/instagram.js

@@ -0,0 +1,70 @@
+/**
+ * @name Instagram
+ *
+ * @desc Logs into Instagram with credentials. Provide your username and password as environment variables when running the script, i.e:
+ * `INSTAGRAM_USER=myuser INSTAGRAM_PWD=mypassword node instagram.js`
+ *
+ */
+const puppeteer = require('puppeteer')
+const screenshot = 'instagram.png';
+(async () => {
+const browser = await puppeteer.launch({
+headless: false
+})
+const page = await browser.newPage()
+await page.goto("https://www.instagram.com/accounts/login/?source=auth_switcher", {
+waitUntil: 'networkidle2'
+});
+
+//email
+await page.waitForSelector("[name='username']");
+// await page.click("[name='username']");
+await page.type("[name='username']", process.env.INSTAGRAM_USER);
+
+//password
+await page.keyboard.down("Tab");
+//uncomment the following if you want the passwor dto be visible
+// page.$eval("._2hvTZ.pexuQ.zyHYP[type='password']", (el) => el.setAttribute("type", "text"));
+await page.keyboard.type(process.env.INSTAGRAM_PWD);
+
+//the selector of the "Login" button
+// await page.click("._0mzm-.sqdOP.L3NKy>.Igw0E.IwRSH.eGOV_._4EzTm");
+
+//we find the Login btn using the innerText comparison because the selector used for the btn might be unstable
+await page.evaluate(() => {
+let btns = [...document.querySelector(".HmktE").querySelectorAll("button")];
+btns.forEach(function (btn) {
+if (btn.innerText == "Log In")
+btn.click();
+});
+});
+
+//Optional
+//check if the element asking to download the app arises
+// try {
+//	await loginPage.waitForSelector("._3m3RQ._7XMpj",{
+//	timeout:3000
+//	});
+//	await loginPage.click("._3m3RQ._7XMpj");
+// } catch (err) {
+
+// }
+
+//Optional
+//check if the app asks for notifications
+// try {
+//	await loginPage.waitForSelector(".aOOlW.HoLwm",{
+//	timeout:5000
+//	});
+//	await loginPage.click(".aOOlW.HoLwm");
+// } catch (err) {
+
+// }
+
+await page.waitForSelector(".glyphsSpriteMobile_nav_type_logo");
+
+await page.screenshot({ path: screenshot });
+
+browser.close()
+console.log('See screenshot: ' + screenshot)
+})()

README.md

@@ -33,6 +33,7 @@ You can run these scripts in the [https://puppeteersandbox.com](https://puppetee
  * [Github](#github)
  * [Google Social Login](#google-social-login)
  * [Twitter](#twitter)
+ * [Instagram](#instagram)
 - [4. shopping-carts](#4-shopping-carts)
  * [Staples shopping cart](#staples-shopping-cart)
  * [Walmart shopping cart](#walmart-shopping-cart)
@@ -159,6 +160,11 @@ Logs into Twitter. Provide your username and password as environment variables w
 
 
 [3. login/twitter.js](https://github.com/checkly/puppeteer-examples/blob/master/3.%20login/twitter.js)
+### Instagram
+Logs into Instagram. Provide your username and password as environment variables when running the script, i.e: `INSTAGRAM_USER=myuser INSTAGRAM_PWD=mypassword node instagram.js`
+
+
+[3. login/instagram.js](https://github.com/checkly/puppeteer-examples/blob/master/3.%20login/instagram.js)
 ## 4. shopping-carts
 How to handle shopping cart functions like adding and removing items. 
 ### Staples shopping cart