set up github actions CI instead of Travis

[jywarren]

Working from https://github.com/publiclab/leaflet-environmental-layers/blob/main/.travis.yml and https://github.com/publiclab/PublicLab.Editor/blob/main/.github/workflows/tests.yml

[gitpod-io]

[jywarren]

Somehow maybe these files got mixed up, wrt PurpleAir tests???

• leaflet-environmental-layers/cypress/fixtures/purpleMarker.json

  Line 30 in e971a95

  "Cat Ranch",

• https://github.com/publiclab/leaflet-environmental-layers/blob/e971a95639de43aca78b665ff6bc924450a42db8/cypress/fixtures/purpleLayer.json

[jywarren]

That change didn't work -- i still see:

     Uncaught Error: Invalid LatLng object: (0, Cat Ranch)

Hmm.

[jywarren]

OK same timeout issue wrt Skytruth now:

     CypressError: Timed out retrying: Expected to find element: '', but never found it. Queried from element: <div.leaflet-pane.leaflet-marker-pane>

OK this is an HTTPS issue on Skytruth: https://alerts1.skytruth.org/json?n=100&l=29.103173641957888,-90.26628971099854,29.4625145059195,-88.44942569732667

[jywarren]

updated cypress.json with { chromeWebSecurity: false } cypress-io/cypress#4803

[jywarren]

This could also be an instance of this: https://docs.cypress.io/guides/references/error-messages.html#CypressError-Timed-out-retrying-Expected-to-find-element-%E2%80%98%E2%80%A6%E2%80%99-but-never-found-it-Queried-from-element-lt-%E2%80%A6-gt

CypressError: Timed out retrying: Expected to find element: ‘…’, but never found it. Queried from element: <…>

If you get this error in a case where the element is definitely visible in the DOM, your document might contain malformed HTML. In such cases, document.querySelector() will not find any elements that appear after the point where the HTML is malformed. Even if you feel certain your HTML is not malformed anywhere, check it anyway (line by line in the dev tools). Especially if you’ve exhausted all other possibilities.

[jywarren]

Stuck at:

CypressError: Timed out retrying: Expected to find element: '', but never found it. Queried from element: <div.leaflet-pane.leaflet-marker-pane>

[jywarren]

The specific error is on this line:

leaflet-environmental-layers/cypress/integration/skytruth.spec.js

Line 12 in 4ffb739

cy.get('.leaflet-marker-pane').children().should('have.length', 2)

I'm looking for malformed HTML around there...

[jywarren]

Yay!!! This worked! Merging.

[jywarren]

Hi @daemon1024 see here is where we implemented GitHub Actions and it seemed to work fine in Cypress as well as with those two layers there!