Playwright

Playwright enables reliable end-to-end testing for modern web apps.

Integrate the Playwright API with the Shopify Developer App API

Setup the Playwright API trigger to run a workflow which integrates with the Shopify Developer App API. Pipedream's integration platform allows you to integrate Playwright and Shopify Developer App remarkably fast. Free for developers.

Get Page HTML with Playwright API on New Abandoned Cart from Shopify Developer App API
Shopify Developer App + Playwright
 
Try it
Get Page HTML with Playwright API on New Article from Shopify Developer App API
Shopify Developer App + Playwright
 
Try it
Get Page HTML with Playwright API on New Cancelled Order (Instant) from Shopify Developer App API
Shopify Developer App + Playwright
 
Try it
Get Page HTML with Playwright API on New Customer Created (Instant) from Shopify Developer App API
Shopify Developer App + Playwright
 
Try it
Get Page HTML with Playwright API on New Draft Order (Instant) from Shopify Developer App API
Shopify Developer App + Playwright
 
Try it
New Abandoned Cart from the Shopify Developer App API

Emit new event each time a user abandons their cart.

 
Try it
New Article from the Shopify Developer App API

Emit new event for each new article in a blog.

 
Try it
New Cancelled Order (Instant) from the Shopify Developer App API

Emit new event each time a new order is cancelled.

 
Try it
New Customer Created (Instant) from the Shopify Developer App API

Emit new event for each new customer added to a store.

 
Try it
New Draft Order (Instant) from the Shopify Developer App API

Emit new event for each new draft order submitted to a store.

 
Try it
Get Page HTML with the Playwright API

Returns the page's html. See the documentation

 
Try it
Add Products to Custom Collections with the Shopify Developer App API

Adds a product or products to a custom collection or collections. See the docs

 
Try it
Get Page Title with the Playwright API

Returns the page's title. See the documentation

 
Try it
Add Tags with the Shopify Developer App API
 
Try it
Page PDF with the Playwright API

Generates a pdf of the page and store it on /tmp directory. See the documentation

 
Try it

Overview of Playwright

Playwright is a Node.js library which provides a high-level API to control Chrome/Chromium over the DevTools Protocol. Playwright runs in headless mode on Chromium on Pipedream.

Using Playwright you can perform tasks including:

  • Capture Screenshots: Convert webpages into images.
  • Processing PDFs: parse and scan PDFs.
  • Web Scraping: Extract data from websites.
  • UI/UX Testing: Verify user interface and experience.
  • Integration with Test Frameworks: Combine with testing frameworks.
  • Task Automation: Automate web-related tasks like form filling.
  • Functional Testing: Automate user interactions to test web application functionality.
  • Regression Testing: Ensure new code changes don't introduce bugs.

Connect Playwright

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
import { playwright } from '@pipedream/browsers';

export default defineComponent({
  async run({steps, $}) {
    const browser = await playwright.launch();
    
    // Interact with the web page programmatically
    // See Playwright's Page documentation for available methods:
    // https://playwright.dev/docs/api/class-page
    const page = await browser.newPage();

    await page.goto('https://pipedream.com/');
    const title = await page.title();
    const content = await page.content();

    // Close context and browser otherwise the step will hang
    await page.context().close()
    await browser.close();

    return { title, content }
  },
})

Overview of Shopify Developer App

The Shopify Admin REST & GraphQL API unleashes a myriad of possibilities to automate and enhance online store operations. It provides programmatic access to Shopify functionalities, allowing users to manage products, customers, orders, and more. Leveraging the Shopify Admin API within Pipedream, developers can create custom workflows that automate repetitive tasks, sync data across platforms, and respond dynamically to events in Shopify.

This integration can be used as a custom app on your store, or for automating actions on behalf of merchants through your Shopify app.

Looking for integrating into the Shopify Partner API for your apps, themes or referrals? Check out our Shopify Partner API integration.

Connect Shopify Developer App

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    shopify_developer_app: {
      type: "app",
      app: "shopify_developer_app",
    }
  },
  async run({steps, $}) {
    const data = {
      "query": `{  
        shop { 
          id 
          name
          email 
        } 
      }`,
    }
    return await axios($, {
      method: "post",
      url: `https://${this.shopify_developer_app.$auth.shop_id}.myshopify.com/admin/api/2024-04/graphql.json`,
      headers: {
        "X-Shopify-Access-Token": `${this.shopify_developer_app.$auth.access_token}`,
        "Content-Type": `application/json`,
      },
      data,
    })
  },
})