bukazu-portal-react 3.3.3 → 3.3.4

package/cypress/e2e/.examples/utilities.spec.js

@@ -1,110 +0,0 @@
-/// <reference types="cypress" />
-
-context('Utilities', () => {
-  beforeEach(() => {
-    cy.visit('https://example.cypress.io/utilities')
-  })
-
-  it('Cypress._ - call a lodash method', () => {
-    // https://on.cypress.io/_
-    cy.request('https://jsonplaceholder.cypress.io/users')
-      .then((response) => {
-        let ids = Cypress._.chain(response.body).map('id').take(3).value()
-
-        expect(ids).to.deep.eq([1, 2, 3])
-      })
-  })
-
-  it('Cypress.$ - call a jQuery method', () => {
-    // https://on.cypress.io/$
-    let $li = Cypress.$('.utility-jquery li:first')
-
-    cy.wrap($li)
-      .should('not.have.class', 'active')
-      .click()
-      .should('have.class', 'active')
-  })
-
-  it('Cypress.Blob - blob utilities and base64 string conversion', () => {
-    // https://on.cypress.io/blob
-    cy.get('.utility-blob').then(($div) => {
-      // https://github.com/nolanlawson/blob-util#imgSrcToDataURL
-      // get the dataUrl string for the javascript-logo
-      return Cypress.Blob.imgSrcToDataURL('https://example.cypress.io/assets/img/javascript-logo.png', undefined, 'anonymous')
-      .then((dataUrl) => {
-        // create an <img> element and set its src to the dataUrl
-        let img = Cypress.$('<img />', { src: dataUrl })
-
-        // need to explicitly return cy here since we are initially returning
-        // the Cypress.Blob.imgSrcToDataURL promise to our test
-        // append the image
-        $div.append(img)
-
-        cy.get('.utility-blob img').click()
-          .should('have.attr', 'src', dataUrl)
-      })
-    })
-  })
-
-  it('Cypress.minimatch - test out glob patterns against strings', () => {
-    // https://on.cypress.io/minimatch
-    let matching = Cypress.minimatch('/users/1/comments', '/users/*/comments', {
-      matchBase: true,
-    })
-
-    expect(matching, 'matching wildcard').to.be.true
-
-    matching = Cypress.minimatch('/users/1/comments/2', '/users/*/comments', {
-      matchBase: true,
-    })
-
-    expect(matching, 'comments').to.be.false
-
-    // ** matches against all downstream path segments
-    matching = Cypress.minimatch('/foo/bar/baz/123/quux?a=b&c=2', '/foo/**', {
-      matchBase: true,
-    })
-
-    expect(matching, 'comments').to.be.true
-
-    // whereas * matches only the next path segment
-
-    matching = Cypress.minimatch('/foo/bar/baz/123/quux?a=b&c=2', '/foo/*', {
-      matchBase: false,
-    })
-
-    expect(matching, 'comments').to.be.false
-  })
-
-  it('Cypress.Promise - instantiate a bluebird promise', () => {
-    // https://on.cypress.io/promise
-    let waited = false
-
-    /**
-     * @return Bluebird<string>
-     */
-    function waitOneSecond () {
-      // return a promise that resolves after 1 second
-      // @ts-ignore TS2351 (new Cypress.Promise)
-      return new Cypress.Promise((resolve, reject) => {
-        setTimeout(() => {
-          // set waited to true
-          waited = true
-
-          // resolve with 'foo' string
-          resolve('foo')
-        }, 1000)
-      })
-    }
-
-    cy.then(() => {
-      // return a promise to cy.then() that
-      // is awaited until it resolves
-      // @ts-ignore TS7006
-      return waitOneSecond().then((str) => {
-        expect(str).to.eq('foo')
-        expect(waited).to.be.true
-      })
-    })
-  })
-})

package/cypress/e2e/.examples/viewport.spec.js

