Add integration testing for examples

Author: worr

.gitlab-ci.yml

@@ -13,6 +13,11 @@
  script:
  - npm run ci
 
+stages:
+ - build
+ - test
+ - integration
+
 cache:
  paths:
  - node_modules/
@@ -66,3 +71,14 @@ cache:
  extends: .test_default
  dependencies:
  - node build v15
+
+"example integration testing":
+ stage: integration
+ image: node:14-alpine
+ dependencies:
+ - node build v14
+ before_script:
+ - "npx ts-node test/util/server.ts &"
+ script:
+ - "cd examples/imdb-api-react && yarn && yarn test; cd ../.."
+ - "cd examples/imdb-api-node && npm install && node index.js; cd ../.."

examples/imdb-api-node/index.js

@@ -1,6 +1,6 @@
 const imdb = require("imdb-api");
 
 (async function() {
-const movie = await imdb.get({name: "The Toxic Avenger"}, {apiKey: "your api key here"});
+const movie = await imdb.get({name: "Toxic Avenger"}, {apiKey: "your api key here", baseURL: "http://localhost:3000"});
 console.log(movie);
 })()

examples/imdb-api-react/package.json

@@ -41,5 +41,6 @@
  "last 1 firefox version",
  "last 1 safari version"
  ]
- }
+ },
+ "proxy": "http://localhost:3000/"
 }

examples/imdb-api-react/public/favicon.ico

@@ -2,8 +2,8 @@ import React from 'react';
 import { render, screen } from '@testing-library/react';
 import App from './App';
 
-test('renders learn react link', () => {
+test('renders learn react link', async () => {
  render(<App />);
- const linkElement = screen.getByText(/learn react/i);
+ const linkElement = await screen.findByText(/toxic/i);
  expect(linkElement).toBeInTheDocument();
 });

examples/imdb-api-react/public/logo192.png

@@ -14,7 +14,7 @@ class App extends Component<MyProps, MyState> {
 
  async componentDidMount() {
  try {
- const results = await imdb.get({name: 'The Toxic Avenger'}, {apiKey: 'use your api key here'});
+ const results = await imdb.get({name: 'Toxic Avenger'}, {apiKey: 'use your api key here', baseURL: "http://localhost:3000"});
  this.setState({movie: results, error: ""});
  } catch (e) {
  this.setState({movie: undefined, error: e.message});
@@ -24,6 +24,7 @@ class App extends Component<MyProps, MyState> {
  render() {
  return (
  <div className="top">
+ <h1>Movie</h1>
  <div className="content">
  {this.state.movie?.title}
  </div>