Starting work on tests

cypress/e2e/desktop/siteInfo.cy.js

@@ -21,17 +21,21 @@ describe('site info', () => {
  // Switch to food view
  cy.get('[data-cy=button-resource-type-menu]').click()
  cy.get('[data-cy=button-FOOD-data-selector]').click()
- cy.get('[data-cy=button-resource-type-menu]').click()
 
  // Load a sample food site
  // This is currently using live data, but should be updated to make use of test data.
  cy.get('[title=data-cy-1]').click();
- cy.get('[title=data-cy-2]').click();
-
  cy.get('[data-cy=tap-organization-name]').should(
  'have.text',
  'Test Organization'
  );
+ // Confirm that the modal represents a half-modal
+ // Expand the modal to a full-modal
+ // Confirm that the correct description for the location is displayed
+ // Confirm that the modal represents a full-modal
+
+
+ // cy.get('[title=data-cy-2]').click();
  });
 
  it('should successfully display a foraging site', () => {

cypress/e2e/mobile/modals.cy.js

@@ -17,7 +17,28 @@ describe('modals', () => {
  });
 
  it('should successfully display a food site', () => {
- // TODO
+ // Switch to food view
+ cy.get('[data-cy=button-resource-type-menu]').click();
+ cy.get('[data-cy=button-FOOD-data-selector]').click();
+
+ // Load a sample food site
+ // This is currently using live data, but should be updated to make use of test data.
+ cy.get('[title=data-cy-1]').click();
+
+ // Confirm that the modal that pops up shows the correct name for the location
+ cy.get('[data-cy=tap-organization-name]').should(
+ 'have.text',
+ 'Test Organization'
+ );
+
+ // Confirm that the modal represents a half-modal
+
+
+ // Expand the modal to a full-modal
+ // Confirm that the correct description for the location is displayed
+ // Confirm that the modal represents a full-modal
+
+
  });
 
  it('should successfully display a foraging site', () => {

src/components/ChooseResourceType/MobileChooseResourceType.js

@@ -86,7 +86,10 @@ const MobileChooseResourceType = (props) => {
  >
  <List sx={{ maxWidth: 210 }}>
  {props.resourceTypeInfo.map(entry => (
- <MobileResourceButton key={entry.type} {...entry} />
+ <MobileResourceButton
+ key={entry.type}
+ {...entry}
+ data-cy={`button-${entry.type}-data-selector`} />
  ))}
  </List>
  </Slide>

src/components/SelectedTap/SelectedTap.css

@@ -120,6 +120,7 @@
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
+ color: greenyellow; /* debug! */
 }
 #tap-info-address {
  text-align: start;