@@ -1,59 +0,0 @@
-/// <reference types="cypress" />
-
-context('Viewport', () => {
-  beforeEach(() => {
-    cy.visit('https://example.cypress.io/commands/viewport')
-  })
-
-  it('cy.viewport() - set the viewport size and dimension', () => {
-    // https://on.cypress.io/viewport
-
-    cy.get('#navbar').should('be.visible')
-    cy.viewport(320, 480)
-
-    // the navbar should have collapse since our screen is smaller
-    cy.get('#navbar').should('not.be.visible')
-    cy.get('.navbar-toggle').should('be.visible').click()
-    cy.get('.nav').find('a').should('be.visible')
-
-    // lets see what our app looks like on a super large screen
-    cy.viewport(2999, 2999)
-
-    // cy.viewport() accepts a set of preset sizes
-    // to easily set the screen to a device's width and height
-
-    // We added a cy.wait() between each viewport change so you can see
-    // the change otherwise it is a little too fast to see :)
-
-    cy.viewport('macbook-15')
-    cy.wait(200)
-    cy.viewport('macbook-13')
-    cy.wait(200)
-    cy.viewport('macbook-11')
-    cy.wait(200)
-    cy.viewport('ipad-2')
-    cy.wait(200)
-    cy.viewport('ipad-mini')
-    cy.wait(200)
-    cy.viewport('iphone-6+')
-    cy.wait(200)
-    cy.viewport('iphone-6')
-    cy.wait(200)
-    cy.viewport('iphone-5')
-    cy.wait(200)
-    cy.viewport('iphone-4')
-    cy.wait(200)
-    cy.viewport('iphone-3')
-    cy.wait(200)
-
-    // cy.viewport() accepts an orientation for all presets
-    // the default orientation is 'portrait'
-    cy.viewport('ipad-2', 'portrait')
-    cy.wait(200)
-    cy.viewport('iphone-4', 'landscape')
-    cy.wait(200)
-
-    // The viewport will be reset back to the default dimensions
-    // in between tests (the  default can be set in cypress.json)
-  })
-})

package/cypress/e2e/.examples/waiting.spec.js

@@ -1,31 +0,0 @@
-/// <reference types="cypress" />
-
-context('Waiting', () => {
-  beforeEach(() => {
-    cy.visit('https://example.cypress.io/commands/waiting')
-  })
-  // BE CAREFUL of adding unnecessary wait times.
-  // https://on.cypress.io/best-practices#Unnecessary-Waiting
-
-  // https://on.cypress.io/wait
-  it('cy.wait() - wait for a specific amount of time', () => {
-    cy.get('.wait-input1').type('Wait 1000ms after typing')
-    cy.wait(1000)
-    cy.get('.wait-input2').type('Wait 1000ms after typing')
-    cy.wait(1000)
-    cy.get('.wait-input3').type('Wait 1000ms after typing')
-    cy.wait(1000)
-  })
-
-  it('cy.wait() - wait for a specific route', () => {
-    // Listen to GET to comments/1
-    cy.intercept('GET', '**/comments/*').as('getComment')
-
-    // we have code that gets a comment when
-    // the button is clicked in scripts.js
-    cy.get('.network-btn').click()
-
-    // wait for GET comments/1
-    cy.wait('@getComment').its('response.statusCode').should('be.oneOf', [200, 304])
-  })
-})

package/cypress/e2e/.examples/window.spec.js

@@ -1,22 +0,0 @@
-/// <reference types="cypress" />
-
-context('Window', () => {
-  beforeEach(() => {
-    cy.visit('https://example.cypress.io/commands/window')
-  })
-
-  it('cy.window() - get the global window object', () => {
-    // https://on.cypress.io/window
-    cy.window().should('have.property', 'top')
-  })
-
-  it('cy.document() - get the document object', () => {
-    // https://on.cypress.io/document
-    cy.document().should('have.property', 'charset').and('eq', 'UTF-8')
-  })
-
-  it('cy.title() - get the title', () => {
-    // https://on.cypress.io/title
-    cy.title().should('include', 'Kitchen Sink')
-  })
-})

package/cypress/e2e/booking.spec.js

@@ -1,81 +0,0 @@
-describe('Create booking', () => {
-  before(() => {
-    cy.visit('/calendar.html')
-    cy.get('div.col.cell.arrival').first()
-      .click()
-
-
-    cy.get('div.col.cell.departure').first()
-      .click()
-
-    cy.get('.calendar--picker > .button').click()
-  })
-
-  it('Create booking', () => {
-    cy.get(':nth-child(1) > :nth-child(3) > select').select('6');
-    cy.get(':nth-child(4) > select').select('3');
-    cy.get(':nth-child(1) > :nth-child(3) > select').select('6');
-    cy.get(':nth-child(4) > select').select('3');
-    
-    expect(cy.get('.error-message.persons')).to.exist
-    
-    cy.get(':nth-child(1) > :nth-child(3) > select').select('1');
-    
-    cy.get('.error-message.persons').should('not.exist')
-    
-  })
-
-  it('Create booking simple', () => {
-    cy.get(':nth-child(1) > :nth-child(3) > select').select('1');
-    
-    
-    cy.get('.error-message.persons').should('not.exist')
-
-    
-    cy.get('input[name=first_name]').type('Test')
-    cy.get('input[name=last_name]').type('Test')
-    cy.get('input[name=mobile]').type('0612345678')
-    cy.get('input[name=address]').type('Straat')
-    cy.get('input[name=house_number]').type('1')
-    cy.get('input[name=email]').type('test@bukazu.com')
-    
-  })
-
-  it('Validate cancel insurance', () => {
-    cy.get('select[name=cancel_insurance]').select('0');
-    
-    cy.get('.insurances > input[type=date]').should('not.exist')
-
-    cy.get('select[name=cancel_insurance]').select('1');
-    
-    expect(cy.get('#insurances > input[type=date]')).to.exist
-
-    
-  })
-
-  it('Create booking on invalid booking form', () => {
-    cy.visit('/invalid-calendar.html')
-    cy.get('div.col.cell.arrival').first()
-      .click()
-
-
-    cy.get('div.col.cell.departure').first()
-      .click()
-
-    cy.get('.calendar--picker > .button').click()
-
-    cy.get(':nth-child(1) > :nth-child(3) > select').select('6');
-
-
-    cy.get(':nth-child(3) > .form-row > select').select('0');
-    cy.get(':nth-child(5) > :nth-child(2) > input').clear();
-    cy.get(':nth-child(5) > :nth-child(2) > input').type('Test');
-    cy.get(':nth-child(3) > input').clear();
-    cy.get(':nth-child(3) > input').type('test@example.com');
-
-    cy.get('.button').click()
-
-    expect(cy.get('.bukazu-modal .bukazu-error-message')).to.exist
-  })
-
-})

package/cypress/e2e/calendar.spec.js

@@ -1,21 +0,0 @@
-describe('Show calendar', () => {
-  before(() => {
-    cy.visit('/calendar.html')
-  })
-
-  it('Click arrival date', () => {
-    cy.get('.calendar--picker > .button').should('be.disabled')
-
-    cy.get('div.col.cell.arrival').first()
-      .click()
-      .should('have.class', 'selected')
-
-    cy.get('.calendar--picker > .button').should('be.disabled')
-
-    cy.get('div.col.cell.departure').first()
-      .click()
-      .should('have.class', 'selected')
-
-    cy.get('.calendar--picker > .button').should('not.be.disabled')
-  })
-})

package/cypress/e2e/search.spec.js

@@ -1,25 +0,0 @@
-describe('Filtering objects', () => {
-  before(() => {
-    cy.visit('/')
-  })
-
-  it('Filter countries', () => {
-    cy.get('#countries > ul.radioList > li.bu-open').should('have.length', 6)
-    cy.get(':nth-child(2) > .radioList > :nth-child(1) input')
-      .click()
-    cy.get('#regions > ul.radioList > li.bu-open').should('have.length', 3)
-    cy.get('#countries > ul.radioList > li.bu-open').should('have.length', 6)
-
-    cy.get('.filters-reload')
-      .click()
-  })
-
-  it('Go next page in paginator', () => {
-    cy.get(':nth-child(1) > .bu-pagination > :nth-child(4)')
-      .click()
-    cy.get(':nth-child(1) > .bu-pagination > :nth-child(6)')
-      .click()
-    cy.get(':nth-child(1) > .bu-pagination > :nth-child(1)')
-      .click()
-  })
-})

package/cypress/fixtures/example.json

@@ -1,5 +0,0 @@
-{
-  "name": "Using fixtures to represent data",
-  "email": "hello@cypress.io",
-  "body": "Fixtures are a great way to mock data for responses to routes"
-}

package/cypress/plugins/index.js

@@ -1,16 +0,0 @@
-// const injectDevServer = require("@cypress/react/plugins/react-scripts")
-
-module.exports = (on, config) => {
-  if (config.testingType === 'component') {
-    const { startDevServer } = require('@cypress/webpack-dev-server')
-
-    // Your project's Webpack configuration
-    const webpackConfig = require('../../webpack.config.dev.js')
-
-    on('dev-server:start', (options) =>
-      startDevServer({ options, webpackConfig })
-    )
-  }
-
-  return config
-}

package/cypress/support/commands.js

@@ -1,25 +0,0 @@
-// ***********************************************
-// This example commands.js shows you how to
-// create various custom commands and overwrite
-// existing commands.
-//
-// For more comprehensive examples of custom
-// commands please read more here:
-// https://on.cypress.io/custom-commands
-// ***********************************************
-//
-//
-// -- This is a parent command --
-// Cypress.Commands.add('login', (email, password) => { ... })
-//
-//
-// -- This is a child command --
-// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
-//
-//
-// -- This is a dual command --
-// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
-//
-//
-// -- This will overwrite an existing command --
-// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })

package/cypress/support/commands.ts

@@ -1,37 +0,0 @@
-/// <reference types="cypress" />
-// ***********************************************
-// This example commands.ts shows you how to
-// create various custom commands and overwrite
-// existing commands.
-//
-// For more comprehensive examples of custom
-// commands please read more here:
-// https://on.cypress.io/custom-commands
-// ***********************************************
-//
-//
-// -- This is a parent command --
-// Cypress.Commands.add('login', (email, password) => { ... })
-//
-//
-// -- This is a child command --
-// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
-//
-//
-// -- This is a dual command --
-// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
-//
-//
-// -- This will overwrite an existing command --
-// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
-//
-// declare global {
-//   namespace Cypress {
-//     interface Chainable {
-//       login(email: string, password: string): Chainable<void>
-//       drag(subject: string, options?: Partial<TypeOptions>): Chainable<Element>
-//       dismiss(subject: string, options?: Partial<TypeOptions>): Chainable<Element>
-//       visit(originalFn: CommandOriginalFn, url: string, options: Partial<VisitOptions>): Chainable<Element>
-//     }
-//   }
-// }

package/cypress/support/component-index.html

@@ -1,12 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <title>Components App</title>
-  </head>
-  <body>
-    <div data-cy-root></div>
-  </body>
-</html>

package/cypress/support/component.ts

@@ -1,39 +0,0 @@
-// ***********************************************************
-// This example support/component.ts is processed and
-// loaded automatically before your test files.
-//
-// This is a great place to put global configuration and
-// behavior that modifies Cypress.
-//
-// You can change the location of this file or turn off
-// automatically serving support files with the
-// 'supportFile' configuration option.
-//
-// You can read more here:
-// https://on.cypress.io/configuration
-// ***********************************************************
-
-// Import commands.js using ES2015 syntax:
-import './commands'
-
-// Alternatively you can use CommonJS syntax:
-// require('./commands')
-
-import { mount } from 'cypress/react'
-
-// Augment the Cypress namespace to include type definitions for
-// your custom command.
-// Alternatively, can be defined in cypress/support/component.d.ts
-// with a <reference path="./component" /> at the top of your spec.
-declare global {
-  namespace Cypress {
-    interface Chainable {
-      mount: typeof mount
-    }
-  }
-}
-
-Cypress.Commands.add('mount', mount)
-
-// Example use:
-// cy.mount(<MyComponent />)

package/cypress/support/e2e.js

@@ -1,20 +0,0 @@
-// ***********************************************************
-// This example support/index.js is processed and
-// loaded automatically before your test files.
-//
-// This is a great place to put global configuration and
-// behavior that modifies Cypress.
-//
-// You can change the location of this file or turn off
-// automatically serving support files with the
-// 'supportFile' configuration option.
-//
-// You can read more here:
-// https://on.cypress.io/configuration
-// ***********************************************************
-
-// Import commands.js using ES2015 syntax:
-import './commands'
-
-// Alternatively you can use CommonJS syntax:
-// require('./commands')

package/cypress.config.ts

@@ -1,15 +0,0 @@
-import { defineConfig } from "cypress";
-
-export default defineConfig({
-  experimentalStudio: true,
-  projectId: "rpsk7v",
-
-  e2e: {
-    // We've imported your old cypress plugins here.
-    // You may want to clean this up later by importing these.
-    setupNodeEvents(on, config) {
-      return require("./cypress/plugins/index.js")(on, config);
-    },
-    specPattern: "cypress/e2e/**/*.{js,jsx,ts,tsx}",
-  },
-});

package/dev.tsx

@@ -1,44 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import Portal from './src/index';
-
-runTheApp();
-function runTheApp() {
-  const elem = document.getElementById('bukazu-app');
-  const elements = document.getElementsByClassName('bukazu-app');
-  if (elements.length > 0) {
-    for (let element of elements) {
-      runApp(element);
-    }
-  } else if (elem) {
-    runApp(elem);
-  }
-}
-
-function runApp(element) {
-  const portalCode = element.getAttribute('portal-code');
-  const objectCode = element.getAttribute('object-code');
-  const pageType = element.getAttribute('page');
-  const locale = element.getAttribute('language');
-  let filters = element.getAttribute('filters');
-
-  if (filters) {
-    filters = JSON.parse(filters);
-  } else {
-    filters = {};
-  }
-
-  ReactDOM.render(
-    <Portal
-      portalCode={portalCode}
-      objectCode={objectCode}
-      pageType={pageType}
-      locale={locale}
-      filters={filters}
-      api_url="https://api.bukazu.com/graphql"
-    />,
-    element
-  );
-}
-
-// registerServiceWorker()

package/index.html

@@ -1,15 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>Bukazu Portal</title>
-    <!-- <link href="./dist/style.css" rel="stylesheet"> -->
-  </head>
-  <body>
-    <h1>Bukazu Test Portal</h1>
-
-    <div class="bukazu-app" id="bukazu-app" portal-code="7f9b7a84" language='nl'></div>
-
-    <script src="./dev.tsx" type="module"></script>
-  </body>
-</html>

package/invalid-calendar.html

@@ -1,16 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>Bukazu Portal</title>
-    <link href="./index.css" rel="stylesheet">
-  </head>
-  <body>
-    <h1>Bukazu Test Calendar</h1>
-
-    <!-- <div class="bukazu-app" id="bukazu-app" portal-code="3cbe4f75" object-code="AT0047" language='nl'></div>     -->
-    <div class="bukazu-app" id="bukazu-app" portal-code="2b063dcd" object-code="AT0047" language='nl'></div>    
-
-    <script src="./index.js"></script>
-  </body>
-</html>