From 86e0f715842c41d8de22272b57326222584be0d4 Mon Sep 17 00:00:00 2001 From: Luna McNulty Date: Tue, 20 Dec 2022 07:50:26 -0500 Subject: [PATCH 01/39] Add migration to remove resources collection --- .../2022.12.16T22.18.54.remove-resources.js | 11 +++++++++++ 1 file changed, 11 insertions(+) create mode 100644 site/gatsby-site/migrations/2022.12.16T22.18.54.remove-resources.js diff --git a/site/gatsby-site/migrations/2022.12.16T22.18.54.remove-resources.js b/site/gatsby-site/migrations/2022.12.16T22.18.54.remove-resources.js new file mode 100644 index 0000000000..0efac0a906 --- /dev/null +++ b/site/gatsby-site/migrations/2022.12.16T22.18.54.remove-resources.js @@ -0,0 +1,11 @@ +const config = require('../config'); + +/** @type {import('umzug').MigrationFn} */ +exports.up = async ({ context: { client } }) => { + const resourcesCollection = client.db(config.realm.production_db.db_name).collection('resources'); + + resourcesCollection.drop(); +}; + +/** @type {import('umzug').MigrationFn} */ +exports.down = async () => {}; From 482011bf22dfbb5cd0b2de3343aa87a9a4e545da Mon Sep 17 00:00:00 2001 From: Luna McNulty Date: Tue, 20 Dec 2022 09:40:24 -0500 Subject: [PATCH 02/39] Add csetV2taxon object --- .../2022.12.16T22.18.54.remove-resources.js | 638 +++++++++++++++++- 1 file changed, 637 insertions(+), 1 deletion(-) diff --git a/site/gatsby-site/migrations/2022.12.16T22.18.54.remove-resources.js b/site/gatsby-site/migrations/2022.12.16T22.18.54.remove-resources.js index 0efac0a906..9922403c16 100644 --- a/site/gatsby-site/migrations/2022.12.16T22.18.54.remove-resources.js +++ b/site/gatsby-site/migrations/2022.12.16T22.18.54.remove-resources.js @@ -3,8 +3,644 @@ const config = require('../config'); /** @type {import('umzug').MigrationFn} */ exports.up = async ({ context: { client } }) => { const resourcesCollection = client.db(config.realm.production_db.db_name).collection('resources'); + const taxaCollection = client.db(config.realm.production_db.db_name).collection('taxa'); - resourcesCollection.drop(); + //resourcesCollection.drop(); + //taxaCollection.deleteOne({ namespace: "resources" }); + + const csetV2entry = { + "description": "# What is the CSET Taxonomy?\n\nThe Center for Security and Emerging Technology (CSET) taxonomy is a general taxonomy of AI incidents. There are a large number of classified attributes, including ones pertaining to safety, fairness, industry, geography, timing, and cost.All classifications within the CSET taxonomy are first applied by one CSET annotator and reviewed by another CSET annotator before the classifications are finalized. The combination of a rigorously defined coding set and the completeness with which it has been applied make the CSET taxonomy the AIID's gold standard for taxonomies. Nevertheless, the CSET taxonomy is an ongoing effort and you are invited to report any errors you may discover in its application.\n\n## How do I explore the taxonomy?\n\nAll taxonomies can be used to filter incident reports within the [Discover Application](/apps/discover). The taxonomy filters work similarly to how you filter products on an E-commerce website. Use the search field at the bottom of the “Classifications” tab to find the taxonomy field you would like to filter with, then click the desired value to apply the filter.\n\n# About CSET\n\nA policy research organization within Georgetown University’s Walsh School of Foreign Service, CSET produces data-driven research at the intersection of security and technology, providing nonpartisan analysis to the policy community. CSET is currently focusing on the effects of progress in artificial intelligence (AI), advanced computing and biotechnology. CSET seeks to prepare a new generation of decision-makers to address the challenges and opportunities of emerging technologies. [(Read more)](https://cset.georgetown.edu/about-us/).", + "field_list": [ + { + "short_name": "Annotator", + "long_name": "Person responsible for the annotations", + "short_description": "This is the researcher that is responsible for applying the classifications of the CSET taxonomy.", + "long_description": "An ID designating the individual who classified this incident according to the CSET taxonomy.", + "display_type": "enum", + "mongo_type": "string", + "default": "", + "placeholder": "Select name here", + "permitted_values": [ "1", "2", "3", "4", "5", "6", "7", "8", "9", "Other" ], + "weight": { + "$numberInt": "5" + }, + "instant_facet": false, + "required": false, + "public": false + }, + { + "short_name": "Annotation Status", + "long_name": "Where in the annotation process is this incident?", + "short_description": "What is the quality assurance status of the CSET classifications for this incident?", + "long_description": "What is the quality assurance status of the CSET classifications for this incident?", + "display_type": "enum", + "mongo_type": "string", + "default": "", + "placeholder": "Select process status here", + "permitted_values": [ + "1. Annotation in progress", + "2. Initial annotation complete", + "3. In peer review", + "4. Peer review complete", + "5. In quality control", + "6. Complete and final" + ], + "weight": { + "$numberInt": "10" + }, + "instant_facet": false, + "required": false, + "public": false + }, + { + "short_name": "Reviewer", + "long_name": "Person responsible for reviewing annotations", + "short_description": "This is the researcher that is responsible for ensuring the quality of the classifications applied to this incident.", + "long_description": "The CSET taxonomy assigns individual researchers to each incident as the primary parties responsible for classifying the incident according to the taxonomy. This is the person responsible for assuring the integrity of annotator's classifications.", + "display_type": "enum", + "mongo_type": "string", + "default": "", + "placeholder": "Select name here", + "permitted_values": [ "1", "2", "3", "4", "5", "6", "7", "8", "9", "Other" ], + "weight": { + "$numberInt": "20" + }, + "instant_facet": false, + "required": false, + "public": false + }, + { + "short_name": "Quality Control", + "long_name": "Was this incident randomly selected for additional quality control?", + "short_description": "Has someone flagged a potential issue with this incident's classifications?", + "long_description": "The peer review process sometimes uncovers issues with the classifications that have been applied by the annotator. This field serves as a flag when there is a need for additional thought and input on the classifications applied", + "display_type": "bool", + "mongo_type": "bool", + "default": "false", + "placeholder": "", + "permitted_values": [], + "weight": { + "$numberInt": "15" + }, + "instant_facet": false, + "required": false, + "public": false + }, + { + "short_name": "Full Description", + "long_name": "Full description of the incident", + "short_description": "A plain-language description of the incident in one paragraph or less.", + "long_description": "A plain-language description of the incident in one paragraph or less.", + "display_type": "string", + "mongo_type": "string", + "default": "", + "placeholder": "Describe the incident here", + "permitted_values": [], + "weight": { + "$numberInt": "160" + }, + "instant_facet": false, + "required": false + }, + { + "short_name": "Short Description", + "long_name": "Short description of the incident", + "short_description": "A one-sentence description of the incident.", + "long_description": "A one-sentence description of the incident.", + "display_type": "string", + "mongo_type": "string", + "default": "", + "placeholder": "Describe the incident here", + "permitted_values": [], + "weight": { + "$numberInt": "155" + }, + "instant_facet": false, + "required": false + }, + { + "short_name": "Beginning Date", + "long_name": "Beginning date", + "short_description": "The date the incident began.", + "long_description": "The date the incident began.", + "display_type": "date", + "mongo_type": "date", + "default": "", + "placeholder": "", + "permitted_values": [], + "weight": { + "$numberInt": "90" + }, + "instant_facet": false, + "required": false + }, + { + "short_name": "Ending Date", + "long_name": "Ending date", + "short_description": "The date the incident ended.", + "long_description": "The date the incident ended.", + "display_type": "date", + "mongo_type": "date", + "default": "", + "placeholder": "", + "permitted_values": [], + "weight": { + "$numberInt": "85" + }, + "instant_facet": false, + "required": false + }, + { + "short_name": "Location", + "long_name": "Location", + "short_description": "The location or locations where the incident played out.", + "long_description": "The location or locations where the incident played out.", + "display_type": "location", + "mongo_type": "string", + "default": "global", + "placeholder": "Input a named place as it could be found in Google maps", + "permitted_values": [], + "weight": { + "$numberInt": "105" + }, + "instant_facet": true, + "required": false + }, + { + "short_name": "Near Miss", + "long_name": "Harm nearly missed?", + "short_description": "Was harm caused, or was it a near miss?", + "long_description": "Was harm caused, or was it a near miss?", + "display_type": "enum", + "mongo_type": "string", + "default": "Harm caused", + "placeholder": "", + "permitted_values": [ + "Unclear/unknown", + "Near miss", + "Harm caused" + ], + "weight": { + "$numberInt": "80" + }, + "instant_facet": true, + "required": false + }, + { + "short_name": "Named Entities", + "long_name": "Named entities", + "short_description": "All named entities (such as people, organizations, locations, and products - generally proper nouns) that seem to have a significant relationship with this event, as indicated by the available evidence.", + "long_description": "All named entities (such as people, organizations, locations, and products - generally proper nouns) that seem to have a significant relationship with this event, as indicated by the available evidence.", + "display_type": "list", + "mongo_type": "array", + "default": "", + "placeholder": "", + "permitted_values": [], + "weight": { + "$numberInt": "100" + }, + "instant_facet": true, + "required": false + }, + { + "short_name": "Technology Purveyor", + "long_name": "Party responsible for AI system", + "short_description": "A list of parties (up to three) that were responsible for the relevant AI tool or system, i.e. that had operational control over the AI-related system causing harm (or control over those who did).", + "long_description": "A list of parties (up to three) that were responsible for the relevant AI tool or system, i.e. that had operational control over the AI-related system causing harm (or control over those who did).", + "display_type": "list", + "mongo_type": "array", + "default": "", + "placeholder": "", + "permitted_values": [], + "weight": { + "$numberInt": "95" + }, + "instant_facet": true, + "required": false + }, + { + "short_name": "Intent", + "long_name": "Probable level of intent", + "short_description": "Was the incident an accident, intentional, or is the intent unclear?", + "long_description": "Indicates whether the incident was deliberate/expected or accidental, based on the available evidence. \"Deliberate or expected\" applies if it is established or highly likely that the system acted more or less as expected, from the perspective of at least one of the people or entities responsible for it. “Accident” applies if it is established or highly likely that the harm arose from the system acting in an unexpected way. \"Unclear\" applies if the evidence is contradictory or too thin to apply either of the above labels.", + "display_type": "enum", + "mongo_type": "string", + "default": "Accident", + "placeholder": "Accident", + "permitted_values": [ + "Accident", + "Deliberate or expected", + "Unclear" + ], + "weight": { + "$numberInt": "75" + }, + "instant_facet": true, + "required": false + }, + { + "short_name": "Severity", + "long_name": "Overall severity of harm", + "short_description": "How bad is the harm for the most affected person or organization?", + "long_description": "An estimate of the overall severity of harm caused. \"Negligible\" harm means minor inconvenience or expense, easily remedied. “Minor” harm means limited damage to property, social stability, the political system, or civil liberties occurred or nearly occurred. \"Moderate\" harm means that humans were injured (but not killed) or nearly injured, or that financial, property, social, or political interests or civil liberties were materially affected (or nearly so affected). \"Severe\" harm means that a small number of humans were or were almost gravely injured or killed, or that financial, property, social, or political interests or civil liberties were significantly disrupted at at least a regional or national scale (or nearly so disrupted). \"Critical\" harm means that many humans were or were almost killed, or that financial, property, social, or political interests were seriously disrupted at a national or global scale (or nearly so disrupted).", + "display_type": "enum", + "mongo_type": "string", + "default": "", + "placeholder": "", + "permitted_values": [ + "Negligible", + "Minor", + "Moderate", + "Severe", + "Critical", + "Unclear/unknown" + ], + "weight": { + "$numberInt": "150" + }, + "instant_facet": true, + "required": false + }, + { + "short_name": "Harm Type", + "long_name": "Harm type", + "short_description": "Indicates the type(s) of harm caused or nearly caused by the incident.", + "long_description": "Indicates the type(s) of harm caused or nearly caused by the incident.", + "display_type": "multi", + "mongo_type": "array", + "default": "", + "placeholder": "", + "permitted_values": [ + "Harm to physical health/safety", + "Psychological harm", + "Financial harm", + "Harm to physical property", + "Harm to intangible property", + "Harm to social or political systems", + "Harm to civil liberties", + "Other" + ], + "weight": { + "$numberInt": "140" + }, + "instant_facet": true, + "required": false + }, + { + "short_name": "Lives Lost", + "long_name": "Human lives lost", + "short_description": "Were human lives lost as a result of the incident?", + "long_description": "Marked \"trur\" if one or more people died as a result of the accident, \"false\" if there is no evidence of lives being lost, \"unclear\" otherwise.", + "display_type": "bool", + "mongo_type": "bool", + "default": "", + "placeholder": "", + "permitted_values": [], + "weight": { + "$numberInt": "70" + }, + "instant_facet": true, + "required": false + }, + { + "short_name": "Harm Distribution Basis", + "long_name": "Uneven distribution of harms basis", + "short_description": "If harms were unevenly distributed, this field indicates the basis or bases on which they were unevenly distributed.", + "long_description": "If harms were unevenly distributed, this field indicates the basis or bases on which they were unevenly distributed.", + "display_type": "multi", + "mongo_type": "array", + "default": "", + "placeholder": "", + "permitted_values": [ + "Race", + "Religion", + "National origin or immigrant status", + "Geography", + "Age", + "Sex", + "Sexual orientation or gender identity", + "Familial status or pregnancy", + "Disability", + "Veteran status", + "Genetic information", + "Financial means", + "Ideology", + "Other" + ], + "weight": { + "$numberInt": "145" + }, + "instant_facet": true, + "required": false + }, + { + "short_name": "Infrastructure Sectors", + "long_name": "Critical infrastructure sectors affected", + "short_description": "Where applicable, this field indicates if the incident caused harm to any of the economic sectors designated by the U.S. government as critical infrastructure.", + "long_description": "Where applicable, this field indicates if the incident caused harm to any of the economic sectors designated by the U.S. government as critical infrastructure.", + "display_type": "multi", + "mongo_type": "array", + "default": "", + "placeholder": "", + "permitted_values": [ + "Chemical", + "Commercial facilities", + "Communications", + "Critical manufacturing", + "Dams", + "Defense-industrial base", + "Emergency services", + "Energy", + "Financial services", + "Food and agriculture", + "Government facilities", + "Healthcare and public health", + "Information technology", + "Nuclear", + "Transportation", + "Water and wastewater" + ], + "weight": { + "$numberInt": "65" + }, + "instant_facet": true, + "required": false + }, + { + "short_name": "Financial Cost", + "long_name": "Total financial cost", + "short_description": "The stated or estimated financial cost of the incident, if reported.", + "long_description": "The stated or estimated financial cost of the incident, if reported.", + "display_type": "string", + "mongo_type": "string", + "default": "", + "placeholder": "", + "permitted_values": [], + "weight": { + "$numberInt": "60" + }, + "instant_facet": false, + "required": false + }, + { + "short_name": "Laws Implicated", + "long_name": "Laws covering the incident", + "short_description": "Relevant laws under which entities involved in the incident may face legal liability as a result of the incident.", + "long_description": "Relevant laws under which entities involved in the incident may face legal liability as a result of the incident.", + "display_type": "list", + "mongo_type": "array", + "default": "", + "placeholder": "", + "permitted_values": [], + "weight": { + "$numberInt": "55" + }, + "instant_facet": false, + "required": false + }, + { + "short_name": "AI System Description", + "long_name": "Description of AI system involved", + "short_description": "A brief description of the AI system(s) involved in the incident, including the system’s intended function, the context in which it was deployed, and any available details about the algorithms, hardware, and training data involved in the system.", + "long_description": "A brief description of the AI system(s) involved in the incident, including the system’s intended function, the context in which it was deployed, and any available details about the algorithms, hardware, and training data involved in the system.", + "display_type": "string", + "mongo_type": "string", + "default": "", + "placeholder": "Describe the AI system here", + "permitted_values": [], + "weight": { + "$numberInt": "135" + }, + "instant_facet": false, + "required": false + }, + { + "short_name": "Data Inputs", + "long_name": "Description of the data inputs to the AI systems", + "short_description": "A brief description of the data that the AI system(s) used or were trained on.", + "long_description": "A brief description of the data that the AI system(s) used or were trained on.", + "display_type": "list", + "mongo_type": "array", + "default": "", + "placeholder": "Describe the AI system here", + "permitted_values": [], + "weight": { + "$numberInt": "50" + }, + "instant_facet": false, + "required": false + }, + { + "short_name": "System Developer", + "long_name": "System developer", + "short_description": "The entity that created the AI system.", + "long_description": "The entity that created the AI system.", + "display_type": "list", + "mongo_type": "array", + "default": "", + "placeholder": "", + "permitted_values": [], + "weight": { + "$numberInt": "130" + }, + "instant_facet": true, + "required": false + }, + { + "short_name": "Sector of Deployment", + "long_name": "Sector of deployment", + "short_description": "The primary economic sector in which the AI system(s) involved in the incident were operating.", + "long_description": "The primary economic sector in which the AI system(s) involved in the incident were operating.", + "display_type": "multi", + "mongo_type": "array", + "default": "", + "placeholder": "", + "permitted_values": [ + "Manufacturing", + "Electricity, gas, steam and air conditioning supply", + "Water supply", + "Construction", + "Wholesale and retail trade", + "Transportation and storage", + "Accommodation and food service activities", + "Information and communication", + "Financial and insurance activities", + "Real estate activities", + "Professional, scientific and technical activities", + "Administrative and support service activities", + "Public administration and defence", + "Education", + "Human health and social work activities", + "Arts, entertainment and recreation", + "Other service activities", + "Activities of households as employers", + "Activities of extraterritorial organizations and bodies" + ], + "weight": { + "$numberInt": "125" + }, + "instant_facet": true, + "required": false + }, + { + "short_name": "Public Sector Deployment", + "long_name": "Public sector deployment", + "short_description": "\"Yes\" if the AI system(s) involved in the accident were being used by the public sector or for the administration of public goods (for example, public transportation). \"No\" if the system(s) were being used in the private sector or for commercial purposes (for example, a ride-sharing company), on the other.", + "long_description": "\"Yes\" if the AI system(s) involved in the accident were being used by the public sector or for the administration of public goods (for example, public transportation). \"No\" if the system(s) were being used in the private sector or for commercial purposes (for example, a ride-sharing company), on the other.", + "display_type": "bool", + "mongo_type": "bool", + "default": "false", + "placeholder": "", + "permitted_values": [], + "weight": { + "$numberInt": "45" + }, + "instant_facet": true, + "required": false + }, + { + "short_name": "Nature of End User", + "long_name": "Nature of end user", + "short_description": "\"Expert\" if users with special training or technical expertise were the ones meant to benefit from the AI system(s)’ operation; \"Amateur\" if the AI systems were primarily meant to benefit the general public or untrained users.", + "long_description": "\"Expert\" if users with special training or technical expertise were the ones meant to benefit from the AI system(s)’ operation; \"Amateur\" if the AI systems were primarily meant to benefit the general public or untrained users.", + "display_type": "enum", + "mongo_type": "string", + "default": "Accident", + "placeholder": "Accident", + "permitted_values": [ + "Expert", + "Amateur" + ], + "weight": { + "$numberInt": "40" + }, + "instant_facet": true, + "required": false + }, + { + "short_name": "Level of Autonomy", + "long_name": "Level of autonomy", + "short_description": "The degree to which the AI system(s) functions independently from human intervention. \"High\" means there is no human involved in the system action execution; \"Medium\" means the system generates a decision and a human oversees the resulting action; \"low\" means the system generates decision-support output and a human makes a decision and executes an action.", + "long_description": "The degree to which the AI system(s) functions independently from human intervention. \"High\" means there is no human involved in the system action execution; \"Medium\" means the system generates a decision and a human oversees the resulting action; \"low\" means the system generates decision-support output and a human makes a decision and executes an action.", + "display_type": "enum", + "mongo_type": "string", + "default": "Accident", + "placeholder": "Accident", + "permitted_values": [ + "High", + "Medium", + "Low" + ], + "weight": { + "$numberInt": "35" + }, + "instant_facet": true, + "required": false + }, + { + "short_name": "Relevant AI functions", + "long_name": "Relevant AI functions", + "short_description": "Indicates whether the AI system(s) were intended to perform any of the following high-level functions: \"Perception,\" i.e. sensing and understanding the environment; \"Cognition,\" i.e. making decisions; or \"Action,\" i.e. carrying out decisions through physical or digital means.", + "long_description": "Indicates whether the AI system(s) were intended to perform any of the following high-level functions: \"Perception,\" i.e. sensing and understanding the environment; \"Cognition,\" i.e. making decisions; or \"Action,\" i.e. carrying out decisions through physical or ital means.", + "display_type": "multi", + "mongo_type": "array", + "default": "", + "placeholder": "", + "permitted_values": [ + "Perception", + "Cognition", + "Action", + "Unclear" + ], + "weight": { + "$numberInt": "120" + }, + "instant_facet": true, + "required": false + }, + { + "short_name": "AI Techniques", + "long_name": "AI tools and techniques used", + "short_description": "Open-ended tags that indicate the hardware and software involved in the AI system(s).", + "long_description": "Open-ended tags that indicate the hardware and software involved in the AI system(s).", + "display_type": "list", + "mongo_type": "array", + "default": "", + "placeholder": "", + "permitted_values": [], + "weight": { + "$numberInt": "115" + }, + "instant_facet": true, + "required": false + }, + { + "short_name": "AI Applications", + "long_name": "AI functions and applications used", + "short_description": "Open-ended tags that describe the functions and applications of the AI system.", + "long_description": "Open-ended tags that describe the functions and applications of the AI system.", + "display_type": "list", + "mongo_type": "array", + "default": "", + "placeholder": "", + "permitted_values": [], + "weight": { + "$numberInt": "110" + }, + "instant_facet": true, + "required": false + }, + { + "short_name": "Physical System", + "long_name": "Physical system", + "short_description": "Where relevant, indicates whether the AI system(s) was embedded into or tightly associated with specific types of hardware.", + "long_description": "Where relevant, indicates whether the AI system(s) was embedded into or tightly associated with specific types of hardware.", + "display_type": "multi", + "mongo_type": "array", + "default": "", + "placeholder": "", + "permitted_values": [ + "Consumer device", + "Industrial process system", + "Weapons system", + "Vehicle/mobile robot", + "Software only", + "Unknown/unclear" + ], + "weight": { + "$numberInt": "30" + }, + "instant_facet": true, + "required": false + }, + { + "short_name": "Problem Nature", + "long_name": "Causative factors within AI system", + "short_description": "Indicates which, if any, of the following types of AI failure describe the incident: \"Specification,\" i.e. the system's behavior did not align with the true intentions of its designer, operator, etc; \"Robustness,\" i.e. the system operated unsafely because of features or changes in its environment, or in the inputs the system received; \"Assurance,\" i.e. the system could not be adequately monitored or controlled during operation.", + "long_description": "Indicates which, if any, of the following types of AI failure describe the incident: \"Specification,\" i.e. the system's behavior did not align with the true intentions of its designer, operator, etc; \"Robustness,\" i.e. the system operated unsafely because of features or changes in its environment, or in the inputs the system received; \"Assurance,\" i.e. the system could not be adequately monitored or controlled during operation.", + "display_type": "multi", + "mongo_type": "array", + "default": "", + "placeholder": "", + "permitted_values": [ + "Specification", + "Robustness", + "Assurance", + "Unknown/unclear" + ], + "weight": { + "$numberInt": "25" + }, + "instant_facet": true, + "required": false + }, + { + "short_name": "Publish", + "mongo_type": "bool", + "display_type": "bool" + } + ] + } }; /** @type {import('umzug').MigrationFn} */ From 98cd3544fb743f89a5ddc3f009cd3f2e8d11ec41 Mon Sep 17 00:00:00 2001 From: Luna McNulty Date: Thu, 29 Dec 2022 15:20:53 -0500 Subject: [PATCH 03/39] Fix taxonomies to use classifications collection --- .../cypress/e2e/integration/cite.cy.js | 17 - site/gatsby-site/gatsby-config.js | 1 - .../2022.12.16T22.18.54.remove-resources.js | 650 +----------------- .../page-creators/createTaxonomyPages.js | 3 + .../src/components/taxa/Taxonomy.js | 2 + .../src/components/taxa/TaxonomyForm.js | 14 +- .../src/graphql/classifications.js | 86 ++- site/gatsby-site/src/pages/taxonomies.js | 3 +- site/gatsby-site/src/templates/cite.js | 17 +- site/gatsby-site/src/utils/cite.js | 19 +- .../aiidprod/resources/relationships.json | 1 - .../aiidprod/resources/rules.json | 37 - .../aiidprod/resources/schema.json | 38 - 13 files changed, 111 insertions(+), 777 deletions(-) delete mode 100644 site/realm/data_sources/mongodb-atlas/aiidprod/resources/relationships.json delete mode 100644 site/realm/data_sources/mongodb-atlas/aiidprod/resources/rules.json delete mode 100644 site/realm/data_sources/mongodb-atlas/aiidprod/resources/schema.json diff --git a/site/gatsby-site/cypress/e2e/integration/cite.cy.js b/site/gatsby-site/cypress/e2e/integration/cite.cy.js index 7f5ba15c8a..712db83739 100644 --- a/site/gatsby-site/cypress/e2e/integration/cite.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/cite.cy.js @@ -95,23 +95,6 @@ describe('Cite pages', () => { cy.get('@taxonomyForm').should('exist'); }); - maybeIt('Should show the taxonomy form of resources', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.visit(url); - - cy.get('[data-cy="resources"]', { timeout: 8000 }) - .should('be.visible') - .contains('Edit') - .click(); - - cy.get('[data-cy="resources"] [data-cy="taxonomy-form"]', { timeout: 8000 }) - .should('be.visible') - .as('taxonomyForm'); - - cy.get('@taxonomyForm').should('exist'); - }); - it(`Should taxa table only when there are classifications and the user is not authenticated`, () => { cy.visit(url); diff --git a/site/gatsby-site/gatsby-config.js b/site/gatsby-site/gatsby-config.js index 3005c62d42..780bc78bac 100755 --- a/site/gatsby-site/gatsby-config.js +++ b/site/gatsby-site/gatsby-config.js @@ -89,7 +89,6 @@ const plugins = [ 'duplicates', 'taxa', 'classifications', - 'resources', 'reports', 'entities', ], diff --git a/site/gatsby-site/migrations/2022.12.16T22.18.54.remove-resources.js b/site/gatsby-site/migrations/2022.12.16T22.18.54.remove-resources.js index 9922403c16..e056f277bb 100644 --- a/site/gatsby-site/migrations/2022.12.16T22.18.54.remove-resources.js +++ b/site/gatsby-site/migrations/2022.12.16T22.18.54.remove-resources.js @@ -3,644 +3,24 @@ const config = require('../config'); /** @type {import('umzug').MigrationFn} */ exports.up = async ({ context: { client } }) => { const resourcesCollection = client.db(config.realm.production_db.db_name).collection('resources'); + const taxaCollection = client.db(config.realm.production_db.db_name).collection('taxa'); - //resourcesCollection.drop(); - //taxaCollection.deleteOne({ namespace: "resources" }); + resourcesCollection.drop(); + taxaCollection.deleteOne({ namespace: 'resources' }); + + const csetV1TaxaEntry = await taxaCollection.findOne({ namespace: 'CSET' }); + + // TODO: Update with changes in CSET v2 + const csetV2TaxaEntry = JSON.parse( + JSON.stringify({ + ...csetV1TaxaEntry, + _id: undefined, + namespace: 'CSET2', + }) + ); - const csetV2entry = { - "description": "# What is the CSET Taxonomy?\n\nThe Center for Security and Emerging Technology (CSET) taxonomy is a general taxonomy of AI incidents. There are a large number of classified attributes, including ones pertaining to safety, fairness, industry, geography, timing, and cost.All classifications within the CSET taxonomy are first applied by one CSET annotator and reviewed by another CSET annotator before the classifications are finalized. The combination of a rigorously defined coding set and the completeness with which it has been applied make the CSET taxonomy the AIID's gold standard for taxonomies. Nevertheless, the CSET taxonomy is an ongoing effort and you are invited to report any errors you may discover in its application.\n\n## How do I explore the taxonomy?\n\nAll taxonomies can be used to filter incident reports within the [Discover Application](/apps/discover). The taxonomy filters work similarly to how you filter products on an E-commerce website. Use the search field at the bottom of the “Classifications” tab to find the taxonomy field you would like to filter with, then click the desired value to apply the filter.\n\n# About CSET\n\nA policy research organization within Georgetown University’s Walsh School of Foreign Service, CSET produces data-driven research at the intersection of security and technology, providing nonpartisan analysis to the policy community. CSET is currently focusing on the effects of progress in artificial intelligence (AI), advanced computing and biotechnology. CSET seeks to prepare a new generation of decision-makers to address the challenges and opportunities of emerging technologies. [(Read more)](https://cset.georgetown.edu/about-us/).", - "field_list": [ - { - "short_name": "Annotator", - "long_name": "Person responsible for the annotations", - "short_description": "This is the researcher that is responsible for applying the classifications of the CSET taxonomy.", - "long_description": "An ID designating the individual who classified this incident according to the CSET taxonomy.", - "display_type": "enum", - "mongo_type": "string", - "default": "", - "placeholder": "Select name here", - "permitted_values": [ "1", "2", "3", "4", "5", "6", "7", "8", "9", "Other" ], - "weight": { - "$numberInt": "5" - }, - "instant_facet": false, - "required": false, - "public": false - }, - { - "short_name": "Annotation Status", - "long_name": "Where in the annotation process is this incident?", - "short_description": "What is the quality assurance status of the CSET classifications for this incident?", - "long_description": "What is the quality assurance status of the CSET classifications for this incident?", - "display_type": "enum", - "mongo_type": "string", - "default": "", - "placeholder": "Select process status here", - "permitted_values": [ - "1. Annotation in progress", - "2. Initial annotation complete", - "3. In peer review", - "4. Peer review complete", - "5. In quality control", - "6. Complete and final" - ], - "weight": { - "$numberInt": "10" - }, - "instant_facet": false, - "required": false, - "public": false - }, - { - "short_name": "Reviewer", - "long_name": "Person responsible for reviewing annotations", - "short_description": "This is the researcher that is responsible for ensuring the quality of the classifications applied to this incident.", - "long_description": "The CSET taxonomy assigns individual researchers to each incident as the primary parties responsible for classifying the incident according to the taxonomy. This is the person responsible for assuring the integrity of annotator's classifications.", - "display_type": "enum", - "mongo_type": "string", - "default": "", - "placeholder": "Select name here", - "permitted_values": [ "1", "2", "3", "4", "5", "6", "7", "8", "9", "Other" ], - "weight": { - "$numberInt": "20" - }, - "instant_facet": false, - "required": false, - "public": false - }, - { - "short_name": "Quality Control", - "long_name": "Was this incident randomly selected for additional quality control?", - "short_description": "Has someone flagged a potential issue with this incident's classifications?", - "long_description": "The peer review process sometimes uncovers issues with the classifications that have been applied by the annotator. This field serves as a flag when there is a need for additional thought and input on the classifications applied", - "display_type": "bool", - "mongo_type": "bool", - "default": "false", - "placeholder": "", - "permitted_values": [], - "weight": { - "$numberInt": "15" - }, - "instant_facet": false, - "required": false, - "public": false - }, - { - "short_name": "Full Description", - "long_name": "Full description of the incident", - "short_description": "A plain-language description of the incident in one paragraph or less.", - "long_description": "A plain-language description of the incident in one paragraph or less.", - "display_type": "string", - "mongo_type": "string", - "default": "", - "placeholder": "Describe the incident here", - "permitted_values": [], - "weight": { - "$numberInt": "160" - }, - "instant_facet": false, - "required": false - }, - { - "short_name": "Short Description", - "long_name": "Short description of the incident", - "short_description": "A one-sentence description of the incident.", - "long_description": "A one-sentence description of the incident.", - "display_type": "string", - "mongo_type": "string", - "default": "", - "placeholder": "Describe the incident here", - "permitted_values": [], - "weight": { - "$numberInt": "155" - }, - "instant_facet": false, - "required": false - }, - { - "short_name": "Beginning Date", - "long_name": "Beginning date", - "short_description": "The date the incident began.", - "long_description": "The date the incident began.", - "display_type": "date", - "mongo_type": "date", - "default": "", - "placeholder": "", - "permitted_values": [], - "weight": { - "$numberInt": "90" - }, - "instant_facet": false, - "required": false - }, - { - "short_name": "Ending Date", - "long_name": "Ending date", - "short_description": "The date the incident ended.", - "long_description": "The date the incident ended.", - "display_type": "date", - "mongo_type": "date", - "default": "", - "placeholder": "", - "permitted_values": [], - "weight": { - "$numberInt": "85" - }, - "instant_facet": false, - "required": false - }, - { - "short_name": "Location", - "long_name": "Location", - "short_description": "The location or locations where the incident played out.", - "long_description": "The location or locations where the incident played out.", - "display_type": "location", - "mongo_type": "string", - "default": "global", - "placeholder": "Input a named place as it could be found in Google maps", - "permitted_values": [], - "weight": { - "$numberInt": "105" - }, - "instant_facet": true, - "required": false - }, - { - "short_name": "Near Miss", - "long_name": "Harm nearly missed?", - "short_description": "Was harm caused, or was it a near miss?", - "long_description": "Was harm caused, or was it a near miss?", - "display_type": "enum", - "mongo_type": "string", - "default": "Harm caused", - "placeholder": "", - "permitted_values": [ - "Unclear/unknown", - "Near miss", - "Harm caused" - ], - "weight": { - "$numberInt": "80" - }, - "instant_facet": true, - "required": false - }, - { - "short_name": "Named Entities", - "long_name": "Named entities", - "short_description": "All named entities (such as people, organizations, locations, and products - generally proper nouns) that seem to have a significant relationship with this event, as indicated by the available evidence.", - "long_description": "All named entities (such as people, organizations, locations, and products - generally proper nouns) that seem to have a significant relationship with this event, as indicated by the available evidence.", - "display_type": "list", - "mongo_type": "array", - "default": "", - "placeholder": "", - "permitted_values": [], - "weight": { - "$numberInt": "100" - }, - "instant_facet": true, - "required": false - }, - { - "short_name": "Technology Purveyor", - "long_name": "Party responsible for AI system", - "short_description": "A list of parties (up to three) that were responsible for the relevant AI tool or system, i.e. that had operational control over the AI-related system causing harm (or control over those who did).", - "long_description": "A list of parties (up to three) that were responsible for the relevant AI tool or system, i.e. that had operational control over the AI-related system causing harm (or control over those who did).", - "display_type": "list", - "mongo_type": "array", - "default": "", - "placeholder": "", - "permitted_values": [], - "weight": { - "$numberInt": "95" - }, - "instant_facet": true, - "required": false - }, - { - "short_name": "Intent", - "long_name": "Probable level of intent", - "short_description": "Was the incident an accident, intentional, or is the intent unclear?", - "long_description": "Indicates whether the incident was deliberate/expected or accidental, based on the available evidence. \"Deliberate or expected\" applies if it is established or highly likely that the system acted more or less as expected, from the perspective of at least one of the people or entities responsible for it. “Accident” applies if it is established or highly likely that the harm arose from the system acting in an unexpected way. \"Unclear\" applies if the evidence is contradictory or too thin to apply either of the above labels.", - "display_type": "enum", - "mongo_type": "string", - "default": "Accident", - "placeholder": "Accident", - "permitted_values": [ - "Accident", - "Deliberate or expected", - "Unclear" - ], - "weight": { - "$numberInt": "75" - }, - "instant_facet": true, - "required": false - }, - { - "short_name": "Severity", - "long_name": "Overall severity of harm", - "short_description": "How bad is the harm for the most affected person or organization?", - "long_description": "An estimate of the overall severity of harm caused. \"Negligible\" harm means minor inconvenience or expense, easily remedied. “Minor” harm means limited damage to property, social stability, the political system, or civil liberties occurred or nearly occurred. \"Moderate\" harm means that humans were injured (but not killed) or nearly injured, or that financial, property, social, or political interests or civil liberties were materially affected (or nearly so affected). \"Severe\" harm means that a small number of humans were or were almost gravely injured or killed, or that financial, property, social, or political interests or civil liberties were significantly disrupted at at least a regional or national scale (or nearly so disrupted). \"Critical\" harm means that many humans were or were almost killed, or that financial, property, social, or political interests were seriously disrupted at a national or global scale (or nearly so disrupted).", - "display_type": "enum", - "mongo_type": "string", - "default": "", - "placeholder": "", - "permitted_values": [ - "Negligible", - "Minor", - "Moderate", - "Severe", - "Critical", - "Unclear/unknown" - ], - "weight": { - "$numberInt": "150" - }, - "instant_facet": true, - "required": false - }, - { - "short_name": "Harm Type", - "long_name": "Harm type", - "short_description": "Indicates the type(s) of harm caused or nearly caused by the incident.", - "long_description": "Indicates the type(s) of harm caused or nearly caused by the incident.", - "display_type": "multi", - "mongo_type": "array", - "default": "", - "placeholder": "", - "permitted_values": [ - "Harm to physical health/safety", - "Psychological harm", - "Financial harm", - "Harm to physical property", - "Harm to intangible property", - "Harm to social or political systems", - "Harm to civil liberties", - "Other" - ], - "weight": { - "$numberInt": "140" - }, - "instant_facet": true, - "required": false - }, - { - "short_name": "Lives Lost", - "long_name": "Human lives lost", - "short_description": "Were human lives lost as a result of the incident?", - "long_description": "Marked \"trur\" if one or more people died as a result of the accident, \"false\" if there is no evidence of lives being lost, \"unclear\" otherwise.", - "display_type": "bool", - "mongo_type": "bool", - "default": "", - "placeholder": "", - "permitted_values": [], - "weight": { - "$numberInt": "70" - }, - "instant_facet": true, - "required": false - }, - { - "short_name": "Harm Distribution Basis", - "long_name": "Uneven distribution of harms basis", - "short_description": "If harms were unevenly distributed, this field indicates the basis or bases on which they were unevenly distributed.", - "long_description": "If harms were unevenly distributed, this field indicates the basis or bases on which they were unevenly distributed.", - "display_type": "multi", - "mongo_type": "array", - "default": "", - "placeholder": "", - "permitted_values": [ - "Race", - "Religion", - "National origin or immigrant status", - "Geography", - "Age", - "Sex", - "Sexual orientation or gender identity", - "Familial status or pregnancy", - "Disability", - "Veteran status", - "Genetic information", - "Financial means", - "Ideology", - "Other" - ], - "weight": { - "$numberInt": "145" - }, - "instant_facet": true, - "required": false - }, - { - "short_name": "Infrastructure Sectors", - "long_name": "Critical infrastructure sectors affected", - "short_description": "Where applicable, this field indicates if the incident caused harm to any of the economic sectors designated by the U.S. government as critical infrastructure.", - "long_description": "Where applicable, this field indicates if the incident caused harm to any of the economic sectors designated by the U.S. government as critical infrastructure.", - "display_type": "multi", - "mongo_type": "array", - "default": "", - "placeholder": "", - "permitted_values": [ - "Chemical", - "Commercial facilities", - "Communications", - "Critical manufacturing", - "Dams", - "Defense-industrial base", - "Emergency services", - "Energy", - "Financial services", - "Food and agriculture", - "Government facilities", - "Healthcare and public health", - "Information technology", - "Nuclear", - "Transportation", - "Water and wastewater" - ], - "weight": { - "$numberInt": "65" - }, - "instant_facet": true, - "required": false - }, - { - "short_name": "Financial Cost", - "long_name": "Total financial cost", - "short_description": "The stated or estimated financial cost of the incident, if reported.", - "long_description": "The stated or estimated financial cost of the incident, if reported.", - "display_type": "string", - "mongo_type": "string", - "default": "", - "placeholder": "", - "permitted_values": [], - "weight": { - "$numberInt": "60" - }, - "instant_facet": false, - "required": false - }, - { - "short_name": "Laws Implicated", - "long_name": "Laws covering the incident", - "short_description": "Relevant laws under which entities involved in the incident may face legal liability as a result of the incident.", - "long_description": "Relevant laws under which entities involved in the incident may face legal liability as a result of the incident.", - "display_type": "list", - "mongo_type": "array", - "default": "", - "placeholder": "", - "permitted_values": [], - "weight": { - "$numberInt": "55" - }, - "instant_facet": false, - "required": false - }, - { - "short_name": "AI System Description", - "long_name": "Description of AI system involved", - "short_description": "A brief description of the AI system(s) involved in the incident, including the system’s intended function, the context in which it was deployed, and any available details about the algorithms, hardware, and training data involved in the system.", - "long_description": "A brief description of the AI system(s) involved in the incident, including the system’s intended function, the context in which it was deployed, and any available details about the algorithms, hardware, and training data involved in the system.", - "display_type": "string", - "mongo_type": "string", - "default": "", - "placeholder": "Describe the AI system here", - "permitted_values": [], - "weight": { - "$numberInt": "135" - }, - "instant_facet": false, - "required": false - }, - { - "short_name": "Data Inputs", - "long_name": "Description of the data inputs to the AI systems", - "short_description": "A brief description of the data that the AI system(s) used or were trained on.", - "long_description": "A brief description of the data that the AI system(s) used or were trained on.", - "display_type": "list", - "mongo_type": "array", - "default": "", - "placeholder": "Describe the AI system here", - "permitted_values": [], - "weight": { - "$numberInt": "50" - }, - "instant_facet": false, - "required": false - }, - { - "short_name": "System Developer", - "long_name": "System developer", - "short_description": "The entity that created the AI system.", - "long_description": "The entity that created the AI system.", - "display_type": "list", - "mongo_type": "array", - "default": "", - "placeholder": "", - "permitted_values": [], - "weight": { - "$numberInt": "130" - }, - "instant_facet": true, - "required": false - }, - { - "short_name": "Sector of Deployment", - "long_name": "Sector of deployment", - "short_description": "The primary economic sector in which the AI system(s) involved in the incident were operating.", - "long_description": "The primary economic sector in which the AI system(s) involved in the incident were operating.", - "display_type": "multi", - "mongo_type": "array", - "default": "", - "placeholder": "", - "permitted_values": [ - "Manufacturing", - "Electricity, gas, steam and air conditioning supply", - "Water supply", - "Construction", - "Wholesale and retail trade", - "Transportation and storage", - "Accommodation and food service activities", - "Information and communication", - "Financial and insurance activities", - "Real estate activities", - "Professional, scientific and technical activities", - "Administrative and support service activities", - "Public administration and defence", - "Education", - "Human health and social work activities", - "Arts, entertainment and recreation", - "Other service activities", - "Activities of households as employers", - "Activities of extraterritorial organizations and bodies" - ], - "weight": { - "$numberInt": "125" - }, - "instant_facet": true, - "required": false - }, - { - "short_name": "Public Sector Deployment", - "long_name": "Public sector deployment", - "short_description": "\"Yes\" if the AI system(s) involved in the accident were being used by the public sector or for the administration of public goods (for example, public transportation). \"No\" if the system(s) were being used in the private sector or for commercial purposes (for example, a ride-sharing company), on the other.", - "long_description": "\"Yes\" if the AI system(s) involved in the accident were being used by the public sector or for the administration of public goods (for example, public transportation). \"No\" if the system(s) were being used in the private sector or for commercial purposes (for example, a ride-sharing company), on the other.", - "display_type": "bool", - "mongo_type": "bool", - "default": "false", - "placeholder": "", - "permitted_values": [], - "weight": { - "$numberInt": "45" - }, - "instant_facet": true, - "required": false - }, - { - "short_name": "Nature of End User", - "long_name": "Nature of end user", - "short_description": "\"Expert\" if users with special training or technical expertise were the ones meant to benefit from the AI system(s)’ operation; \"Amateur\" if the AI systems were primarily meant to benefit the general public or untrained users.", - "long_description": "\"Expert\" if users with special training or technical expertise were the ones meant to benefit from the AI system(s)’ operation; \"Amateur\" if the AI systems were primarily meant to benefit the general public or untrained users.", - "display_type": "enum", - "mongo_type": "string", - "default": "Accident", - "placeholder": "Accident", - "permitted_values": [ - "Expert", - "Amateur" - ], - "weight": { - "$numberInt": "40" - }, - "instant_facet": true, - "required": false - }, - { - "short_name": "Level of Autonomy", - "long_name": "Level of autonomy", - "short_description": "The degree to which the AI system(s) functions independently from human intervention. \"High\" means there is no human involved in the system action execution; \"Medium\" means the system generates a decision and a human oversees the resulting action; \"low\" means the system generates decision-support output and a human makes a decision and executes an action.", - "long_description": "The degree to which the AI system(s) functions independently from human intervention. \"High\" means there is no human involved in the system action execution; \"Medium\" means the system generates a decision and a human oversees the resulting action; \"low\" means the system generates decision-support output and a human makes a decision and executes an action.", - "display_type": "enum", - "mongo_type": "string", - "default": "Accident", - "placeholder": "Accident", - "permitted_values": [ - "High", - "Medium", - "Low" - ], - "weight": { - "$numberInt": "35" - }, - "instant_facet": true, - "required": false - }, - { - "short_name": "Relevant AI functions", - "long_name": "Relevant AI functions", - "short_description": "Indicates whether the AI system(s) were intended to perform any of the following high-level functions: \"Perception,\" i.e. sensing and understanding the environment; \"Cognition,\" i.e. making decisions; or \"Action,\" i.e. carrying out decisions through physical or digital means.", - "long_description": "Indicates whether the AI system(s) were intended to perform any of the following high-level functions: \"Perception,\" i.e. sensing and understanding the environment; \"Cognition,\" i.e. making decisions; or \"Action,\" i.e. carrying out decisions through physical or ital means.", - "display_type": "multi", - "mongo_type": "array", - "default": "", - "placeholder": "", - "permitted_values": [ - "Perception", - "Cognition", - "Action", - "Unclear" - ], - "weight": { - "$numberInt": "120" - }, - "instant_facet": true, - "required": false - }, - { - "short_name": "AI Techniques", - "long_name": "AI tools and techniques used", - "short_description": "Open-ended tags that indicate the hardware and software involved in the AI system(s).", - "long_description": "Open-ended tags that indicate the hardware and software involved in the AI system(s).", - "display_type": "list", - "mongo_type": "array", - "default": "", - "placeholder": "", - "permitted_values": [], - "weight": { - "$numberInt": "115" - }, - "instant_facet": true, - "required": false - }, - { - "short_name": "AI Applications", - "long_name": "AI functions and applications used", - "short_description": "Open-ended tags that describe the functions and applications of the AI system.", - "long_description": "Open-ended tags that describe the functions and applications of the AI system.", - "display_type": "list", - "mongo_type": "array", - "default": "", - "placeholder": "", - "permitted_values": [], - "weight": { - "$numberInt": "110" - }, - "instant_facet": true, - "required": false - }, - { - "short_name": "Physical System", - "long_name": "Physical system", - "short_description": "Where relevant, indicates whether the AI system(s) was embedded into or tightly associated with specific types of hardware.", - "long_description": "Where relevant, indicates whether the AI system(s) was embedded into or tightly associated with specific types of hardware.", - "display_type": "multi", - "mongo_type": "array", - "default": "", - "placeholder": "", - "permitted_values": [ - "Consumer device", - "Industrial process system", - "Weapons system", - "Vehicle/mobile robot", - "Software only", - "Unknown/unclear" - ], - "weight": { - "$numberInt": "30" - }, - "instant_facet": true, - "required": false - }, - { - "short_name": "Problem Nature", - "long_name": "Causative factors within AI system", - "short_description": "Indicates which, if any, of the following types of AI failure describe the incident: \"Specification,\" i.e. the system's behavior did not align with the true intentions of its designer, operator, etc; \"Robustness,\" i.e. the system operated unsafely because of features or changes in its environment, or in the inputs the system received; \"Assurance,\" i.e. the system could not be adequately monitored or controlled during operation.", - "long_description": "Indicates which, if any, of the following types of AI failure describe the incident: \"Specification,\" i.e. the system's behavior did not align with the true intentions of its designer, operator, etc; \"Robustness,\" i.e. the system operated unsafely because of features or changes in its environment, or in the inputs the system received; \"Assurance,\" i.e. the system could not be adequately monitored or controlled during operation.", - "display_type": "multi", - "mongo_type": "array", - "default": "", - "placeholder": "", - "permitted_values": [ - "Specification", - "Robustness", - "Assurance", - "Unknown/unclear" - ], - "weight": { - "$numberInt": "25" - }, - "instant_facet": true, - "required": false - }, - { - "short_name": "Publish", - "mongo_type": "bool", - "display_type": "bool" - } - ] - } + await taxaCollection.insertOne(csetV2TaxaEntry); }; /** @type {import('umzug').MigrationFn} */ diff --git a/site/gatsby-site/page-creators/createTaxonomyPages.js b/site/gatsby-site/page-creators/createTaxonomyPages.js index 0cbb5204da..5be6d0ba41 100644 --- a/site/gatsby-site/page-creators/createTaxonomyPages.js +++ b/site/gatsby-site/page-creators/createTaxonomyPages.js @@ -1,6 +1,7 @@ const path = require('path'); const createTaxonomyPages = (graphql, createPage) => { + console.log('createTaxonomyPages'); return new Promise((resolve, reject) => { resolve( graphql( @@ -33,6 +34,8 @@ const createTaxonomyPages = (graphql, createPage) => { // We can add here a redirect to the template with the right classification fragment result.data.allMongodbAiidprodTaxa.nodes.forEach((taxonomy) => { + console.log(`createTaxonomyPages: taxonomy`, taxonomy); + console.log(`createTaxonomyPages: taxonomy.namespace`, taxonomy.namespace); createPage({ path: '/taxonomy/' + taxonomy.namespace.toLowerCase(), component: path.resolve('./src/templates/taxonomy.js'), diff --git a/site/gatsby-site/src/components/taxa/Taxonomy.js b/site/gatsby-site/src/components/taxa/Taxonomy.js index 005a428744..d121771782 100644 --- a/site/gatsby-site/src/components/taxa/Taxonomy.js +++ b/site/gatsby-site/src/components/taxa/Taxonomy.js @@ -25,6 +25,8 @@ const Taxonomy = ({ taxonomy, incidentId, canEdit }) => { setShowBanner(true); }; + console.log(`taxonomy`, taxonomy); + return (
diff --git a/site/gatsby-site/src/components/taxa/TaxonomyForm.js b/site/gatsby-site/src/components/taxa/TaxonomyForm.js index 115534829c..ac635348d9 100644 --- a/site/gatsby-site/src/components/taxa/TaxonomyForm.js +++ b/site/gatsby-site/src/components/taxa/TaxonomyForm.js @@ -10,9 +10,9 @@ import config from '../../../config.js'; import { useMutation, useQuery } from '@apollo/client'; import { FIND_CSET_CLASSIFICATION, - FIND_RESOURCE_CLASSIFICATION, + FIND_CSET2_CLASSIFICATION, UPDATE_CSET_CLASSIFICATION, - UPDATE_RESOURCE_CLASSIFICATION, + UPDATE_CSET2_CLASSIFICATION, } from '../../graphql/classifications.js'; import useToastContext, { SEVERITY } from 'hooks/useToast'; import Tags from 'components/forms/Tags.js'; @@ -25,12 +25,12 @@ const TEXTAREA_LIMIT = 120; const queryMap = { CSET: FIND_CSET_CLASSIFICATION, - resources: FIND_RESOURCE_CLASSIFICATION, + CSET2: FIND_CSET2_CLASSIFICATION, }; const mutationMap = { CSET: UPDATE_CSET_CLASSIFICATION, - resources: UPDATE_RESOURCE_CLASSIFICATION, + CSET2: UPDATE_CSET2_CLASSIFICATION, }; const getTaxaFieldKey = (key) => { @@ -94,13 +94,13 @@ const TaxonomyForm = forwardRef(function TaxonomyForm({ namespace, incidentId, o variables: { query: { incident_id: incidentId } }, }); - const key = namespace === 'CSET' ? 'classifications' : namespace; - const [updateClassification] = useMutation(mutationMap[namespace]); useEffect(() => { if (classificationsData && taxonomy) { - const classification = classificationsData[key][0]; + const classification = classificationsData.classifications.find( + (classification) => classification.namespace == taxonomy.namespace + ); const classifications = classification?.classifications || {}; diff --git a/site/gatsby-site/src/graphql/classifications.js b/site/gatsby-site/src/graphql/classifications.js index 0eb5cddf2e..2f3855756c 100644 --- a/site/gatsby-site/src/graphql/classifications.js +++ b/site/gatsby-site/src/graphql/classifications.js @@ -1,38 +1,100 @@ import gql from 'graphql-tag'; -export const FIND_RESOURCE_CLASSIFICATION = gql` - query FindResourceClassifications($query: ResourceQueryInput) { - resources(query: $query) { +export const FIND_CSET_CLASSIFICATION = gql` + query FindCSETClassifications($query: ClassificationQueryInput) { + classifications(query: $query) { _id incident_id notes namespace classifications { - DatasheetsForDatasets - MSFTAIFairnessChecklist + AIApplications + AISystemDescription + AITechniques + AnnotationStatus + Annotator + BeginningDate + DataInputs + EndingDate + FinancialCost + FullDescription + HarmDistributionBasis + HarmType + InfrastructureSectors + Intent + LawsImplicated + LevelOfAutonomy + LivesLost + Location + NamedEntities + NatureOfEndUser + NearMiss + PhysicalSystem + ProblemNature + PublicSectorDeployment Publish + RelevantAIFunctions + Reviewer + SectorOfDeployment + Severity + ShortDescription + SystemDeveloper + TechnologyPurveyor } } } `; -export const UPDATE_RESOURCE_CLASSIFICATION = gql` - mutation UpsertResourceClassification($query: ResourceQueryInput, $data: ResourceInsertInput!) { - upsertOneResource(query: $query, data: $data) { +export const UPDATE_CSET_CLASSIFICATION = gql` + mutation UpsertClassification( + $query: ClassificationQueryInput + $data: ClassificationInsertInput! + ) { + upsertOneClassification(query: $query, data: $data) { _id incident_id notes namespace classifications { - DatasheetsForDatasets + AIApplications + AISystemDescription + AITechniques + AnnotationStatus + Annotator + BeginningDate + DataInputs + EndingDate + FinancialCost + FullDescription + HarmDistributionBasis + HarmType + InfrastructureSectors + Intent + LawsImplicated + LevelOfAutonomy + LivesLost + Location + NamedEntities + NatureOfEndUser + NearMiss + PhysicalSystem + ProblemNature + PublicSectorDeployment Publish + RelevantAIFunctions + Reviewer + SectorOfDeployment + Severity + ShortDescription + SystemDeveloper + TechnologyPurveyor } } } `; -export const FIND_CSET_CLASSIFICATION = gql` - query FindCSETClassifications($query: ClassificationQueryInput) { +export const FIND_CSET2_CLASSIFICATION = gql` + query FindCSET2Classifications($query: ClassificationQueryInput) { classifications(query: $query) { _id incident_id @@ -76,7 +138,7 @@ export const FIND_CSET_CLASSIFICATION = gql` } `; -export const UPDATE_CSET_CLASSIFICATION = gql` +export const UPDATE_CSET2_CLASSIFICATION = gql` mutation UpsertClassification( $query: ClassificationQueryInput $data: ClassificationInsertInput! diff --git a/site/gatsby-site/src/pages/taxonomies.js b/site/gatsby-site/src/pages/taxonomies.js index 09306c01c3..a6d53f8175 100644 --- a/site/gatsby-site/src/pages/taxonomies.js +++ b/site/gatsby-site/src/pages/taxonomies.js @@ -51,7 +51,7 @@ export default function Taxonomies({ data, ...props }) { -

+ {/*

In-Development Taxonomies

    @@ -65,6 +65,7 @@ export default function Taxonomies({ data, ...props }) {

+ */}

About Taxonomies diff --git a/site/gatsby-site/src/templates/cite.js b/site/gatsby-site/src/templates/cite.js index 082afb1d3f..ad39a4ef03 100644 --- a/site/gatsby-site/src/templates/cite.js +++ b/site/gatsby-site/src/templates/cite.js @@ -65,7 +65,6 @@ function CitePage(props) { data: { allMongodbAiidprodTaxa, mongodbAiidprodClassifications, - mongodbAiidprodResources, allMongodbAiidprodReports, allMongodbTranslationsReportsEs, allMongodbTranslationsReportsEn, @@ -76,6 +75,9 @@ function CitePage(props) { }, } = props; + console.log(`CitePage: allMongodbAiidprodTaxa,`, allMongodbAiidprodTaxa); + console.log(`CitePage: mongodbAiidprodClassifications,`, mongodbAiidprodClassifications); + const { isRole, user, loading } = useUserContext(); const { i18n, t } = useTranslation(); @@ -134,7 +136,6 @@ function CitePage(props) { getTaxonomies({ allMongodbAiidprodTaxa, mongodbAiidprodClassifications, - mongodbAiidprodResources, }), [] ); @@ -484,18 +485,6 @@ export const query = graphql` $translate_fr: Boolean! $translate_en: Boolean! ) { - mongodbAiidprodResources( - classifications: { Publish: { eq: true } } - incident_id: { eq: $incident_id } - ) { - id - incident_id - notes - classifications { - Datasheets_for_Datasets - Publish - } - } mongodbAiidprodClassifications( classifications: { Publish: { eq: true } } incident_id: { eq: $incident_id } diff --git a/site/gatsby-site/src/utils/cite.js b/site/gatsby-site/src/utils/cite.js index 6bb60f4520..2c3c2f492d 100644 --- a/site/gatsby-site/src/utils/cite.js +++ b/site/gatsby-site/src/utils/cite.js @@ -49,20 +49,11 @@ export const getClassificationsArray = (incidentClassifications, taxonomy) => { return array; }; -export const getTaxonomies = ({ - mongodbAiidprodClassifications, - mongodbAiidprodResources, - allMongodbAiidprodTaxa, -}) => { - if (mongodbAiidprodClassifications) { - mongodbAiidprodClassifications.namespace = 'CSET'; - } - - if (mongodbAiidprodResources) { - mongodbAiidprodResources.namespace = 'resources'; - } - - const incidentClassifications = [mongodbAiidprodClassifications, mongodbAiidprodResources]; +export const getTaxonomies = ({ mongodbAiidprodClassifications, allMongodbAiidprodTaxa }) => { + console.log('cite.js: getTaxonomies'); + console.log(`allMongodbAiidprodTaxa`, allMongodbAiidprodTaxa); + console.log(`mongodbAiidprodClassifications`, mongodbAiidprodClassifications); + const incidentClassifications = [mongodbAiidprodClassifications]; const taxonomies = []; diff --git a/site/realm/data_sources/mongodb-atlas/aiidprod/resources/relationships.json b/site/realm/data_sources/mongodb-atlas/aiidprod/resources/relationships.json deleted file mode 100644 index 0967ef424b..0000000000 --- a/site/realm/data_sources/mongodb-atlas/aiidprod/resources/relationships.json +++ /dev/null @@ -1 +0,0 @@ -{} diff --git a/site/realm/data_sources/mongodb-atlas/aiidprod/resources/rules.json b/site/realm/data_sources/mongodb-atlas/aiidprod/resources/rules.json deleted file mode 100644 index 2cc7d5bab8..0000000000 --- a/site/realm/data_sources/mongodb-atlas/aiidprod/resources/rules.json +++ /dev/null @@ -1,37 +0,0 @@ -{ - "collection": "resources", - "database": "aiidprod", - "roles": [ - { - "name": "admin", - "apply_when": { - "%%user.custom_data.roles": "admin" - }, - "write": true, - "insert": true, - "delete": false, - "search": true, - "additional_fields": {} - }, - { - "name": "taxonomy_editor", - "apply_when": { - "%%user.custom_data.roles": "taxonomy_editor" - }, - "write": true, - "insert": true, - "delete": false, - "search": true, - "additional_fields": {} - }, - { - "name": "default", - "apply_when": {}, - "read": true, - "insert": false, - "delete": false, - "search": true, - "additional_fields": {} - } - ] -} diff --git a/site/realm/data_sources/mongodb-atlas/aiidprod/resources/schema.json b/site/realm/data_sources/mongodb-atlas/aiidprod/resources/schema.json deleted file mode 100644 index 92f62a1b76..0000000000 --- a/site/realm/data_sources/mongodb-atlas/aiidprod/resources/schema.json +++ /dev/null @@ -1,38 +0,0 @@ -{ - "properties": { - "_id": { - "bsonType": "objectId" - }, - "classifications": { - "bsonType": "object", - "properties": { - "Datasheets for Datasets": { - "bsonType": "bool" - }, - "MSFT AI Fairness Checklist": { - "bsonType": "bool" - }, - "Publish": { - "bsonType": "bool" - } - } - }, - "incident_id": { - "bsonType": "int" - }, - "namespace": { - "bsonType": "string" - }, - "notes": { - "bsonType": "string" - } - }, - "required": [ - "_id", - "classifications", - "incident_id", - "namespace", - "notes" - ], - "title": "resource" -} From 8976eee8ab72fb45f3b6aa5645699593c1a98f0e Mon Sep 17 00:00:00 2001 From: Luna McNulty Date: Thu, 29 Dec 2022 17:26:33 -0500 Subject: [PATCH 04/39] Remove console.log()s --- site/gatsby-site/page-creators/createTaxonomyPages.js | 3 --- site/gatsby-site/src/components/taxa/Taxonomy.js | 2 -- site/gatsby-site/src/templates/cite.js | 3 --- 3 files changed, 8 deletions(-) diff --git a/site/gatsby-site/page-creators/createTaxonomyPages.js b/site/gatsby-site/page-creators/createTaxonomyPages.js index 5be6d0ba41..0cbb5204da 100644 --- a/site/gatsby-site/page-creators/createTaxonomyPages.js +++ b/site/gatsby-site/page-creators/createTaxonomyPages.js @@ -1,7 +1,6 @@ const path = require('path'); const createTaxonomyPages = (graphql, createPage) => { - console.log('createTaxonomyPages'); return new Promise((resolve, reject) => { resolve( graphql( @@ -34,8 +33,6 @@ const createTaxonomyPages = (graphql, createPage) => { // We can add here a redirect to the template with the right classification fragment result.data.allMongodbAiidprodTaxa.nodes.forEach((taxonomy) => { - console.log(`createTaxonomyPages: taxonomy`, taxonomy); - console.log(`createTaxonomyPages: taxonomy.namespace`, taxonomy.namespace); createPage({ path: '/taxonomy/' + taxonomy.namespace.toLowerCase(), component: path.resolve('./src/templates/taxonomy.js'), diff --git a/site/gatsby-site/src/components/taxa/Taxonomy.js b/site/gatsby-site/src/components/taxa/Taxonomy.js index d121771782..005a428744 100644 --- a/site/gatsby-site/src/components/taxa/Taxonomy.js +++ b/site/gatsby-site/src/components/taxa/Taxonomy.js @@ -25,8 +25,6 @@ const Taxonomy = ({ taxonomy, incidentId, canEdit }) => { setShowBanner(true); }; - console.log(`taxonomy`, taxonomy); - return (
diff --git a/site/gatsby-site/src/templates/cite.js b/site/gatsby-site/src/templates/cite.js index ad39a4ef03..e7cde72361 100644 --- a/site/gatsby-site/src/templates/cite.js +++ b/site/gatsby-site/src/templates/cite.js @@ -75,9 +75,6 @@ function CitePage(props) { }, } = props; - console.log(`CitePage: allMongodbAiidprodTaxa,`, allMongodbAiidprodTaxa); - console.log(`CitePage: mongodbAiidprodClassifications,`, mongodbAiidprodClassifications); - const { isRole, user, loading } = useUserContext(); const { i18n, t } = useTranslation(); From 1b3ceb3adf05df6354bb9a28c0b985918dac86f7 Mon Sep 17 00:00:00 2001 From: Luna McNulty Date: Fri, 30 Dec 2022 11:29:12 -0500 Subject: [PATCH 05/39] Remove console.log()s --- site/gatsby-site/src/utils/cite.js | 3 --- 1 file changed, 3 deletions(-) diff --git a/site/gatsby-site/src/utils/cite.js b/site/gatsby-site/src/utils/cite.js index 2c3c2f492d..da09f3448f 100644 --- a/site/gatsby-site/src/utils/cite.js +++ b/site/gatsby-site/src/utils/cite.js @@ -50,9 +50,6 @@ export const getClassificationsArray = (incidentClassifications, taxonomy) => { }; export const getTaxonomies = ({ mongodbAiidprodClassifications, allMongodbAiidprodTaxa }) => { - console.log('cite.js: getTaxonomies'); - console.log(`allMongodbAiidprodTaxa`, allMongodbAiidprodTaxa); - console.log(`mongodbAiidprodClassifications`, mongodbAiidprodClassifications); const incidentClassifications = [mongodbAiidprodClassifications]; const taxonomies = []; From e21ea0ddd959650ad0f87ace44b4ad455582dba9 Mon Sep 17 00:00:00 2001 From: Luna McNulty Date: Fri, 30 Dec 2022 11:44:07 -0500 Subject: [PATCH 06/39] Remove resource references --- site/gatsby-site/cypress/e2e/integration/cite.cy.js | 2 +- site/gatsby-site/gatsby-node.js | 4 ---- 2 files changed, 1 insertion(+), 5 deletions(-) diff --git a/site/gatsby-site/cypress/e2e/integration/cite.cy.js b/site/gatsby-site/cypress/e2e/integration/cite.cy.js index 712db83739..12ae4e322a 100644 --- a/site/gatsby-site/cypress/e2e/integration/cite.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/cite.cy.js @@ -100,7 +100,7 @@ describe('Cite pages', () => { cy.get('[data-cy="CSET"]').should('exist'); - cy.get('[data-cy="resources"]').should('not.exist'); + cy.get('[data-cy="CSET2"]').should('not.exist'); }); it('Should flag an incident', () => { diff --git a/site/gatsby-site/gatsby-node.js b/site/gatsby-site/gatsby-node.js index 01d648bf2a..9c6229a0c8 100644 --- a/site/gatsby-site/gatsby-node.js +++ b/site/gatsby-site/gatsby-node.js @@ -227,10 +227,6 @@ exports.createSchemaCustomization = ({ actions }) => { default: String placeholder: String } - - type mongodbAiidprodResourcesClassifications implements Node { - MSFT_AI_Fairness_Checklist: Boolean - } `; createTypes(typeDefs); From e171eec0468b47ce00412d621856eedd1830cc03 Mon Sep 17 00:00:00 2001 From: Luna McNulty Date: Fri, 30 Dec 2022 12:49:11 -0500 Subject: [PATCH 07/39] Add namespace to mutation query --- site/gatsby-site/src/components/taxa/TaxonomyForm.js | 1 + 1 file changed, 1 insertion(+) diff --git a/site/gatsby-site/src/components/taxa/TaxonomyForm.js b/site/gatsby-site/src/components/taxa/TaxonomyForm.js index ac635348d9..dd884b9dc3 100644 --- a/site/gatsby-site/src/components/taxa/TaxonomyForm.js +++ b/site/gatsby-site/src/components/taxa/TaxonomyForm.js @@ -322,6 +322,7 @@ const TaxonomyForm = forwardRef(function TaxonomyForm({ namespace, incidentId, o variables: { query: { incident_id: incidentId, + namespace, }, data: { incident_id: incidentId, From fae0f970b15924341161188b275115d07a969344 Mon Sep 17 00:00:00 2001 From: Luna McNulty Date: Fri, 30 Dec 2022 14:21:00 -0500 Subject: [PATCH 08/39] Switch to allMongodbAiidprodClassifications --- site/gatsby-site/src/templates/cite.js | 87 +++++++++++++------------- site/gatsby-site/src/utils/cite.js | 4 +- 2 files changed, 45 insertions(+), 46 deletions(-) diff --git a/site/gatsby-site/src/templates/cite.js b/site/gatsby-site/src/templates/cite.js index e7cde72361..27597df4da 100644 --- a/site/gatsby-site/src/templates/cite.js +++ b/site/gatsby-site/src/templates/cite.js @@ -64,7 +64,7 @@ function CitePage(props) { }, data: { allMongodbAiidprodTaxa, - mongodbAiidprodClassifications, + allMongodbAiidprodClassifications, allMongodbAiidprodReports, allMongodbTranslationsReportsEs, allMongodbTranslationsReportsEn, @@ -132,7 +132,7 @@ function CitePage(props) { () => getTaxonomies({ allMongodbAiidprodTaxa, - mongodbAiidprodClassifications, + allMongodbAiidprodClassifications, }), [] ); @@ -482,48 +482,47 @@ export const query = graphql` $translate_fr: Boolean! $translate_en: Boolean! ) { - mongodbAiidprodClassifications( - classifications: { Publish: { eq: true } } - incident_id: { eq: $incident_id } - ) { - incident_id - id - namespace - notes - classifications { - Annotation_Status - Annotator - Ending_Date - Beginning_Date - Full_Description - Intent - Location - Named_Entities - Near_Miss - Quality_Control - Reviewer - Severity - Short_Description - Technology_Purveyor - AI_Applications - AI_System_Description - AI_Techniques - Data_Inputs - Financial_Cost - Harm_Distribution_Basis - Harm_Type - Infrastructure_Sectors - Laws_Implicated - Level_of_Autonomy - Lives_Lost - Nature_of_End_User - Physical_System - Problem_Nature - Public_Sector_Deployment - Relevant_AI_functions - Sector_of_Deployment - System_Developer - Publish + allMongodbAiidprodClassifications(filter: { incident_id: { eq: $incident_id } }) { + nodes { + incident_id + id + namespace + notes + classifications { + Annotation_Status + Annotator + Ending_Date + Beginning_Date + Full_Description + Intent + Location + Named_Entities + Near_Miss + Quality_Control + Reviewer + Severity + Short_Description + Technology_Purveyor + AI_Applications + AI_System_Description + AI_Techniques + Data_Inputs + Financial_Cost + Harm_Distribution_Basis + Harm_Type + Infrastructure_Sectors + Laws_Implicated + Level_of_Autonomy + Lives_Lost + Nature_of_End_User + Physical_System + Problem_Nature + Public_Sector_Deployment + Relevant_AI_functions + Sector_of_Deployment + System_Developer + Publish + } } } allMongodbAiidprodTaxa { diff --git a/site/gatsby-site/src/utils/cite.js b/site/gatsby-site/src/utils/cite.js index da09f3448f..b0801ed5e3 100644 --- a/site/gatsby-site/src/utils/cite.js +++ b/site/gatsby-site/src/utils/cite.js @@ -49,8 +49,8 @@ export const getClassificationsArray = (incidentClassifications, taxonomy) => { return array; }; -export const getTaxonomies = ({ mongodbAiidprodClassifications, allMongodbAiidprodTaxa }) => { - const incidentClassifications = [mongodbAiidprodClassifications]; +export const getTaxonomies = ({ allMongodbAiidprodClassifications, allMongodbAiidprodTaxa }) => { + const incidentClassifications = allMongodbAiidprodClassifications.nodes; const taxonomies = []; From 4e162a6d0d38c0294bdc7c47ce8a50b82025bc96 Mon Sep 17 00:00:00 2001 From: Luna McNulty Date: Sat, 14 Jan 2023 01:49:36 -0500 Subject: [PATCH 09/39] Use generic attributes for classifications --- .../2023.01.13T16.09.13.add-test-taxonomy.js | 101 +++++++++++++ .../src/components/taxa/TaxonomyForm.js | 135 +++++++++++++----- .../src/graphql/classifications.js | 43 ++++++ site/gatsby-site/src/templates/cite.js | 9 ++ site/gatsby-site/src/utils/cite.js | 11 +- .../aiidprod/classifications/schema.json | 19 ++- 6 files changed, 282 insertions(+), 36 deletions(-) create mode 100644 site/gatsby-site/migrations/2023.01.13T16.09.13.add-test-taxonomy.js diff --git a/site/gatsby-site/migrations/2023.01.13T16.09.13.add-test-taxonomy.js b/site/gatsby-site/migrations/2023.01.13T16.09.13.add-test-taxonomy.js new file mode 100644 index 0000000000..839e24614d --- /dev/null +++ b/site/gatsby-site/migrations/2023.01.13T16.09.13.add-test-taxonomy.js @@ -0,0 +1,101 @@ +const config = require('../config'); + +exports.up = async ({ context: { client } }) => { + const taxa = client.db(config.realm.production_db.db_name).collection('taxa'); + + const taxonomy = { + namespace: 'TestTaxonomy', + weight: 50, + description: 'A taxonomy that only exists to test the related features', + field_list: [ + { + short_name: 'element', + long_name: 'Classical Element', + short_description: 'Which classical element is this incident most associated with?', + long_description: + 'Which classical element (fire, water, earth, air) is this incident associated with?', + display_type: 'enum', + mongo_type: 'string', + default: '', + placeholder: 'Element', + permitted_values: ['fire', 'water', 'earth', 'air'], + weight: 50, + instant_facet: false, + required: false, + public: true, + }, + { + short_name: 'keywords', + long_name: 'Keywords', + short_description: 'What are the keywords for this incident?', + long_description: 'What are the keywords for this incident?', + display_type: 'list', + mongo_type: 'array', + default: '', + placeholder: 'keywords', + weight: 50, + instant_facet: false, + required: false, + public: true, + }, + { + short_name: 'interesting', + long_name: 'Interesting', + short_description: 'Is this incident interesting?', + long_description: 'Is this incident interesting?', + display_type: 'bool', + mongo_type: 'bool', + default: '', + placeholder: 'Interesting', + weight: 50, + instant_facet: false, + required: false, + public: true, + }, + ], + }; + + await taxa.insertOne(taxonomy); + + const classifications = client + .db(config.realm.production_db.db_name) + .collection('classifications'); + + const classification = { + incident_id: 1, + namespace: 'TestTaxonomy', + notes: '', + attributes: [ + { + short_name: 'interesting', + mongo_type: 'bool', + value: { bool: true }, + }, + { + short_name: 'element', + mongo_type: 'string', + value: { string: 'fire' }, + }, + { + short_name: 'keywords', + mongo_type: 'array', + value: { array: ['Youtube', 'Kids'] }, + }, + ], + }; + + await classifications.insertOne(classification); +}; + +/** @type {import('umzug').MigrationFn} */ +exports.down = async ({ context: { client } }) => { + const taxa = client.db(config.realm.production_db.db_name).collection('taxa'); + + await taxa.deleteOne({ namespace: 'TestTaxonomy' }); + + const classifications = client + .db(config.realm.production_db.db_name) + .collection('classifications'); + + await classifications.deleteMany({ namespace: 'TestTaxonomy' }); +}; diff --git a/site/gatsby-site/src/components/taxa/TaxonomyForm.js b/site/gatsby-site/src/components/taxa/TaxonomyForm.js index dd884b9dc3..256e8f8d50 100644 --- a/site/gatsby-site/src/components/taxa/TaxonomyForm.js +++ b/site/gatsby-site/src/components/taxa/TaxonomyForm.js @@ -11,8 +11,10 @@ import { useMutation, useQuery } from '@apollo/client'; import { FIND_CSET_CLASSIFICATION, FIND_CSET2_CLASSIFICATION, + FIND_CLASSIFICATION, UPDATE_CSET_CLASSIFICATION, UPDATE_CSET2_CLASSIFICATION, + UPDATE_CLASSIFICATION, } from '../../graphql/classifications.js'; import useToastContext, { SEVERITY } from 'hooks/useToast'; import Tags from 'components/forms/Tags.js'; @@ -26,11 +28,13 @@ const TEXTAREA_LIMIT = 120; const queryMap = { CSET: FIND_CSET_CLASSIFICATION, CSET2: FIND_CSET2_CLASSIFICATION, + TestTaxonomy: FIND_CLASSIFICATION, }; const mutationMap = { CSET: UPDATE_CSET_CLASSIFICATION, CSET2: UPDATE_CSET2_CLASSIFICATION, + TestTaxonomy: UPDATE_CLASSIFICATION, }; const getTaxaFieldKey = (key) => { @@ -102,7 +106,9 @@ const TaxonomyForm = forwardRef(function TaxonomyForm({ namespace, incidentId, o (classification) => classification.namespace == taxonomy.namespace ); - const classifications = classification?.classifications || {}; + const classifications = classification?.classifications; + + const attributes = classification?.attributes; const notes = classification?.notes || ''; @@ -124,7 +130,15 @@ const TaxonomyForm = forwardRef(function TaxonomyForm({ namespace, incidentId, o fieldsArray.push(field); - let classificationValue = classifications[field.key]; + let classificationValue; + + if (attributes) { + const attribute = attributes.find((a) => a.short_name == field.short_name); + + classificationValue = attribute.value[attribute.mongo_type]; + } else if (classifications) { + classificationValue = classifications[field.key]; + } if (classificationValue === undefined) { if (taxaField.display_type === 'multi') { @@ -302,41 +316,94 @@ const TaxonomyForm = forwardRef(function TaxonomyForm({ namespace, incidentId, o } const submit = async (values, { setSubmitting }) => { - const { notes, ...classifications } = values; - - fieldsWithDefaultValues.forEach((f) => { - //Convert string into boolean - if (f.display_type === 'bool') { - if (values[f.key] === '') { - classifications[f.key] = undefined; - } else if (values[f.key] === 'true') { - classifications[f.key] = true; - } else if (values[f.key] === 'false') { - classifications[f.key] = false; + const namespaceClassifications = classificationsData.classifications.find( + (c) => c.namespace == namespace + ); + + // Using classifications + if (namespaceClassifications.classifications) { + const { notes, ...classifications } = values; + + fieldsWithDefaultValues.forEach((f) => { + //Convert string into boolean + if (f.display_type === 'bool') { + if (values[f.key] === '') { + classifications[f.key] = undefined; + } else if (values[f.key] === 'true') { + classifications[f.key] = true; + } else if (values[f.key] === 'false') { + classifications[f.key] = false; + } } - } - }); - - try { - await updateClassification({ - variables: { - query: { - incident_id: incidentId, - namespace, + }); + + try { + await updateClassification({ + variables: { + query: { + incident_id: incidentId, + namespace, + }, + data: { + incident_id: incidentId, + notes, + namespace, + classifications, + }, }, - data: { - incident_id: incidentId, - notes, - namespace, - classifications, + }); + } catch (e) { + addToast({ + message: <>Error updating classification data: {e.message}, + severity: SEVERITY.danger, + }); + } + } else { + // Using attributes + const data = { + incident_id: incidentId, + notes: values.notes, + namespace, + attributes: Object.keys(values) + .filter((key) => key != 'notes') + .map((key) => { + const value = values[key]; + + let type = 'string'; + + if (Array.isArray(value)) { + type = 'array'; + } else if (typeof value === 'boolean' || ['true', 'false'].includes(value)) { + type = 'bool'; + } + + const valueObj = {}; + + valueObj[type] = value; + return { + short_name: key, + mongo_type: type, + value: valueObj, + }; + }), + }; + + try { + await updateClassification({ + variables: { + query: { + incident_id: incidentId, + namespace, + }, + data, }, - }, - }); - } catch (e) { - addToast({ - message: <>Error updating classification data: {e.message}, - severity: SEVERITY.danger, - }); + }); + } catch (e) { + addToast({ + message: <>Error updating classification data: {e.message}, + severity: SEVERITY.danger, + }); + } } setSubmitting(false); diff --git a/site/gatsby-site/src/graphql/classifications.js b/site/gatsby-site/src/graphql/classifications.js index 2f3855756c..ee5dd3c839 100644 --- a/site/gatsby-site/src/graphql/classifications.js +++ b/site/gatsby-site/src/graphql/classifications.js @@ -1,5 +1,25 @@ import gql from 'graphql-tag'; +export const FIND_CLASSIFICATION = gql` + query FindCSETClassifications($query: ClassificationQueryInput) { + classifications(query: $query) { + _id + incident_id + notes + namespace + attributes { + short_name + mongo_type + value { + bool + string + array + } + } + } + } +`; + export const FIND_CSET_CLASSIFICATION = gql` query FindCSETClassifications($query: ClassificationQueryInput) { classifications(query: $query) { @@ -138,6 +158,29 @@ export const FIND_CSET2_CLASSIFICATION = gql` } `; +export const UPDATE_CLASSIFICATION = gql` + mutation UpsertClassification( + $query: ClassificationQueryInput + $data: ClassificationInsertInput! + ) { + upsertOneClassification(query: $query, data: $data) { + _id + incident_id + notes + namespace + attributes { + short_name + mongo_type + value { + bool + string + array + } + } + } + } +`; + export const UPDATE_CSET2_CLASSIFICATION = gql` mutation UpsertClassification( $query: ClassificationQueryInput diff --git a/site/gatsby-site/src/templates/cite.js b/site/gatsby-site/src/templates/cite.js index 27597df4da..a7706f4778 100644 --- a/site/gatsby-site/src/templates/cite.js +++ b/site/gatsby-site/src/templates/cite.js @@ -488,6 +488,15 @@ export const query = graphql` id namespace notes + attributes { + short_name + mongo_type + value { + bool + string + array + } + } classifications { Annotation_Status Annotator diff --git a/site/gatsby-site/src/utils/cite.js b/site/gatsby-site/src/utils/cite.js index b0801ed5e3..2f8f674ec2 100644 --- a/site/gatsby-site/src/utils/cite.js +++ b/site/gatsby-site/src/utils/cite.js @@ -8,6 +8,8 @@ export const getClassificationsArray = (incidentClassifications, taxonomy) => { } const classificationObj = classifications.classifications; + const attributes = classifications.attributes; + const taxaFieldsArray = taxonomy.field_list.sort((a, b) => b.weight - a.weight); const array = []; @@ -30,7 +32,14 @@ export const getClassificationsArray = (incidentClassifications, taxonomy) => { }; taxaFieldsArray.forEach((field) => { - const c = classificationObj[field.short_name.split(' ').join('_')]; + const attribute = attributes && attributes.find((a) => a.short_name == field.short_name); + + const attributeValue = attribute && attribute.value[attribute.mongo_type]; + + const classificationValue = + classificationObj && classificationObj[field.short_name.split(' ').join('_')]; + + const c = attributeValue || classificationValue; const value = getStringForValue(c); diff --git a/site/realm/data_sources/mongodb-atlas/aiidprod/classifications/schema.json b/site/realm/data_sources/mongodb-atlas/aiidprod/classifications/schema.json index 512790c0d3..47fa69be4e 100644 --- a/site/realm/data_sources/mongodb-atlas/aiidprod/classifications/schema.json +++ b/site/realm/data_sources/mongodb-atlas/aiidprod/classifications/schema.json @@ -3,6 +3,24 @@ "_id": { "bsonType": "objectId" }, + "attributes": { + "bsonType": "array", + "items": { + "bsonType": "object", + "properties": { + "short_name" : { "bsonType": "string" }, + "mongo_type" : { "bsonType": "string" }, + "value": { + "bsonType": "object", + "properties": { + "string": { "bsonType": "string" }, + "bool": { "bsonType": "bool" }, + "array": { "bsonType": "array", "items": {"bsonType": "string"}} + } + } + } + } + }, "classifications": { "bsonType": "object", "properties": { @@ -164,7 +182,6 @@ }, "required": [ "incident_id", - "classifications", "namespace" ], "title": "classification" From 8a4167f4165e02ba58c9bfe3818621f250a50056 Mon Sep 17 00:00:00 2001 From: Luna McNulty Date: Sat, 14 Jan 2023 02:26:38 -0500 Subject: [PATCH 10/39] Add migration to update CSET to use attributes --- ...et-change-classifications-to-attributes.js | 62 +++++++++++++++++++ .../aiidprod/classifications/schema.json | 3 +- 2 files changed, 64 insertions(+), 1 deletion(-) create mode 100644 site/gatsby-site/migrations/2023.01.14T06.47.25.cset-change-classifications-to-attributes.js diff --git a/site/gatsby-site/migrations/2023.01.14T06.47.25.cset-change-classifications-to-attributes.js b/site/gatsby-site/migrations/2023.01.14T06.47.25.cset-change-classifications-to-attributes.js new file mode 100644 index 0000000000..63605dcded --- /dev/null +++ b/site/gatsby-site/migrations/2023.01.14T06.47.25.cset-change-classifications-to-attributes.js @@ -0,0 +1,62 @@ +const config = require('../config'); + +/** @type {import('umzug').MigrationFn} */ +exports.up = async ({ context: { client } }) => { + const taxa = client.db(config.realm.production_db.db_name).collection('taxa'); + + const csetTaxonomy = await taxa.findOne({ namespace: 'CSET' }); + + console.log(`csetTaxonomy`, csetTaxonomy); + + const classifications = client + .db(config.realm.production_db.db_name) + .collection('classifications'); + + const csetClassifications = await classifications.find({ namespace: 'CSET' }); + + while (await csetClassifications.hasNext()) { + const csetClassification = await csetClassifications.next(); + + const attributes = []; + + for (const short_name of Object.keys(csetClassification.classifications)) { + const bareValue = csetClassification.classifications[short_name]; + + const mongo_type = csetTaxonomy.field_list.find( + (f) => f.short_name == short_name + )?.mongo_type; + + const value = {}; + + // TODO: This condition isn't met for "notes". + // Find out why and fix it if necessary. + if (mongo_type && bareValue) { + value[mongo_type] = bareValue; + + attributes.push({ short_name, mongo_type, value }); + } + } + classifications.updateOne( + { namespace: 'CSET', incident_id: csetClassification.incident_id }, + { $set: { attributes } } + ); + } +}; + +/** @type {import('umzug').MigrationFn} */ +exports.down = async ({ context: { client } }) => { + const classifications = client + .db(config.realm.production_db.db_name) + .collection('classifications'); + + const csetClassifications = await classifications.find({ namespace: 'CSET' }); + + while (await csetClassifications.hasNext()) { + const csetClassification = await csetClassifications.next(); + + classifications.updateOne( + { namespace: 'CSET', incident_id: csetClassification.incident_id }, + { $unset: { attributes: null } } + ); + } +}; diff --git a/site/realm/data_sources/mongodb-atlas/aiidprod/classifications/schema.json b/site/realm/data_sources/mongodb-atlas/aiidprod/classifications/schema.json index 47fa69be4e..32a494988b 100644 --- a/site/realm/data_sources/mongodb-atlas/aiidprod/classifications/schema.json +++ b/site/realm/data_sources/mongodb-atlas/aiidprod/classifications/schema.json @@ -13,8 +13,9 @@ "value": { "bsonType": "object", "properties": { - "string": { "bsonType": "string" }, "bool": { "bsonType": "bool" }, + "date": { "bsonType": "date" }, + "string": { "bsonType": "string" }, "array": { "bsonType": "array", "items": {"bsonType": "string"}} } } From 61619faa9f596561ef0b8854fb7ea02f7122d91a Mon Sep 17 00:00:00 2001 From: Luna McNulty Date: Tue, 17 Jan 2023 17:30:00 -0500 Subject: [PATCH 11/39] Integrate attributes further --- .../2022.12.16T22.18.54.remove-resources.js | 16 +----- .../2022.12.16T22.19.00.add-cset2-taxonomy.js | 26 ++++++++++ ...et-change-classifications-to-attributes.js | 16 ++++-- .../page-creators/createTaxonomyPages.js | 1 + .../src/components/TaxonomyGraphCarousel.js | 30 +++++------ .../src/components/taxa/TaxonomyForm.js | 11 ++-- site/gatsby-site/src/templates/taxonomy.js | 50 ++++++++++++++++++- .../aiidprod/classifications/schema.json | 1 + 8 files changed, 113 insertions(+), 38 deletions(-) create mode 100644 site/gatsby-site/migrations/2022.12.16T22.19.00.add-cset2-taxonomy.js diff --git a/site/gatsby-site/migrations/2022.12.16T22.18.54.remove-resources.js b/site/gatsby-site/migrations/2022.12.16T22.18.54.remove-resources.js index e056f277bb..a2d29dc507 100644 --- a/site/gatsby-site/migrations/2022.12.16T22.18.54.remove-resources.js +++ b/site/gatsby-site/migrations/2022.12.16T22.18.54.remove-resources.js @@ -4,23 +4,11 @@ const config = require('../config'); exports.up = async ({ context: { client } }) => { const resourcesCollection = client.db(config.realm.production_db.db_name).collection('resources'); - const taxaCollection = client.db(config.realm.production_db.db_name).collection('taxa'); - resourcesCollection.drop(); - taxaCollection.deleteOne({ namespace: 'resources' }); - const csetV1TaxaEntry = await taxaCollection.findOne({ namespace: 'CSET' }); - - // TODO: Update with changes in CSET v2 - const csetV2TaxaEntry = JSON.parse( - JSON.stringify({ - ...csetV1TaxaEntry, - _id: undefined, - namespace: 'CSET2', - }) - ); + const taxaCollection = client.db(config.realm.production_db.db_name).collection('taxa'); - await taxaCollection.insertOne(csetV2TaxaEntry); + taxaCollection.deleteOne({ namespace: 'resources' }); }; /** @type {import('umzug').MigrationFn} */ diff --git a/site/gatsby-site/migrations/2022.12.16T22.19.00.add-cset2-taxonomy.js b/site/gatsby-site/migrations/2022.12.16T22.19.00.add-cset2-taxonomy.js new file mode 100644 index 0000000000..ee633fc7f1 --- /dev/null +++ b/site/gatsby-site/migrations/2022.12.16T22.19.00.add-cset2-taxonomy.js @@ -0,0 +1,26 @@ +const config = require('../config'); + +/** @type {import('umzug').MigrationFn} */ +exports.up = async ({ context: { client } }) => { + const taxaCollection = client.db(config.realm.production_db.db_name).collection('taxa'); + + const csetV1TaxaEntry = await taxaCollection.findOne({ namespace: 'CSET' }); + + // TODO: Update with changes in CSET v2 + const csetV2TaxaEntry = JSON.parse( + JSON.stringify({ + ...csetV1TaxaEntry, + _id: undefined, + namespace: 'CSET2', + }) + ); + + await taxaCollection.insertOne(csetV2TaxaEntry); +}; + +/** @type {import('umzug').MigrationFn} */ +exports.down = async ({ context: { client } }) => { + const taxaCollection = client.db(config.realm.production_db.db_name).collection('taxa'); + + await taxaCollection.deleteOne({ namespace: 'CSET2' }); +}; diff --git a/site/gatsby-site/migrations/2023.01.14T06.47.25.cset-change-classifications-to-attributes.js b/site/gatsby-site/migrations/2023.01.14T06.47.25.cset-change-classifications-to-attributes.js index 63605dcded..7c1be1b719 100644 --- a/site/gatsby-site/migrations/2023.01.14T06.47.25.cset-change-classifications-to-attributes.js +++ b/site/gatsby-site/migrations/2023.01.14T06.47.25.cset-change-classifications-to-attributes.js @@ -6,8 +6,6 @@ exports.up = async ({ context: { client } }) => { const csetTaxonomy = await taxa.findOne({ namespace: 'CSET' }); - console.log(`csetTaxonomy`, csetTaxonomy); - const classifications = client .db(config.realm.production_db.db_name) .collection('classifications'); @@ -28,9 +26,17 @@ exports.up = async ({ context: { client } }) => { const value = {}; - // TODO: This condition isn't met for "notes". - // Find out why and fix it if necessary. - if (mongo_type && bareValue) { + // `notes` is in the `classifications` object + // of some documents in `classifications`, + // but it is not in the CSET taxa document, + // so no mongo_type is found for it + // and the value is not found. + // In every case where the the + // classification.classifications.notes + // is not the empty string, + // it's the same as classification.notes, + // so we can just skip over it. + if (mongo_type) { value[mongo_type] = bareValue; attributes.push({ short_name, mongo_type, value }); diff --git a/site/gatsby-site/page-creators/createTaxonomyPages.js b/site/gatsby-site/page-creators/createTaxonomyPages.js index 0cbb5204da..881a836182 100644 --- a/site/gatsby-site/page-creators/createTaxonomyPages.js +++ b/site/gatsby-site/page-creators/createTaxonomyPages.js @@ -33,6 +33,7 @@ const createTaxonomyPages = (graphql, createPage) => { // We can add here a redirect to the template with the right classification fragment result.data.allMongodbAiidprodTaxa.nodes.forEach((taxonomy) => { + console.log('Creating taxonomy', taxonomy); createPage({ path: '/taxonomy/' + taxonomy.namespace.toLowerCase(), component: path.resolve('./src/templates/taxonomy.js'), diff --git a/site/gatsby-site/src/components/TaxonomyGraphCarousel.js b/site/gatsby-site/src/components/TaxonomyGraphCarousel.js index 97dbd5af8a..1b6027d4e3 100644 --- a/site/gatsby-site/src/components/TaxonomyGraphCarousel.js +++ b/site/gatsby-site/src/components/TaxonomyGraphCarousel.js @@ -36,24 +36,26 @@ const TaxonomyGraphCarousel = ({ namespace, axes, data }) => { // } if (!classificationsLoading && classificationsData?.nodes) { for (const classification of classificationsData.nodes) { - if (!classification.classifications.Publish) { - continue; - } if (classification.namespace != namespace) { continue; } - for (const axis in classification.classifications) { - categoryCounts[axis] ||= {}; - const value = classification.classifications[axis]; - - if (Array.isArray(value)) { - for (const category of value) { - categoryCounts[axis][category] ||= 0; - categoryCounts[axis][category] += 1; + if (classification.classifications) { + if (!classification.classifications.Publish) { + continue; + } + for (const axis in classification.classifications) { + categoryCounts[axis] ||= {}; + const value = classification.classifications[axis]; + + if (Array.isArray(value)) { + for (const category of value) { + categoryCounts[axis][category] ||= 0; + categoryCounts[axis][category] += 1; + } + } else { + categoryCounts[axis][value] ||= 0; + categoryCounts[axis][value] += 1; } - } else { - categoryCounts[axis][value] ||= 0; - categoryCounts[axis][value] += 1; } } } diff --git a/site/gatsby-site/src/components/taxa/TaxonomyForm.js b/site/gatsby-site/src/components/taxa/TaxonomyForm.js index 256e8f8d50..a346d0d939 100644 --- a/site/gatsby-site/src/components/taxa/TaxonomyForm.js +++ b/site/gatsby-site/src/components/taxa/TaxonomyForm.js @@ -316,12 +316,17 @@ const TaxonomyForm = forwardRef(function TaxonomyForm({ namespace, incidentId, o } const submit = async (values, { setSubmitting }) => { - const namespaceClassifications = classificationsData.classifications.find( + const namespaceClassification = classificationsData.classifications.find( (c) => c.namespace == namespace - ); + ) || { + incident_id: incidentId, + namespace, + notes: '', + attributes: [], + }; // Using classifications - if (namespaceClassifications.classifications) { + if (namespaceClassification.classifications) { const { notes, ...classifications } = values; fieldsWithDefaultValues.forEach((f) => { diff --git a/site/gatsby-site/src/templates/taxonomy.js b/site/gatsby-site/src/templates/taxonomy.js index e60c1407ca..8405a5584d 100644 --- a/site/gatsby-site/src/templates/taxonomy.js +++ b/site/gatsby-site/src/templates/taxonomy.js @@ -45,6 +45,7 @@ const FacetList = ({ namespace, instant_facet, short_name, stats, geocodes }) => if (!instant_facet) { return ''; } + console.log(namespace, instant_facet, short_name, stats, geocodes); let valueStats = {}; @@ -152,6 +153,7 @@ const FacetList = ({ namespace, instant_facet, short_name, stats, geocodes }) => }; const getStats = (taxa, classification) => { + console.log('getStats(', taxa, classification, ')'); const incrementStat = (stat, val) => { if (val === undefined || val === null || val === '') { return 0; @@ -168,6 +170,8 @@ const getStats = (taxa, classification) => { const filteredClassification = classification.filter((c) => c.namespace === taxa.namespace); + console.log(`filteredClassification`, filteredClassification); + const stats = {}; taxa.field_list @@ -176,7 +180,15 @@ const getStats = (taxa, classification) => { let auxStat = {}; filteredClassification.forEach((c) => { - const value = c.classifications[field.short_name.split(' ').join('_')]; + const attribute = + c.attributes && + c.attributes.find((attribute) => attribute.short_name == field.short_name); + + const value = attribute + ? attribute.value[attribute.type] + : c.classifications[field.short_name.split(' ').join('_')]; + + console.log(`value`, value); if (value?.length > 0) { if (typeof value === 'object') { @@ -275,6 +287,8 @@ const Taxonomy = (props) => { ) .filter((entry) => entry.public === null || entry.public); + console.log(`allMongodbAiidprodClassifications.nodes`, allMongodbAiidprodClassifications.nodes); + const stats = getStats(props.pageContext.taxonomy, allMongodbAiidprodClassifications.nodes); const geocodes = getGeocodes(allMongodbAiidprodClassifications.nodes); @@ -336,7 +350,39 @@ export const pageQuery = graphql` classifications: { Publish: { eq: true } } } ) { - ...ClassificationFields + nodes { + classifications { + Annotator + Annotation_Status + Reviewer + Quality_Control + Full_Description + Short_Description + Beginning_Date + Ending_Date + Location + Near_Miss + Intent + Severity + Lives_Lost + AI_System_Description + Public_Sector_Deployment + Nature_of_End_User + Level_of_Autonomy + Publish + Financial_Cost + notes + } + attributes { + short_name + mongo_type + value { + bool + string + array + } + } + } } } `; diff --git a/site/realm/data_sources/mongodb-atlas/aiidprod/classifications/schema.json b/site/realm/data_sources/mongodb-atlas/aiidprod/classifications/schema.json index 32a494988b..f4603452e9 100644 --- a/site/realm/data_sources/mongodb-atlas/aiidprod/classifications/schema.json +++ b/site/realm/data_sources/mongodb-atlas/aiidprod/classifications/schema.json @@ -10,6 +10,7 @@ "properties": { "short_name" : { "bsonType": "string" }, "mongo_type" : { "bsonType": "string" }, + "value_json": { "bsonType" : "string" }, "value": { "bsonType": "object", "properties": { From 6ec18193d4bd2d03c52dff98d867479a2656a87c Mon Sep 17 00:00:00 2001 From: Luna McNulty Date: Wed, 18 Jan 2023 13:13:37 -0500 Subject: [PATCH 12/39] Move towards us value_json, handle taxonomy template --- .../2023.01.13T16.09.13.add-test-taxonomy.js | 15 ++++++---- ...et-change-classifications-to-attributes.js | 4 ++- .../src/components/taxa/Taxonomy.js | 2 ++ .../src/components/taxa/TaxonomyForm.js | 14 ++++++++- .../components/visualizations/LocationMap.js | 1 + .../src/graphql/classifications.js | 2 ++ site/gatsby-site/src/templates/cite.js | 1 + site/gatsby-site/src/templates/taxonomy.js | 30 +++++++++---------- site/gatsby-site/src/utils/cite.js | 2 +- site/gatsby-site/src/utils/classifications.js | 19 ++++++++++++ 10 files changed, 65 insertions(+), 25 deletions(-) create mode 100644 site/gatsby-site/src/utils/classifications.js diff --git a/site/gatsby-site/migrations/2023.01.13T16.09.13.add-test-taxonomy.js b/site/gatsby-site/migrations/2023.01.13T16.09.13.add-test-taxonomy.js index 839e24614d..58b0d2c4fe 100644 --- a/site/gatsby-site/migrations/2023.01.13T16.09.13.add-test-taxonomy.js +++ b/site/gatsby-site/migrations/2023.01.13T16.09.13.add-test-taxonomy.js @@ -20,7 +20,7 @@ exports.up = async ({ context: { client } }) => { placeholder: 'Element', permitted_values: ['fire', 'water', 'earth', 'air'], weight: 50, - instant_facet: false, + instant_facet: true, required: false, public: true, }, @@ -34,7 +34,7 @@ exports.up = async ({ context: { client } }) => { default: '', placeholder: 'keywords', weight: 50, - instant_facet: false, + instant_facet: true, required: false, public: true, }, @@ -48,7 +48,7 @@ exports.up = async ({ context: { client } }) => { default: '', placeholder: 'Interesting', weight: 50, - instant_facet: false, + instant_facet: true, required: false, public: true, }, @@ -69,17 +69,20 @@ exports.up = async ({ context: { client } }) => { { short_name: 'interesting', mongo_type: 'bool', - value: { bool: true }, + //value: { bool: true }, + value_json: 'true', }, { short_name: 'element', mongo_type: 'string', - value: { string: 'fire' }, + //value: { string: 'fire' }, + value_json: '"fire"', }, { short_name: 'keywords', mongo_type: 'array', - value: { array: ['Youtube', 'Kids'] }, + //value: { array: ['Youtube', 'Kids'] }, + value_json: '["Youtube", "Kids"]', }, ], }; diff --git a/site/gatsby-site/migrations/2023.01.14T06.47.25.cset-change-classifications-to-attributes.js b/site/gatsby-site/migrations/2023.01.14T06.47.25.cset-change-classifications-to-attributes.js index 7c1be1b719..0379644373 100644 --- a/site/gatsby-site/migrations/2023.01.14T06.47.25.cset-change-classifications-to-attributes.js +++ b/site/gatsby-site/migrations/2023.01.14T06.47.25.cset-change-classifications-to-attributes.js @@ -26,6 +26,8 @@ exports.up = async ({ context: { client } }) => { const value = {}; + const value_json = JSON.stringify(bareValue); + // `notes` is in the `classifications` object // of some documents in `classifications`, // but it is not in the CSET taxa document, @@ -39,7 +41,7 @@ exports.up = async ({ context: { client } }) => { if (mongo_type) { value[mongo_type] = bareValue; - attributes.push({ short_name, mongo_type, value }); + attributes.push({ short_name, mongo_type, value, value_json }); } } classifications.updateOne( diff --git a/site/gatsby-site/src/components/taxa/Taxonomy.js b/site/gatsby-site/src/components/taxa/Taxonomy.js index 005a428744..6f9445b13e 100644 --- a/site/gatsby-site/src/components/taxa/Taxonomy.js +++ b/site/gatsby-site/src/components/taxa/Taxonomy.js @@ -25,6 +25,8 @@ const Taxonomy = ({ taxonomy, incidentId, canEdit }) => { setShowBanner(true); }; + console.log(`taxonomy.classificationsArray`, taxonomy.classificationsArray); + return (
diff --git a/site/gatsby-site/src/components/taxa/TaxonomyForm.js b/site/gatsby-site/src/components/taxa/TaxonomyForm.js index a346d0d939..ecb2f0d558 100644 --- a/site/gatsby-site/src/components/taxa/TaxonomyForm.js +++ b/site/gatsby-site/src/components/taxa/TaxonomyForm.js @@ -43,14 +43,19 @@ const getTaxaFieldKey = (key) => { switch (key) { case 'LevelofAutonomy': return 'LevelOfAutonomy'; + // ^ ^ case 'NatureofEndUser': return 'NatureOfEndUser'; + // ^ ^ case 'SectorofDeployment': return 'SectorOfDeployment'; + // ^ ^ case 'RelevantAIfunctions': return 'RelevantAIFunctions'; + // ^ ^ case 'DatasheetsforDatasets': return 'DatasheetsForDatasets'; + // ^ ^ } return key; }; @@ -72,6 +77,8 @@ const TaxonomyForm = forwardRef(function TaxonomyForm({ namespace, incidentId, o const formRef = useRef(null); + console.log('TaxonomyForm(', { namespace, incidentId, onSubmit }, ')'); + useImperativeHandle(ref, () => ({ submit() { formRef.current.submitForm(); @@ -98,6 +105,8 @@ const TaxonomyForm = forwardRef(function TaxonomyForm({ namespace, incidentId, o variables: { query: { incident_id: incidentId } }, }); + console.log(`classificationsData`, classificationsData); + const [updateClassification] = useMutation(mutationMap[namespace]); useEffect(() => { @@ -135,7 +144,9 @@ const TaxonomyForm = forwardRef(function TaxonomyForm({ namespace, incidentId, o if (attributes) { const attribute = attributes.find((a) => a.short_name == field.short_name); - classificationValue = attribute.value[attribute.mongo_type]; + console.log(`attribute`, attribute); + + classificationValue = JSON.parse(attribute.value_json); //attribute.value[attribute.mongo_type]; } else if (classifications) { classificationValue = classifications[field.key]; } @@ -389,6 +400,7 @@ const TaxonomyForm = forwardRef(function TaxonomyForm({ namespace, incidentId, o short_name: key, mongo_type: type, value: valueObj, + value_json: JSON.stringify(value), }; }), }; diff --git a/site/gatsby-site/src/components/visualizations/LocationMap.js b/site/gatsby-site/src/components/visualizations/LocationMap.js index 8d1f9cf6a6..6365bd8af9 100644 --- a/site/gatsby-site/src/components/visualizations/LocationMap.js +++ b/site/gatsby-site/src/components/visualizations/LocationMap.js @@ -31,6 +31,7 @@ const Trigger = styled.div` const abstractLocations = ['Global', 'Twitter platform', 'Wikipedia platform']; function Points({ data, geocodes, projection }) { + console.log('Points(', { data, geocodes, projection }, ')'); const sizeValue = ([, value]) => value; const [min, max] = extent(data.columns, sizeValue); diff --git a/site/gatsby-site/src/graphql/classifications.js b/site/gatsby-site/src/graphql/classifications.js index ee5dd3c839..194b6af348 100644 --- a/site/gatsby-site/src/graphql/classifications.js +++ b/site/gatsby-site/src/graphql/classifications.js @@ -10,6 +10,7 @@ export const FIND_CLASSIFICATION = gql` attributes { short_name mongo_type + value_json value { bool string @@ -176,6 +177,7 @@ export const UPDATE_CLASSIFICATION = gql` string array } + value_json } } } diff --git a/site/gatsby-site/src/templates/cite.js b/site/gatsby-site/src/templates/cite.js index a7706f4778..c66d58f810 100644 --- a/site/gatsby-site/src/templates/cite.js +++ b/site/gatsby-site/src/templates/cite.js @@ -496,6 +496,7 @@ export const query = graphql` string array } + value_json } classifications { Annotation_Status diff --git a/site/gatsby-site/src/templates/taxonomy.js b/site/gatsby-site/src/templates/taxonomy.js index 8405a5584d..f107b8ea06 100644 --- a/site/gatsby-site/src/templates/taxonomy.js +++ b/site/gatsby-site/src/templates/taxonomy.js @@ -14,6 +14,7 @@ import Link from 'components/ui/Link'; import LocationMap from 'components/visualizations/LocationMap'; import { Card, Badge } from 'flowbite-react'; import AiidHelmet from 'components/AiidHelmet'; +import { getClassificationValue } from 'utils/classifications'; const Description = styled(Markdown)` h1 { @@ -45,7 +46,7 @@ const FacetList = ({ namespace, instant_facet, short_name, stats, geocodes }) => if (!instant_facet) { return ''; } - console.log(namespace, instant_facet, short_name, stats, geocodes); + console.log('FacetList(', { namespace, instant_facet, short_name, stats, geocodes }, ')'); let valueStats = {}; @@ -180,13 +181,7 @@ const getStats = (taxa, classification) => { let auxStat = {}; filteredClassification.forEach((c) => { - const attribute = - c.attributes && - c.attributes.find((attribute) => attribute.short_name == field.short_name); - - const value = attribute - ? attribute.value[attribute.type] - : c.classifications[field.short_name.split(' ').join('_')]; + const value = getClassificationValue(c, field.short_name, { spaceToUnderScore: true }); console.log(`value`, value); @@ -217,7 +212,7 @@ const getStats = (taxa, classification) => { let auxStat = {}; filteredClassification.forEach((c) => { - const value = c.classifications[field.short_name.split(' ').join('_')]; + const value = getClassificationValue(c, field.short_name, { spaceToUnderScore: true }); //c.classifications[field.short_name.split(' ').join('_')]; if ((value || typeof value === 'boolean') && value !== '') { if (typeof value === 'boolean') { @@ -258,9 +253,9 @@ const getGeocodes = (classifications) => { const map = {}; classifications.forEach((c) => { - const { Location } = c.classifications; + const Location = getClassificationValue(c, 'Location', { spaceToUnderScore: true }); - if (!(Location in map)) { + if (Location && !(Location in map)) { map[Location] = c.fields ? c.fields.geocode : {}; } }); @@ -287,12 +282,17 @@ const Taxonomy = (props) => { ) .filter((entry) => entry.public === null || entry.public); + console.log(`allMongodbAiidprodClassifications`, allMongodbAiidprodClassifications); console.log(`allMongodbAiidprodClassifications.nodes`, allMongodbAiidprodClassifications.nodes); const stats = getStats(props.pageContext.taxonomy, allMongodbAiidprodClassifications.nodes); + console.log(`stats`, stats); + const geocodes = getGeocodes(allMongodbAiidprodClassifications.nodes); + console.log(`sortedFieldsArray`, sortedFieldsArray); + return ( { taxaFieldsArray.forEach((field) => { const attribute = attributes && attributes.find((a) => a.short_name == field.short_name); - const attributeValue = attribute && attribute.value[attribute.mongo_type]; + const attributeValue = attribute?.value_json && JSON.parse(attribute.value_json); //attribute.value[attribute.mongo_type]; const classificationValue = classificationObj && classificationObj[field.short_name.split(' ').join('_')]; diff --git a/site/gatsby-site/src/utils/classifications.js b/site/gatsby-site/src/utils/classifications.js new file mode 100644 index 0000000000..eb555f064b --- /dev/null +++ b/site/gatsby-site/src/utils/classifications.js @@ -0,0 +1,19 @@ +/* + * @param classification - The document from the `classifications` collection. + */ +export function getClassificationValue(classification, short_name, config) { + config ||= {}; + + const attribute = + classification.attributes && + classification.attributes.find((attribute) => attribute.short_name == short_name); + + if (attribute) { + return JSON.parse(attribute.value_json); //attribute.value[attribute.type] + } + if (classification.classifications) { + return classification.classifications[ + config.spaceToUnderScore ? short_name.split(' ').join('_') : short_name + ]; + } +} From 878de371a693b5cd24f021e82a0c4662a4eb18ca Mon Sep 17 00:00:00 2001 From: Luna McNulty Date: Wed, 18 Jan 2023 14:03:01 -0500 Subject: [PATCH 13/39] Fix taxonomy visualizations --- site/gatsby-site/src/templates/taxonomy.js | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/site/gatsby-site/src/templates/taxonomy.js b/site/gatsby-site/src/templates/taxonomy.js index f107b8ea06..296e969f3f 100644 --- a/site/gatsby-site/src/templates/taxonomy.js +++ b/site/gatsby-site/src/templates/taxonomy.js @@ -380,6 +380,16 @@ export const pageQuery = graphql` } value_json } + fields { + geocode { + geometry { + location { + lat + lng + } + } + } + } } } } From 040da8ccf66548aeba0a5f87fd0213970354c383 Mon Sep 17 00:00:00 2001 From: Luna McNulty Date: Wed, 18 Jan 2023 17:22:17 -0500 Subject: [PATCH 14/39] Remove classification.classifications and attribute.value --- ....11.00.delete-classifications-from-cset.js | 19 ++ .../src/components/TaxonomyGraphCarousel.js | 13 +- .../src/components/taxa/TaxonomyForm.js | 269 +++++------------- .../components/visualizations/LocationMap.js | 1 - .../src/graphql/classifications.js | 198 +------------ site/gatsby-site/src/pages/taxonomies.js | 27 +- site/gatsby-site/src/templates/cite.js | 35 --- site/gatsby-site/src/templates/taxonomy.js | 35 --- .../aiidprod/classifications/schema.json | 160 +---------- 9 files changed, 108 insertions(+), 649 deletions(-) create mode 100644 site/gatsby-site/migrations/2023.01.18T19.11.00.delete-classifications-from-cset.js diff --git a/site/gatsby-site/migrations/2023.01.18T19.11.00.delete-classifications-from-cset.js b/site/gatsby-site/migrations/2023.01.18T19.11.00.delete-classifications-from-cset.js new file mode 100644 index 0000000000..751db0138e --- /dev/null +++ b/site/gatsby-site/migrations/2023.01.18T19.11.00.delete-classifications-from-cset.js @@ -0,0 +1,19 @@ +const config = require('../config'); + +/** @type {import('umzug').MigrationFn} */ +exports.up = async ({ context: { client } }) => { + const classifications = client + .db(config.realm.production_db.db_name) + .collection('classifications'); + + const csetClassifications = await classifications.find({ namespace: 'CSET' }); + + while (await csetClassifications.hasNext()) { + const csetClassification = await csetClassifications.next(); + + classifications.updateOne( + { namespace: 'CSET', incident_id: csetClassification.incident_id }, + { $unset: { classifications: null } } + ); + } +}; diff --git a/site/gatsby-site/src/components/TaxonomyGraphCarousel.js b/site/gatsby-site/src/components/TaxonomyGraphCarousel.js index 1b6027d4e3..f1add932c4 100644 --- a/site/gatsby-site/src/components/TaxonomyGraphCarousel.js +++ b/site/gatsby-site/src/components/TaxonomyGraphCarousel.js @@ -2,6 +2,7 @@ import React from 'react'; import { Carousel } from 'flowbite-react'; import BillboardChart from 'react-billboardjs'; import { donut } from 'billboard.js'; +import { getClassificationValue } from 'utils/classifications'; const TaxonomyGraphCarousel = ({ namespace, axes, data }) => { const taxaData = data.allMongodbAiidprodTaxa; @@ -39,13 +40,15 @@ const TaxonomyGraphCarousel = ({ namespace, axes, data }) => { if (classification.namespace != namespace) { continue; } - if (classification.classifications) { - if (!classification.classifications.Publish) { + if (classification.attributes) { + if (getClassificationValue(classification, 'Publish') === false) { continue; } - for (const axis in classification.classifications) { + for (const attribute of classification.attributes) { + const axis = attribute.short_name; + categoryCounts[axis] ||= {}; - const value = classification.classifications[axis]; + const value = getClassificationValue(classification, axis); // classification.classifications[axis]; if (Array.isArray(value)) { for (const category of value) { @@ -94,7 +97,7 @@ const TaxonomyGraphCarousel = ({ namespace, axes, data }) => { {!classificationsLoading && classificationsData?.nodes && axes.map((axis, index) => { - const dbAxis = axis.replace(/ /g, '_'); + const dbAxis = axis; //axis.replace(/ /g, '_'); const columns = Object.keys(categoryCounts[dbAxis]) .map((category) => [category, categoryCounts[dbAxis][category]]) diff --git a/site/gatsby-site/src/components/taxa/TaxonomyForm.js b/site/gatsby-site/src/components/taxa/TaxonomyForm.js index ecb2f0d558..00b99a0a31 100644 --- a/site/gatsby-site/src/components/taxa/TaxonomyForm.js +++ b/site/gatsby-site/src/components/taxa/TaxonomyForm.js @@ -8,16 +8,10 @@ import Loader from 'components/ui/Loader'; import config from '../../../config.js'; import { useMutation, useQuery } from '@apollo/client'; -import { - FIND_CSET_CLASSIFICATION, - FIND_CSET2_CLASSIFICATION, - FIND_CLASSIFICATION, - UPDATE_CSET_CLASSIFICATION, - UPDATE_CSET2_CLASSIFICATION, - UPDATE_CLASSIFICATION, -} from '../../graphql/classifications.js'; +import { FIND_CLASSIFICATION, UPDATE_CLASSIFICATION } from '../../graphql/classifications.js'; import useToastContext, { SEVERITY } from 'hooks/useToast'; import Tags from 'components/forms/Tags.js'; +import { getClassificationValue } from 'utils/classifications'; const FormContainer = styled.div` padding: 1em; @@ -25,41 +19,6 @@ const FormContainer = styled.div` const TEXTAREA_LIMIT = 120; -const queryMap = { - CSET: FIND_CSET_CLASSIFICATION, - CSET2: FIND_CSET2_CLASSIFICATION, - TestTaxonomy: FIND_CLASSIFICATION, -}; - -const mutationMap = { - CSET: UPDATE_CSET_CLASSIFICATION, - CSET2: UPDATE_CSET2_CLASSIFICATION, - TestTaxonomy: UPDATE_CLASSIFICATION, -}; - -const getTaxaFieldKey = (key) => { - key = key.split(' ').join(''); - - switch (key) { - case 'LevelofAutonomy': - return 'LevelOfAutonomy'; - // ^ ^ - case 'NatureofEndUser': - return 'NatureOfEndUser'; - // ^ ^ - case 'SectorofDeployment': - return 'SectorOfDeployment'; - // ^ ^ - case 'RelevantAIfunctions': - return 'RelevantAIFunctions'; - // ^ ^ - case 'DatasheetsforDatasets': - return 'DatasheetsForDatasets'; - // ^ ^ - } - return key; -}; - const TaxonomyForm = forwardRef(function TaxonomyForm({ namespace, incidentId, onSubmit }, ref) { const [loading, setLoading] = useState(true); @@ -77,8 +36,6 @@ const TaxonomyForm = forwardRef(function TaxonomyForm({ namespace, incidentId, o const formRef = useRef(null); - console.log('TaxonomyForm(', { namespace, incidentId, onSubmit }, ')'); - useImperativeHandle(ref, () => ({ submit() { formRef.current.submitForm(); @@ -101,69 +58,45 @@ const TaxonomyForm = forwardRef(function TaxonomyForm({ namespace, incidentId, o ); }, []); - const { data: classificationsData } = useQuery(queryMap[namespace], { + const { data: classificationsData } = useQuery(FIND_CLASSIFICATION, { variables: { query: { incident_id: incidentId } }, }); - console.log(`classificationsData`, classificationsData); + const classification = + classificationsData && + taxonomy && + classificationsData.classifications.find( + (classification) => classification.namespace == taxonomy.namespace + ); - const [updateClassification] = useMutation(mutationMap[namespace]); + const [updateClassification] = useMutation(UPDATE_CLASSIFICATION); useEffect(() => { - if (classificationsData && taxonomy) { - const classification = classificationsData.classifications.find( - (classification) => classification.namespace == taxonomy.namespace - ); - - const classifications = classification?.classifications; - - const attributes = classification?.attributes; - + if (classification) { const notes = classification?.notes || ''; const fieldsArray = []; const defaultValues = {}; - taxonomy.field_list.forEach((taxaField) => { - const field = { - display_type: taxaField.display_type, - mongo_type: taxaField.mongo_type, - permitted_values: taxaField.permitted_values, - placeholder: taxaField.placeholder, - required: taxaField.required, - short_description: taxaField.short_description, - short_name: taxaField.short_name, - key: getTaxaFieldKey(taxaField.short_name), - }; - + taxonomy.field_list.forEach((field) => { fieldsArray.push(field); - let classificationValue; - - if (attributes) { - const attribute = attributes.find((a) => a.short_name == field.short_name); - - console.log(`attribute`, attribute); + let classificationValue = getClassificationValue(classification, field.short_name); - classificationValue = JSON.parse(attribute.value_json); //attribute.value[attribute.mongo_type]; - } else if (classifications) { - classificationValue = classifications[field.key]; - } - - if (classificationValue === undefined) { - if (taxaField.display_type === 'multi') { + if (classificationValue === null) { + if (field.display_type === 'multi') { classificationValue = []; } else { classificationValue = ''; } } else { - if (taxaField.display_type === 'date') { - classificationValue = classifications[field.key].split('T')[0]; + if (field.display_type === 'date') { + classificationValue = classificationValue.split('T')[0]; } } - defaultValues[field.key] = classificationValue; + defaultValues[field.short_name] = classificationValue; }); setFieldsWithDefaultValues(fieldsArray); @@ -184,7 +117,7 @@ const TaxonomyForm = forwardRef(function TaxonomyForm({ namespace, incidentId, o setFieldValue ) => { return ( -
+
{rawField.short_name} {rawField.display_type === 'enum' && ( <> @@ -192,49 +125,49 @@ const TaxonomyForm = forwardRef(function TaxonomyForm({ namespace, incidentId, o ))} )} {rawField.display_type === 'string' && - formikValues[rawField.key].length <= TEXTAREA_LIMIT && ( + formikValues[rawField.short_name].length <= TEXTAREA_LIMIT && ( )} {rawField.display_type === 'string' && - formikValues[rawField.key].length > TEXTAREA_LIMIT && ( + formikValues[rawField.short_name].length > TEXTAREA_LIMIT && ( )} {rawField.display_type === 'bool' && (

<> - {isEditing ? ( - + {taxonomyBeingEdited == taxonomy ? ( + ) : ( - canEdit && + canEdit && )} {
<> - {!isEditing ? ( + {taxonomyBeingEdited != taxonomy ? ( <> {showBanner && (
diff --git a/site/gatsby-site/src/components/taxa/TaxonomyForm.js b/site/gatsby-site/src/components/taxa/TaxonomyForm.js index a8f0795031..e0e464e06d 100644 --- a/site/gatsby-site/src/components/taxa/TaxonomyForm.js +++ b/site/gatsby-site/src/components/taxa/TaxonomyForm.js @@ -17,8 +17,6 @@ const FormContainer = styled.div` padding: 1em; `; -const TEXTAREA_LIMIT = 120; - const TaxonomyForm = forwardRef(function TaxonomyForm({ namespace, incidentId, onSubmit }, ref) { const [loading, setLoading] = useState(true); @@ -72,7 +70,7 @@ const TaxonomyForm = forwardRef(function TaxonomyForm({ namespace, incidentId, o const [updateClassification] = useMutation(UPDATE_CLASSIFICATION); useEffect(() => { - if (taxonomy) { + if (taxonomy && classificationsData) { const notes = classification?.notes || ''; const fieldsArray = []; @@ -91,7 +89,8 @@ const TaxonomyForm = forwardRef(function TaxonomyForm({ namespace, incidentId, o } else { classificationValue = ''; } - } else { + } + if (classificationValue) { if (field.display_type === 'date') { classificationValue = classificationValue.split('T')[0]; } @@ -110,156 +109,6 @@ const TaxonomyForm = forwardRef(function TaxonomyForm({ namespace, incidentId, o } }, [classificationsData, taxonomy]); - const generateFormField = ( - rawField, - handleChange, - formikValues, - setFieldTouched, - setFieldValue - ) => { - return ( -
- {rawField.short_name} - {rawField.display_type === 'enum' && ( - <> - {rawField.permitted_values.map((v) => ( - - ))} - - )} - - {rawField.display_type === 'string' && - formikValues[rawField.short_name]?.length <= TEXTAREA_LIMIT && ( - - )} - - {rawField.display_type === 'string' && - formikValues[rawField.short_name]?.length > TEXTAREA_LIMIT && ( - - )} - - {rawField.display_type === 'bool' && ( - - - - - - )} - - {rawField.display_type === 'date' && ( - - )} - - {rawField.display_type === 'location' && ( - - )} - - {rawField.display_type === 'list' && ( - { - setFieldTouched(rawField.short_name, true); - setFieldValue(rawField.short_name, value); - }} - /> - )} - - {rawField.display_type === 'multi' && ( - <> - {rawField.permitted_values.map((v) => ( - - ))} - - )} - {rawField.short_description} -
- ); - }; - - if (loading) { - return ( - - - - ); - } - - if (error !== '') { - return ( - - {error} - - ); - } - - if (fieldsWithDefaultValues.length === 0) { - return ( - - {'Could not render form edit'} - - ); - } - const submit = async (values, { setSubmitting }) => { try { const data = { @@ -303,6 +152,33 @@ const TaxonomyForm = forwardRef(function TaxonomyForm({ namespace, incidentId, o } }; + if (loading) { + return ( + + + + ); + } + + if (error !== '') { + return ( + + {error} + + ); + } + + if (fieldsWithDefaultValues.length === 0) { + return ( + + {'Could not render form edit'} + + ); + } + + console.log(`loading`, loading); + console.log(`initialValues`, initialValues); + return ( @@ -335,4 +211,208 @@ const TaxonomyForm = forwardRef(function TaxonomyForm({ namespace, incidentId, o ); }); +function generateFormField(rawField, handleChange, formikValues, setFieldTouched, setFieldValue) { + return ( +
+ + {rawField.field_number ? rawField.field_number + '. ' : ''} + {rawField.short_name} + + {rawField.display_type === 'enum' && + rawField.permitted_values.length <= 5 && + rawField.permitted_values.map((v) => ( + + ))} + {rawField.display_type === 'enum' && rawField.permitted_values.length > 5 && ( + <> + + + {rawField.permitted_values.map((v) => ( + /**/ + + ))} + + + )} + + {rawField.display_type === 'string' && ( + + )} + + {rawField.display_type === 'long_string' && ( + + )} + + {rawField.display_type === 'bool' && ( + <> + + + + )} + + {/*rawField.display_type === 'bool' && ( + + + + + + )*/} + + {rawField.display_type == 'int' && ( + + )} + + {rawField.display_type === 'date' && ( + + )} + + {rawField.display_type === 'location' && ( + + )} + + {rawField.display_type === 'list' && ( + { + setFieldTouched(rawField.short_name, true); + setFieldValue(rawField.short_name, value); + }} + /> + )} + + {rawField.display_type === 'multi' && ( + <> + {rawField.permitted_values.map((v) => ( + + ))} + + )} + + { + // TODO: Make this work for multiple entities, + // store values in parent field. + rawField.display_type === 'object-list' && + rawField.subfields.map((subfield) => { + console.log(`subfield`, subfield); + const result = generateFormField( + subfield, + handleChange, + formikValues, + setFieldTouched, + setFieldValue + ); + + console.log(`result`, result); + return result; + }) + } + + {rawField.short_description} +
+ ); +} + export default TaxonomyForm; diff --git a/site/gatsby-site/src/templates/cite.js b/site/gatsby-site/src/templates/cite.js index 8df6dc8a89..8e19d21f47 100644 --- a/site/gatsby-site/src/templates/cite.js +++ b/site/gatsby-site/src/templates/cite.js @@ -141,6 +141,8 @@ function CitePage(props) { taxonomies.map((t) => ({ ...t, canEdit: false })) ); + const [taxonomyBeingEdited, setTaxonomyBeingEdited] = useState(); + useEffect(() => { setTaxonomiesList((list) => list.map((t) => ({ @@ -400,6 +402,10 @@ function CitePage(props) { taxonomy={t} incidentId={incident.incident_id} canEdit={t.canEdit} + {...{ + taxonomyBeingEdited, + setTaxonomyBeingEdited, + }} /> ))} From 63d1ee005b89eed0ba8e198245d1602393a3c6fd Mon Sep 17 00:00:00 2001 From: Luna McNulty Date: Wed, 25 Jan 2023 14:58:24 -0500 Subject: [PATCH 22/39] Make nested attributes work --- .../2022.12.16T22.19.00.add-cset2-taxonomy.js | 2 +- .../src/components/taxa/Taxonomy.js | 16 +- .../src/components/taxa/TaxonomyForm.js | 427 ++++++++++++------ site/gatsby-site/src/utils/AlgoliaUpdater.js | 9 +- 4 files changed, 305 insertions(+), 149 deletions(-) diff --git a/site/gatsby-site/migrations/2022.12.16T22.19.00.add-cset2-taxonomy.js b/site/gatsby-site/migrations/2022.12.16T22.19.00.add-cset2-taxonomy.js index 51f93fe55c..9157cd9921 100644 --- a/site/gatsby-site/migrations/2022.12.16T22.19.00.add-cset2-taxonomy.js +++ b/site/gatsby-site/migrations/2022.12.16T22.19.00.add-cset2-taxonomy.js @@ -1093,7 +1093,7 @@ var csetV1TaxaEntry = { short_description: 'Indicates the entity’s relationship to the AI.', long_description: 'Indicates the entity’s relationship to the AI. Note, the smallest possible chain of harm has just two elements; an AI and an entity experiencing harm, near-miss, or issue.', - display_type: 'enum', + display_type: 'multi', mongo_type: 'string', default: '', placeholder: '', diff --git a/site/gatsby-site/src/components/taxa/Taxonomy.js b/site/gatsby-site/src/components/taxa/Taxonomy.js index 13bf43b850..91e5b155ec 100644 --- a/site/gatsby-site/src/components/taxa/Taxonomy.js +++ b/site/gatsby-site/src/components/taxa/Taxonomy.js @@ -52,7 +52,7 @@ const Taxonomy = ({
<> - {taxonomyBeingEdited != taxonomy ? ( + {taxonomyBeingEdited != taxonomy && ( <> {showBanner && (
@@ -135,15 +135,13 @@ const Taxonomy = ({
)} - ) : ( - <> - - )} + ); diff --git a/site/gatsby-site/src/components/taxa/TaxonomyForm.js b/site/gatsby-site/src/components/taxa/TaxonomyForm.js index e0e464e06d..f159f29b63 100644 --- a/site/gatsby-site/src/components/taxa/TaxonomyForm.js +++ b/site/gatsby-site/src/components/taxa/TaxonomyForm.js @@ -17,7 +17,10 @@ const FormContainer = styled.div` padding: 1em; `; -const TaxonomyForm = forwardRef(function TaxonomyForm({ namespace, incidentId, onSubmit }, ref) { +const TaxonomyForm = forwardRef(function TaxonomyForm( + { namespace, incidentId, onSubmit, active }, + ref +) { const [loading, setLoading] = useState(true); const [error] = useState(''); @@ -58,6 +61,7 @@ const TaxonomyForm = forwardRef(function TaxonomyForm({ namespace, incidentId, o const { data: classificationsData } = useQuery(FIND_CLASSIFICATION, { variables: { query: { incident_id: incidentId } }, + skip: !active, }); const classification = @@ -69,7 +73,14 @@ const TaxonomyForm = forwardRef(function TaxonomyForm({ namespace, incidentId, o const [updateClassification] = useMutation(UPDATE_CLASSIFICATION); - useEffect(() => { + const allTaxonomyFields = + taxonomy && + taxonomy.field_list.reduce( + (fields, field) => fields.concat([field]).concat(field.subfields || []), + [] + ); + + const loadInitialValues = () => { if (taxonomy && classificationsData) { const notes = classification?.notes || ''; @@ -83,6 +94,23 @@ const TaxonomyForm = forwardRef(function TaxonomyForm({ namespace, incidentId, o let classificationValue = classification && getClassificationValue(classification, field.short_name); + if (classificationValue && field.display_type == 'object-list') { + console.log('Creating values for object-list'); + console.log(`classificationValue`, classificationValue); + classificationValue.forEach((subClassification, i) => { + console.log(`subClassification`, subClassification); + for (const subAttribute of subClassification.attributes) { + const formValue = JSON.parse(subAttribute.value_json); + + console.log(`formValue`, formValue); + const formKey = [field.short_name, i, subAttribute.short_name].join('___'); + + console.log(`formKey`, formKey); + defaultValues[formKey] = formValue; + } + }); + } + if (classificationValue === null) { if (field.display_type === 'multi') { classificationValue = []; @@ -107,28 +135,124 @@ const TaxonomyForm = forwardRef(function TaxonomyForm({ namespace, incidentId, o }); setLoading(false); } - }, [classificationsData, taxonomy]); + }; + + useEffect(loadInitialValues, [classificationsData, taxonomy]); const submit = async (values, { setSubmitting }) => { try { + const attributes = []; + + const subfields = []; + + const superfieldKeys = []; + + console.log(`allTaxonomyFields`, allTaxonomyFields); + Object.keys(values) + .filter((key) => key != 'notes') + .map((key) => { + console.log(`key`, key); + const taxonomyField = allTaxonomyFields.find( + (field) => field.short_name == key.replace(/.*___/g, '') + ); + + console.log(`taxonomyField`, taxonomyField); + const mongo_type = taxonomyField.mongo_type; + + let value = values[key]; + + if (mongo_type == 'bool') value = Boolean(value); + if (mongo_type == 'int') value = Number(value); + if (mongo_type == 'object') value = {}; + return { + short_name: key, + value_json: JSON.stringify(value), + mongo_type, + }; + }) + .forEach((attribute) => { + // E.g. {short_name: 'Entities___0___Entity', value_json: '"Google"'} + if (attribute.short_name.split('___').length > 1) { + subfields.push(attribute); + superfieldKeys.push(attribute.short_name.split('___')[0]); + } else { + attributes.push(attribute); + } + }); + + const superfields = attributes.filter((attribute) => + superfieldKeys.includes(attribute.short_name) + ); + + console.log(`subfields`, subfields); + console.log(`superfields`, superfields); + + for (const superfield of superfields) { + // E.g. { short_name: "Entities", value_json: "{}" } + + console.log(`superfield`, superfield); + // E.g. [{short_name: 'Entities___0___Entity', value_json: '"Google"' }, + // {short_name: 'Entities___0___Entity Type', value_json: '"for-profit organization"'}, + // {short_name: 'Entities___1___Entity', value_json: '"Google Users"' }, + // {short_name: 'Entities___1___Entity Type', value_json: '"Group"' } ] + const superfieldSubfields = subfields.filter( + (subfield) => subfield.short_name.split('___')[0] == superfield.short_name + ); + + console.log(`superfieldSubfields`, superfieldSubfields); + + // E.g. ["0", "1"] + const subClassificationIds = Array.from( + new Set(superfieldSubfields.map((subfield) => subfield.short_name.split('___')[1])) + ); + + console.log(`subClassificationIds`, subClassificationIds); + + const subClassifications = []; + + for (const subClassificationId of subClassificationIds) { + // E.g. "0" + console.log(`subClassificationId`, subClassificationId); + // E.g. [{short_name: 'Entity', value_json: '"Google"' }, + // {short_name: 'Entity Type', value_json: '"for-profit organization"'} ] + const subClassificationAttributes = superfieldSubfields + .filter((subfield) => subfield.short_name.split('___')[1] == subClassificationId) + .map((subfield) => ({ ...subfield, short_name: subfield.short_name.split('___')[2] })); + + console.log(`subClassificationAttributes`, subClassificationAttributes); + const subClassification = { attributes: subClassificationAttributes }; + + subClassifications.push(subClassification); + } + console.log(`subClassifications`, subClassifications); + + superfield.value_json = JSON.stringify( + // E.g. + // [ { attributes: [ + // {short_name: 'Entities___0___Entity', value_json: '"Google"' }, + // {short_name: 'Entities___0___Entity Type', value_json: '"for-profit organization"'} + // ] + // }, + // { attributes: [ + // {short_name: 'Entities___1___Entity', value_json: '"Google Users"' }, + // {short_name: 'Entities___1___Entity Type', value_json: '"Group"' } + // ] + // } + // ] + subClassifications + ); + } + const data = { __typename: undefined, incident_id: incidentId, namespace, notes: values.notes, - attributes: Object.keys(values) - .filter((key) => key != 'notes') - .map((key) => ({ - short_name: key, - value_json: JSON.stringify(values[key]), - mongo_type: Array.isArray(values[key]) - ? 'array' - : typeof values[key] === 'boolean' - ? 'bool' - : 'string', - })), + attributes, }; + console.log(`data`, data); + await updateClassification({ variables: { query: { @@ -138,6 +262,7 @@ const TaxonomyForm = forwardRef(function TaxonomyForm({ namespace, incidentId, o data, }, }); + console.log(`values`, values); } catch (e) { addToast({ message: <>Error updating classification data: {e.message}, @@ -152,6 +277,9 @@ const TaxonomyForm = forwardRef(function TaxonomyForm({ namespace, incidentId, o } }; + if (!active) { + return <>; + } if (loading) { return ( @@ -176,84 +304,93 @@ const TaxonomyForm = forwardRef(function TaxonomyForm({ namespace, incidentId, o ); } - console.log(`loading`, loading); console.log(`initialValues`, initialValues); return ( - {({ values, handleChange, handleSubmit, setFieldTouched, setFieldValue, isSubmitting }) => ( -
- - Notes - - -
- {fieldsWithDefaultValues.map((rawField) => - generateFormField(rawField, handleChange, values, setFieldTouched, setFieldValue) - )} - -
-
- )} + {({ values, handleChange, handleSubmit, setFieldTouched, setFieldValue, isSubmitting }) => { + setInitialValues(values); + return ( +
+ + Notes + + +
+ {fieldsWithDefaultValues.map((rawField) => ( + + ))} + +
+
+ ); + }} ); }); -function generateFormField(rawField, handleChange, formikValues, setFieldTouched, setFieldValue) { +function FormField({ + field, + handleChange, + formikValues, + setFieldTouched, + setFieldValue, + superfield, + superfieldIndex, +}) { + const identifier = superfield + ? `${superfield.short_name}___${superfieldIndex}___${field.short_name}` + : field.short_name; + return ( -
+
- {rawField.field_number ? rawField.field_number + '. ' : ''} - {rawField.short_name} + {field.field_number ? field.field_number + '. ' : ''} + {field.short_name} - {rawField.display_type === 'enum' && - rawField.permitted_values.length <= 5 && - rawField.permitted_values.map((v) => ( + {field.display_type === 'enum' && + field.permitted_values.length <= 5 && + field.permitted_values.map((v) => ( ))} - {rawField.display_type === 'enum' && rawField.permitted_values.length > 5 && ( + {field.display_type === 'enum' && field.permitted_values.length > 5 && ( <> - {rawField.permitted_values.map((v) => ( - /**/ + {field.permitted_values.map((v) => ( @@ -262,130 +399,109 @@ function generateFormField(rawField, handleChange, formikValues, setFieldTouched )} - {rawField.display_type === 'string' && ( + {field.display_type === 'string' && ( )} - {rawField.display_type === 'long_string' && ( + {field.display_type === 'long_string' && ( )} - {rawField.display_type === 'bool' && ( + {field.display_type === 'bool' && ( <> )} - {/*rawField.display_type === 'bool' && ( - - - - - - )*/} - - {rawField.display_type == 'int' && ( + {field.display_type == 'int' && ( )} - {rawField.display_type === 'date' && ( + {field.display_type === 'date' && ( )} - {rawField.display_type === 'location' && ( + {field.display_type === 'location' && ( )} - {rawField.display_type === 'list' && ( + {field.display_type === 'list' && ( { - setFieldTouched(rawField.short_name, true); - setFieldValue(rawField.short_name, value); + setFieldTouched(identifier, true); + setFieldValue(identifier, value); }} /> )} - {rawField.display_type === 'multi' && ( + {field.display_type === 'multi' && ( <> - {rawField.permitted_values.map((v) => ( + {field.permitted_values.map((v) => ( ))} @@ -394,25 +510,62 @@ function generateFormField(rawField, handleChange, formikValues, setFieldTouched { // TODO: Make this work for multiple entities, // store values in parent field. - rawField.display_type === 'object-list' && - rawField.subfields.map((subfield) => { - console.log(`subfield`, subfield); - const result = generateFormField( - subfield, + field.display_type === 'object-list' && ( + + ) } - {rawField.short_description} + {field.short_description}
); } +function ObjectListField({ field, handleChange, formikValues, setFieldTouched, setFieldValue }) { + // These are client-side only + const [objectListItemIds, setObjectListItemsIds] = useState( + getSubclassificationIds(Object.keys(formikValues)) + ); + + console.log(`objectListItemIds`, objectListItemIds); + + return ( + <> + {objectListItemIds.map((id) => ( +
+ {field.subfields.map((subfield) => ( + + ))} +
+ ))} + + + ); +} + +var getSubclassificationIds = (formikKeys) => + Array.from(new Set(formikKeys.map((key) => key.split('___')[1]))).filter( + (id) => id !== undefined + ); + export default TaxonomyForm; diff --git a/site/gatsby-site/src/utils/AlgoliaUpdater.js b/site/gatsby-site/src/utils/AlgoliaUpdater.js index aa1e96d107..c1ac82745b 100644 --- a/site/gatsby-site/src/utils/AlgoliaUpdater.js +++ b/site/gatsby-site/src/utils/AlgoliaUpdater.js @@ -55,9 +55,14 @@ const getClassificationArray = (classification) => { classification.namespace != 'CSET' || includedCSETAttributes.includes(attribute.short_name) ) { - const value = JSON.parse(attribute.value_json); + try { + const value = JSON.parse(attribute.value_json); - result.push(`${classification.namespace}:${attribute.short_name}:${value}`); + result.push(`${classification.namespace}:${attribute.short_name}:${value}`); + } catch (e) { + console.log(`attribute.value_json`, attribute.value_json); + console.error(e); + } } } } From 3d9695de250eb0caa00bfc191eb207b98045fc1c Mon Sep 17 00:00:00 2001 From: Luna McNulty Date: Wed, 25 Jan 2023 17:14:22 -0500 Subject: [PATCH 23/39] Update tsne --- .../createTsneVisualizationPage.js | 5 ++-- .../src/components/cite/TsneVisualization.js | 27 ++++++++++++------- 2 files changed, 21 insertions(+), 11 deletions(-) diff --git a/site/gatsby-site/page-creators/createTsneVisualizationPage.js b/site/gatsby-site/page-creators/createTsneVisualizationPage.js index 32f7be908f..a5f3c3c7d5 100644 --- a/site/gatsby-site/page-creators/createTsneVisualizationPage.js +++ b/site/gatsby-site/page-creators/createTsneVisualizationPage.js @@ -43,8 +43,9 @@ const createTsneVisualizationPage = async (graphql, createPage) => { allMongodbAiidprodClassifications(filter: { incident_id: { in: [${incidentIds}] } }) { nodes { incident_id - classifications { - ${csetClassifications.map((s) => s.replace(/ /g, '_')).join('\n')} + attributes { + short_name + value_json } } } diff --git a/site/gatsby-site/src/components/cite/TsneVisualization.js b/site/gatsby-site/src/components/cite/TsneVisualization.js index 1f091cace6..15d307d088 100644 --- a/site/gatsby-site/src/components/cite/TsneVisualization.js +++ b/site/gatsby-site/src/components/cite/TsneVisualization.js @@ -17,6 +17,8 @@ export default function TsneVisualization({ }) { const [axis, setAxis] = useState('Sector of Deployment'); + const [namespace, setNamespace] = useState('CSET'); + const [highlightedCategory, setHighlightedCategory] = useState(null); const { t } = useTranslation(); @@ -28,7 +30,8 @@ export default function TsneVisualization({ const taxons = Array.from( new Set( classifications - .map((c) => c.classifications[axis.replace(/ /g, '_')]) + .filter((c) => c.namespace == namespace) + .map((c) => JSON.parse(c.attributes.find(attribute => attribute.short_name == axis).value_json)) .map((e) => (Array.isArray(e) ? e[0] : e)) .reduce((result, value) => result.concat(value), []) .filter((value) => value) @@ -63,6 +66,7 @@ export default function TsneVisualization({ currentIncidentId, taxonColorMap, taxonVisibility, + namespace, axis, highlightedCategory, }} @@ -136,6 +140,7 @@ function VisualizationView({ currentIncidentId, taxonColorMap, taxonVisibility, + namespace, axis, highlightedCategory, }) { @@ -162,12 +167,13 @@ function VisualizationView({ classifications={ classifications.find( (classification) => classification.incident_id == incident.incident_id - )?.classifications || {} + ) || [] } key={incident.incident_id} {...{ highlightedCategory, currentIncidentId, + namespace, axis, taxonColorMap, taxonVisibility, @@ -193,6 +199,7 @@ function PlotPoint({ classifications, taxonColorMap, taxonVisibility, + namespace, axis, currentIncidentId, highlightedCategory, @@ -209,19 +216,21 @@ function PlotPoint({ const [hoverTimeout, setHoverTimeout] = useState(null); - const dbAxis = axis.replace(/ /g, '_'); - let taxon = 'Unclassified'; - if (classifications && classifications[dbAxis]) { + if (classifications) { + const classification = classifications.find((c) => c.namespace == namescape); + const attribute = classification.attributes.find(a => a.short_name == axis) + const value = JSON.parse(attribute.value_json); + let initialString = null; - if (Array.isArray(classifications[dbAxis])) { - if (classifications[dbAxis].length > 0) { - initialString = String(classifications[dbAxis][0]); + if (Array.isArray(value)) { + if (value.length > 0) { + initialString = String(value[0]); } } else { - initialString = String(classifications[dbAxis]); + initialString = String(value); } if (initialString && initialString.trim().length > 0) { taxon = initialString; From fd81790979c69bf5b8a503cabb18babde12d64f1 Mon Sep 17 00:00:00 2001 From: Luna McNulty Date: Wed, 25 Jan 2023 18:26:17 -0500 Subject: [PATCH 24/39] Make tsne visualization work again --- .../createTsneVisualizationPage.js | 1 + .../src/components/cite/TsneVisualization.js | 44 ++++++++++++------- 2 files changed, 28 insertions(+), 17 deletions(-) diff --git a/site/gatsby-site/page-creators/createTsneVisualizationPage.js b/site/gatsby-site/page-creators/createTsneVisualizationPage.js index a5f3c3c7d5..3ec1b61c33 100644 --- a/site/gatsby-site/page-creators/createTsneVisualizationPage.js +++ b/site/gatsby-site/page-creators/createTsneVisualizationPage.js @@ -43,6 +43,7 @@ const createTsneVisualizationPage = async (graphql, createPage) => { allMongodbAiidprodClassifications(filter: { incident_id: { in: [${incidentIds}] } }) { nodes { incident_id + namespace attributes { short_name value_json diff --git a/site/gatsby-site/src/components/cite/TsneVisualization.js b/site/gatsby-site/src/components/cite/TsneVisualization.js index 15d307d088..e2b2708e8b 100644 --- a/site/gatsby-site/src/components/cite/TsneVisualization.js +++ b/site/gatsby-site/src/components/cite/TsneVisualization.js @@ -17,7 +17,8 @@ export default function TsneVisualization({ }) { const [axis, setAxis] = useState('Sector of Deployment'); - const [namespace, setNamespace] = useState('CSET'); + // TODO: Allow selecting namespace and field together + const [namespace] = useState('CSET'); const [highlightedCategory, setHighlightedCategory] = useState(null); @@ -27,11 +28,16 @@ export default function TsneVisualization({ (incident) => incident.incident_id == currentIncidentId ); + const filteredClassifications = classifications.filter( + (c) => c.namespace == namespace && c.attributes != null && c.attributes.length > 0 + ); + const taxons = Array.from( new Set( - classifications - .filter((c) => c.namespace == namespace) - .map((c) => JSON.parse(c.attributes.find(attribute => attribute.short_name == axis).value_json)) + filteredClassifications + .map((c) => + JSON.parse(c.attributes.find((attribute) => attribute.short_name == axis).value_json) + ) .map((e) => (Array.isArray(e) ? e[0] : e)) .reduce((result, value) => result.concat(value), []) .filter((value) => value) @@ -165,7 +171,7 @@ function VisualizationView({ return ( classification.incident_id == incident.incident_id ) || [] } @@ -219,21 +225,25 @@ function PlotPoint({ let taxon = 'Unclassified'; if (classifications) { - const classification = classifications.find((c) => c.namespace == namescape); - const attribute = classification.attributes.find(a => a.short_name == axis) - const value = JSON.parse(attribute.value_json); + const classification = classifications.find((c) => c.namespace == namespace); + + if (classification && classification.attributes && classification.attributes.length > 0) { + const attribute = classification.attributes.find((a) => a.short_name == axis); - let initialString = null; + const value = JSON.parse(attribute.value_json); - if (Array.isArray(value)) { - if (value.length > 0) { - initialString = String(value[0]); + let initialString = null; + + if (Array.isArray(value)) { + if (value.length > 0) { + initialString = String(value[0]); + } + } else { + initialString = String(value); + } + if (initialString && initialString.trim().length > 0) { + taxon = initialString; } - } else { - initialString = String(value); - } - if (initialString && initialString.trim().length > 0) { - taxon = initialString; } } From 3ba0810989d1120d37f374dff40ebef796f532c7 Mon Sep 17 00:00:00 2001 From: Luna McNulty Date: Thu, 26 Jan 2023 13:58:18 -0500 Subject: [PATCH 25/39] Improve tsne integration, remove logs --- .../src/components/cite/TsneVisualization.js | 114 ++++++++++++------ .../src/components/taxa/TaxonomyForm.js | 27 +---- site/gatsby-site/src/utils/AlgoliaUpdater.js | 6 +- 3 files changed, 83 insertions(+), 64 deletions(-) diff --git a/site/gatsby-site/src/components/cite/TsneVisualization.js b/site/gatsby-site/src/components/cite/TsneVisualization.js index e2b2708e8b..9224b7e541 100644 --- a/site/gatsby-site/src/components/cite/TsneVisualization.js +++ b/site/gatsby-site/src/components/cite/TsneVisualization.js @@ -7,7 +7,7 @@ import { Image } from '../../utils/cloudinary'; import { TransformWrapper, TransformComponent } from 'react-zoom-pan-pinch'; import Color from 'color'; import { LocalizedLink } from 'gatsby-theme-i18n'; -import { Trans, useTranslation } from 'react-i18next'; +import { Trans } from 'react-i18next'; export default function TsneVisualization({ currentIncidentId, @@ -15,30 +15,55 @@ export default function TsneVisualization({ classifications, csetClassifications, }) { - const [axis, setAxis] = useState('Sector of Deployment'); + const [axis, setAxis] = useState('CSET::Sector of Deployment'); - // TODO: Allow selecting namespace and field together - const [namespace] = useState('CSET'); + const [axisNamespace, axisFieldName] = axis.split('::'); const [highlightedCategory, setHighlightedCategory] = useState(null); - const { t } = useTranslation(); - const currentSpatialIncident = incidents.find( (incident) => incident.incident_id == currentIncidentId ); - const filteredClassifications = classifications.filter( - (c) => c.namespace == namespace && c.attributes != null && c.attributes.length > 0 + const classificationsWithAttributes = classifications.filter( + (c) => c.attributes != null && c.attributes.length > 0 ); + const axes = []; + + const attributesByAxis = {}; + + for (const classification of classificationsWithAttributes) { + for (const attribute of classification.attributes) { + if (attributeIsNotEmpty(attribute)) { + const axis = classification.namespace + '::' + attribute.short_name; + + attributesByAxis[axis] ||= []; + attributesByAxis[axis].push(attribute); + } + } + } + for (const axis in attributesByAxis) { + const axisAttributes = attributesByAxis[axis]; + + const uniqueValues = new Set(axisAttributes.map((a) => a.value_json)); + + if ( + 1 < uniqueValues.size && + uniqueValues.size < (axisAttributes.length * 3) / 4 && + (axis.split('::')[0] != 'CSET' || csetClassifications.includes(axis.split('::')[1])) + ) { + axes.push(axis); + } + } + const taxons = Array.from( new Set( - filteredClassifications - .map((c) => - JSON.parse(c.attributes.find((attribute) => attribute.short_name == axis).value_json) - ) - .map((e) => (Array.isArray(e) ? e[0] : e)) + classificationsWithAttributes + .filter((c) => c.namespace == axisNamespace) + .map((c) => c.attributes.find((a) => a.short_name == axisFieldName)) + .filter((a) => a && a.value_json) + .map((a) => attributeToTaxon(a)) .reduce((result, value) => result.concat(value), []) .filter((value) => value) .concat('Unclassified') @@ -72,8 +97,9 @@ export default function TsneVisualization({ currentIncidentId, taxonColorMap, taxonVisibility, - namespace, axis, + axisNamespace, + axisFieldName, highlightedCategory, }} /> @@ -87,9 +113,9 @@ export default function TsneVisualization({ onChange={(event) => setAxis(event.target.value)} data-cy="color-axis-select" > - {csetClassifications.map((axis) => ( + {axes.map((axis) => ( ))} @@ -146,8 +172,9 @@ function VisualizationView({ currentIncidentId, taxonColorMap, taxonVisibility, - namespace, axis, + axisNamespace, + axisFieldName, highlightedCategory, }) { return ( @@ -179,8 +206,9 @@ function VisualizationView({ {...{ highlightedCategory, currentIncidentId, - namespace, axis, + axisNamespace, + axisFieldName, taxonColorMap, taxonVisibility, scaleMultiplier, @@ -205,8 +233,8 @@ function PlotPoint({ classifications, taxonColorMap, taxonVisibility, - namespace, - axis, + axisNamespace, + axisFieldName, currentIncidentId, highlightedCategory, }) { @@ -225,25 +253,12 @@ function PlotPoint({ let taxon = 'Unclassified'; if (classifications) { - const classification = classifications.find((c) => c.namespace == namespace); + const classification = classifications.find((c) => c.namespace == axisNamespace); if (classification && classification.attributes && classification.attributes.length > 0) { - const attribute = classification.attributes.find((a) => a.short_name == axis); - - const value = JSON.parse(attribute.value_json); + const attribute = classification.attributes.find((a) => a.short_name == axisFieldName); - let initialString = null; - - if (Array.isArray(value)) { - if (value.length > 0) { - initialString = String(value[0]); - } - } else { - initialString = String(value); - } - if (initialString && initialString.trim().length > 0) { - taxon = initialString; - } + taxon = attributeToTaxon(attribute); } } @@ -400,6 +415,33 @@ function PlotPoint({ ); } +var attributeIsNotEmpty = (attribute) => + attribute && ![null, undefined, '""', 'null', ''].includes(attribute.value_json); + +function attributeToTaxon(attribute) { + let taxon = 'Unclassified'; + + if (attributeIsNotEmpty(attribute)) { + const value = JSON.parse(attribute.value_json); + + let stringValue = null; + + if (Array.isArray(value)) { + if (value.length > 0) { + stringValue = String(value[0]); + } + } else if (typeof value == 'boolean') { + stringValue = value ? 'True' : 'False'; + } else { + stringValue = String(value); + } + if (stringValue !== null && stringValue.trim().length > 0) { + taxon = stringValue; + } + } + return taxon; +} + function getTaxonColorMap({ taxons }) { let taxonColorMap = { Sex: Color('#ff0090'), diff --git a/site/gatsby-site/src/components/taxa/TaxonomyForm.js b/site/gatsby-site/src/components/taxa/TaxonomyForm.js index f159f29b63..ad0336cef4 100644 --- a/site/gatsby-site/src/components/taxa/TaxonomyForm.js +++ b/site/gatsby-site/src/components/taxa/TaxonomyForm.js @@ -95,17 +95,12 @@ const TaxonomyForm = forwardRef(function TaxonomyForm( classification && getClassificationValue(classification, field.short_name); if (classificationValue && field.display_type == 'object-list') { - console.log('Creating values for object-list'); - console.log(`classificationValue`, classificationValue); classificationValue.forEach((subClassification, i) => { - console.log(`subClassification`, subClassification); for (const subAttribute of subClassification.attributes) { const formValue = JSON.parse(subAttribute.value_json); - console.log(`formValue`, formValue); const formKey = [field.short_name, i, subAttribute.short_name].join('___'); - console.log(`formKey`, formKey); defaultValues[formKey] = formValue; } }); @@ -147,16 +142,13 @@ const TaxonomyForm = forwardRef(function TaxonomyForm( const superfieldKeys = []; - console.log(`allTaxonomyFields`, allTaxonomyFields); Object.keys(values) .filter((key) => key != 'notes') .map((key) => { - console.log(`key`, key); const taxonomyField = allTaxonomyFields.find( (field) => field.short_name == key.replace(/.*___/g, '') ); - console.log(`taxonomyField`, taxonomyField); const mongo_type = taxonomyField.mongo_type; let value = values[key]; @@ -184,13 +176,9 @@ const TaxonomyForm = forwardRef(function TaxonomyForm( superfieldKeys.includes(attribute.short_name) ); - console.log(`subfields`, subfields); - console.log(`superfields`, superfields); - for (const superfield of superfields) { // E.g. { short_name: "Entities", value_json: "{}" } - console.log(`superfield`, superfield); // E.g. [{short_name: 'Entities___0___Entity', value_json: '"Google"' }, // {short_name: 'Entities___0___Entity Type', value_json: '"for-profit organization"'}, // {short_name: 'Entities___1___Entity', value_json: '"Google Users"' }, @@ -199,32 +187,26 @@ const TaxonomyForm = forwardRef(function TaxonomyForm( (subfield) => subfield.short_name.split('___')[0] == superfield.short_name ); - console.log(`superfieldSubfields`, superfieldSubfields); - // E.g. ["0", "1"] const subClassificationIds = Array.from( new Set(superfieldSubfields.map((subfield) => subfield.short_name.split('___')[1])) ); - console.log(`subClassificationIds`, subClassificationIds); - const subClassifications = []; for (const subClassificationId of subClassificationIds) { // E.g. "0" - console.log(`subClassificationId`, subClassificationId); + // E.g. [{short_name: 'Entity', value_json: '"Google"' }, // {short_name: 'Entity Type', value_json: '"for-profit organization"'} ] const subClassificationAttributes = superfieldSubfields .filter((subfield) => subfield.short_name.split('___')[1] == subClassificationId) .map((subfield) => ({ ...subfield, short_name: subfield.short_name.split('___')[2] })); - console.log(`subClassificationAttributes`, subClassificationAttributes); const subClassification = { attributes: subClassificationAttributes }; subClassifications.push(subClassification); } - console.log(`subClassifications`, subClassifications); superfield.value_json = JSON.stringify( // E.g. @@ -251,8 +233,6 @@ const TaxonomyForm = forwardRef(function TaxonomyForm( attributes, }; - console.log(`data`, data); - await updateClassification({ variables: { query: { @@ -262,7 +242,6 @@ const TaxonomyForm = forwardRef(function TaxonomyForm( data, }, }); - console.log(`values`, values); } catch (e) { addToast({ message: <>Error updating classification data: {e.message}, @@ -304,8 +283,6 @@ const TaxonomyForm = forwardRef(function TaxonomyForm( ); } - console.log(`initialValues`, initialValues); - return ( @@ -534,8 +511,6 @@ function ObjectListField({ field, handleChange, formikValues, setFieldTouched, s getSubclassificationIds(Object.keys(formikValues)) ); - console.log(`objectListItemIds`, objectListItemIds); - return ( <> {objectListItemIds.map((id) => ( diff --git a/site/gatsby-site/src/utils/AlgoliaUpdater.js b/site/gatsby-site/src/utils/AlgoliaUpdater.js index 964b4d3426..881d2a6507 100644 --- a/site/gatsby-site/src/utils/AlgoliaUpdater.js +++ b/site/gatsby-site/src/utils/AlgoliaUpdater.js @@ -54,8 +54,10 @@ const getClassificationArray = (classification) => { if (classification.attributes) { for (const attribute of classification.attributes) { if ( - classification.namespace != 'CSET' || - includedCSETAttributes.includes(attribute.short_name) + attribute.value_json && + attribute.value_json.length > 0 && + (classification.namespace != 'CSET' || + includedCSETAttributes.includes(attribute.short_name)) ) { try { const value = JSON.parse(attribute.value_json); From 0b38e1a47eef2ef1a15fc4634d04f4d35662c062 Mon Sep 17 00:00:00 2001 From: Luna McNulty Date: Tue, 31 Jan 2023 11:43:41 -0500 Subject: [PATCH 26/39] Remove graphql attributes[].value as value_json replaces it --- site/gatsby-site/src/pages/taxonomies.js | 5 ----- site/gatsby-site/src/templates/cite.js | 5 ----- site/gatsby-site/src/templates/taxonomy.js | 5 ----- 3 files changed, 15 deletions(-) diff --git a/site/gatsby-site/src/pages/taxonomies.js b/site/gatsby-site/src/pages/taxonomies.js index 5c48e52034..9916e37590 100644 --- a/site/gatsby-site/src/pages/taxonomies.js +++ b/site/gatsby-site/src/pages/taxonomies.js @@ -101,11 +101,6 @@ export const pageQuery = graphql` attributes { short_name mongo_type - value { - bool - string - array - } value_json } } diff --git a/site/gatsby-site/src/templates/cite.js b/site/gatsby-site/src/templates/cite.js index f96df90514..b0ef9500ce 100644 --- a/site/gatsby-site/src/templates/cite.js +++ b/site/gatsby-site/src/templates/cite.js @@ -505,11 +505,6 @@ export const query = graphql` attributes { short_name mongo_type - value { - bool - string - array - } value_json } } diff --git a/site/gatsby-site/src/templates/taxonomy.js b/site/gatsby-site/src/templates/taxonomy.js index 9d650c9a9a..60c68cdfac 100644 --- a/site/gatsby-site/src/templates/taxonomy.js +++ b/site/gatsby-site/src/templates/taxonomy.js @@ -338,11 +338,6 @@ export const pageQuery = graphql` attributes { short_name mongo_type - value { - bool - string - array - } value_json } fields { From d1a2530507ec0d6faf2bafaa01c05a9e44aedb55 Mon Sep 17 00:00:00 2001 From: Luna McNulty Date: Tue, 31 Jan 2023 13:44:03 -0500 Subject: [PATCH 27/39] Remove test taxonomy migration --- .../2023.01.13T16.09.13.add-test-taxonomy.js | 104 ------------------ 1 file changed, 104 deletions(-) delete mode 100644 site/gatsby-site/migrations/2023.01.13T16.09.13.add-test-taxonomy.js diff --git a/site/gatsby-site/migrations/2023.01.13T16.09.13.add-test-taxonomy.js b/site/gatsby-site/migrations/2023.01.13T16.09.13.add-test-taxonomy.js deleted file mode 100644 index 58b0d2c4fe..0000000000 --- a/site/gatsby-site/migrations/2023.01.13T16.09.13.add-test-taxonomy.js +++ /dev/null @@ -1,104 +0,0 @@ -const config = require('../config'); - -exports.up = async ({ context: { client } }) => { - const taxa = client.db(config.realm.production_db.db_name).collection('taxa'); - - const taxonomy = { - namespace: 'TestTaxonomy', - weight: 50, - description: 'A taxonomy that only exists to test the related features', - field_list: [ - { - short_name: 'element', - long_name: 'Classical Element', - short_description: 'Which classical element is this incident most associated with?', - long_description: - 'Which classical element (fire, water, earth, air) is this incident associated with?', - display_type: 'enum', - mongo_type: 'string', - default: '', - placeholder: 'Element', - permitted_values: ['fire', 'water', 'earth', 'air'], - weight: 50, - instant_facet: true, - required: false, - public: true, - }, - { - short_name: 'keywords', - long_name: 'Keywords', - short_description: 'What are the keywords for this incident?', - long_description: 'What are the keywords for this incident?', - display_type: 'list', - mongo_type: 'array', - default: '', - placeholder: 'keywords', - weight: 50, - instant_facet: true, - required: false, - public: true, - }, - { - short_name: 'interesting', - long_name: 'Interesting', - short_description: 'Is this incident interesting?', - long_description: 'Is this incident interesting?', - display_type: 'bool', - mongo_type: 'bool', - default: '', - placeholder: 'Interesting', - weight: 50, - instant_facet: true, - required: false, - public: true, - }, - ], - }; - - await taxa.insertOne(taxonomy); - - const classifications = client - .db(config.realm.production_db.db_name) - .collection('classifications'); - - const classification = { - incident_id: 1, - namespace: 'TestTaxonomy', - notes: '', - attributes: [ - { - short_name: 'interesting', - mongo_type: 'bool', - //value: { bool: true }, - value_json: 'true', - }, - { - short_name: 'element', - mongo_type: 'string', - //value: { string: 'fire' }, - value_json: '"fire"', - }, - { - short_name: 'keywords', - mongo_type: 'array', - //value: { array: ['Youtube', 'Kids'] }, - value_json: '["Youtube", "Kids"]', - }, - ], - }; - - await classifications.insertOne(classification); -}; - -/** @type {import('umzug').MigrationFn} */ -exports.down = async ({ context: { client } }) => { - const taxa = client.db(config.realm.production_db.db_name).collection('taxa'); - - await taxa.deleteOne({ namespace: 'TestTaxonomy' }); - - const classifications = client - .db(config.realm.production_db.db_name) - .collection('classifications'); - - await classifications.deleteMany({ namespace: 'TestTaxonomy' }); -}; From ef388ec68c333490a948e231bf2d04f045737495 Mon Sep 17 00:00:00 2001 From: Luna McNulty Date: Tue, 31 Jan 2023 13:55:56 -0500 Subject: [PATCH 28/39] Remove leftovers --- .../cypress/e2e/integration/cite.cy.js | 2 +- .../src/components/TaxonomyGraphCarousel.js | 2 +- site/gatsby-site/src/pages/taxonomies.js | 16 ---------------- site/gatsby-site/src/templates/taxonomy.js | 4 ++-- site/gatsby-site/src/utils/cite.js | 2 +- site/gatsby-site/src/utils/classifications.js | 11 ++--------- 6 files changed, 7 insertions(+), 30 deletions(-) diff --git a/site/gatsby-site/cypress/e2e/integration/cite.cy.js b/site/gatsby-site/cypress/e2e/integration/cite.cy.js index dab1745473..2a2b2fbf00 100644 --- a/site/gatsby-site/cypress/e2e/integration/cite.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/cite.cy.js @@ -100,7 +100,7 @@ describe('Cite pages', () => { cy.get('[data-cy="CSET"]').should('exist'); - cy.get('[data-cy="CSET2"]').should('not.exist'); + cy.get('[data-cy="CSETv1"]').should('not.exist'); }); it('Should flag an incident', () => { diff --git a/site/gatsby-site/src/components/TaxonomyGraphCarousel.js b/site/gatsby-site/src/components/TaxonomyGraphCarousel.js index f1add932c4..d482b5dd1c 100644 --- a/site/gatsby-site/src/components/TaxonomyGraphCarousel.js +++ b/site/gatsby-site/src/components/TaxonomyGraphCarousel.js @@ -48,7 +48,7 @@ const TaxonomyGraphCarousel = ({ namespace, axes, data }) => { const axis = attribute.short_name; categoryCounts[axis] ||= {}; - const value = getClassificationValue(classification, axis); // classification.classifications[axis]; + const value = getClassificationValue(classification, axis); if (Array.isArray(value)) { for (const category of value) { diff --git a/site/gatsby-site/src/pages/taxonomies.js b/site/gatsby-site/src/pages/taxonomies.js index 9916e37590..84a52c20b0 100644 --- a/site/gatsby-site/src/pages/taxonomies.js +++ b/site/gatsby-site/src/pages/taxonomies.js @@ -51,22 +51,6 @@ export default function Taxonomies({ data, ...props }) { - {/*

- In-Development Taxonomies -

-
    -
  • -

    - - Resources. This is a - taxonomy that will associate incidents with resources that help understand, - mitigate, and prevent incidents from recurring in the future. - -

    -
    • -
- */} -

About Taxonomies

diff --git a/site/gatsby-site/src/templates/taxonomy.js b/site/gatsby-site/src/templates/taxonomy.js index 60c68cdfac..db0268c363 100644 --- a/site/gatsby-site/src/templates/taxonomy.js +++ b/site/gatsby-site/src/templates/taxonomy.js @@ -177,7 +177,7 @@ const getStats = (taxa, classification) => { let auxStat = {}; filteredClassification.forEach((c) => { - const value = getClassificationValue(c, field.short_name, { spaceToUnderScore: true }); + const value = getClassificationValue(c, field.short_name); if (value?.length > 0) { if (typeof value === 'object') { @@ -206,7 +206,7 @@ const getStats = (taxa, classification) => { let auxStat = {}; filteredClassification.forEach((c) => { - const value = getClassificationValue(c, field.short_name, { spaceToUnderScore: true }); //c.classifications[field.short_name.split(' ').join('_')]; + const value = getClassificationValue(c, field.short_name); if ((value || typeof value === 'boolean') && value !== '') { if (typeof value === 'boolean') { diff --git a/site/gatsby-site/src/utils/cite.js b/site/gatsby-site/src/utils/cite.js index 73012c626f..317e5b15ff 100644 --- a/site/gatsby-site/src/utils/cite.js +++ b/site/gatsby-site/src/utils/cite.js @@ -34,7 +34,7 @@ export const getClassificationsArray = (incidentClassifications, taxonomy) => { taxaFieldsArray.forEach((field) => { const attribute = attributes && attributes.find((a) => a.short_name == field.short_name); - const attributeValue = attribute?.value_json && JSON.parse(attribute.value_json); //attribute.value[attribute.mongo_type]; + const attributeValue = attribute?.value_json && JSON.parse(attribute.value_json); const classificationValue = classificationObj && classificationObj[field.short_name.split(' ').join('_')]; diff --git a/site/gatsby-site/src/utils/classifications.js b/site/gatsby-site/src/utils/classifications.js index eb555f064b..6d694cb2ce 100644 --- a/site/gatsby-site/src/utils/classifications.js +++ b/site/gatsby-site/src/utils/classifications.js @@ -1,19 +1,12 @@ /* * @param classification - The document from the `classifications` collection. */ -export function getClassificationValue(classification, short_name, config) { - config ||= {}; - +export function getClassificationValue(classification, short_name) { const attribute = classification.attributes && classification.attributes.find((attribute) => attribute.short_name == short_name); if (attribute) { - return JSON.parse(attribute.value_json); //attribute.value[attribute.type] - } - if (classification.classifications) { - return classification.classifications[ - config.spaceToUnderScore ? short_name.split(' ').join('_') : short_name - ]; + return JSON.parse(attribute.value_json); } } From 4bdbfdb97f4becc3179d240a1b51c4fd0e1133ff Mon Sep 17 00:00:00 2001 From: Luna McNulty Date: Tue, 31 Jan 2023 14:31:43 -0500 Subject: [PATCH 29/39] Remove mongo_type from attributes --- ...et-change-classifications-to-attributes.js | 28 ++++--------------- .../src/graphql/classifications.js | 2 -- site/gatsby-site/src/pages/taxonomies.js | 1 - site/gatsby-site/src/templates/cite.js | 1 - site/gatsby-site/src/templates/taxonomy.js | 1 - .../aiidprod/classifications/schema.json | 1 - 6 files changed, 5 insertions(+), 29 deletions(-) diff --git a/site/gatsby-site/migrations/2023.01.14T06.47.25.cset-change-classifications-to-attributes.js b/site/gatsby-site/migrations/2023.01.14T06.47.25.cset-change-classifications-to-attributes.js index 0379644373..133cf9427f 100644 --- a/site/gatsby-site/migrations/2023.01.14T06.47.25.cset-change-classifications-to-attributes.js +++ b/site/gatsby-site/migrations/2023.01.14T06.47.25.cset-change-classifications-to-attributes.js @@ -17,32 +17,14 @@ exports.up = async ({ context: { client } }) => { const attributes = []; - for (const short_name of Object.keys(csetClassification.classifications)) { - const bareValue = csetClassification.classifications[short_name]; + for (const field of csetTaxonomy.field_list) { + const short_name = field.short_name; - const mongo_type = csetTaxonomy.field_list.find( - (f) => f.short_name == short_name - )?.mongo_type; + const value = csetClassification.classifications[short_name]; - const value = {}; + const value_json = JSON.stringify(value); - const value_json = JSON.stringify(bareValue); - - // `notes` is in the `classifications` object - // of some documents in `classifications`, - // but it is not in the CSET taxa document, - // so no mongo_type is found for it - // and the value is not found. - // In every case where the the - // classification.classifications.notes - // is not the empty string, - // it's the same as classification.notes, - // so we can just skip over it. - if (mongo_type) { - value[mongo_type] = bareValue; - - attributes.push({ short_name, mongo_type, value, value_json }); - } + attributes.push({ short_name, value_json }); } classifications.updateOne( { namespace: 'CSET', incident_id: csetClassification.incident_id }, diff --git a/site/gatsby-site/src/graphql/classifications.js b/site/gatsby-site/src/graphql/classifications.js index f55a3e2983..4d089c22dc 100644 --- a/site/gatsby-site/src/graphql/classifications.js +++ b/site/gatsby-site/src/graphql/classifications.js @@ -9,7 +9,6 @@ export const FIND_CLASSIFICATION = gql` namespace attributes { short_name - mongo_type value_json } } @@ -28,7 +27,6 @@ export const UPDATE_CLASSIFICATION = gql` namespace attributes { short_name - mongo_type value_json } } diff --git a/site/gatsby-site/src/pages/taxonomies.js b/site/gatsby-site/src/pages/taxonomies.js index 84a52c20b0..c250a43b8f 100644 --- a/site/gatsby-site/src/pages/taxonomies.js +++ b/site/gatsby-site/src/pages/taxonomies.js @@ -84,7 +84,6 @@ export const pageQuery = graphql` namespace attributes { short_name - mongo_type value_json } } diff --git a/site/gatsby-site/src/templates/cite.js b/site/gatsby-site/src/templates/cite.js index b0ef9500ce..dcd2770fcb 100644 --- a/site/gatsby-site/src/templates/cite.js +++ b/site/gatsby-site/src/templates/cite.js @@ -504,7 +504,6 @@ export const query = graphql` notes attributes { short_name - mongo_type value_json } } diff --git a/site/gatsby-site/src/templates/taxonomy.js b/site/gatsby-site/src/templates/taxonomy.js index db0268c363..2b00bcb83f 100644 --- a/site/gatsby-site/src/templates/taxonomy.js +++ b/site/gatsby-site/src/templates/taxonomy.js @@ -337,7 +337,6 @@ export const pageQuery = graphql` namespace attributes { short_name - mongo_type value_json } fields { diff --git a/site/realm/data_sources/mongodb-atlas/aiidprod/classifications/schema.json b/site/realm/data_sources/mongodb-atlas/aiidprod/classifications/schema.json index de2a809b88..8111a347f8 100644 --- a/site/realm/data_sources/mongodb-atlas/aiidprod/classifications/schema.json +++ b/site/realm/data_sources/mongodb-atlas/aiidprod/classifications/schema.json @@ -9,7 +9,6 @@ "bsonType": "object", "properties": { "short_name" : { "bsonType": "string" }, - "mongo_type" : { "bsonType": "string" }, "value_json": { "bsonType" : "string" } } } From 3326ec6af3b467c1b494a123873e909306579e9e Mon Sep 17 00:00:00 2001 From: Luna McNulty Date: Tue, 31 Jan 2023 14:34:26 -0500 Subject: [PATCH 30/39] Remove commented-out/obsolete code --- .../migrations/2022.12.16T22.19.00.add-cset2-taxonomy.js | 4 ++-- site/gatsby-site/src/components/TaxonomyGraphCarousel.js | 2 +- site/gatsby-site/src/utils/cite.js | 9 +-------- 3 files changed, 4 insertions(+), 11 deletions(-) diff --git a/site/gatsby-site/migrations/2022.12.16T22.19.00.add-cset2-taxonomy.js b/site/gatsby-site/migrations/2022.12.16T22.19.00.add-cset2-taxonomy.js index 9157cd9921..c2cf987ed4 100644 --- a/site/gatsby-site/migrations/2022.12.16T22.19.00.add-cset2-taxonomy.js +++ b/site/gatsby-site/migrations/2022.12.16T22.19.00.add-cset2-taxonomy.js @@ -4,8 +4,6 @@ const config = require('../config'); exports.up = async ({ context: { client } }) => { const taxaCollection = client.db(config.realm.production_db.db_name).collection('taxa'); - //const csetV0TaxaEntry = await taxaCollection.findOne({ namespace: 'CSET' }); - await taxaCollection.insertOne(csetV1TaxaEntry); }; @@ -170,6 +168,8 @@ var csetV1TaxaEntry = { public: false, }, + /* For reference, the CSETv0 field entry is commented above its correpsonding v1 field. */ + // { // short_name: "Physical System", // long_name: "Physical system", diff --git a/site/gatsby-site/src/components/TaxonomyGraphCarousel.js b/site/gatsby-site/src/components/TaxonomyGraphCarousel.js index d482b5dd1c..2f4938c43e 100644 --- a/site/gatsby-site/src/components/TaxonomyGraphCarousel.js +++ b/site/gatsby-site/src/components/TaxonomyGraphCarousel.js @@ -97,7 +97,7 @@ const TaxonomyGraphCarousel = ({ namespace, axes, data }) => { {!classificationsLoading && classificationsData?.nodes && axes.map((axis, index) => { - const dbAxis = axis; //axis.replace(/ /g, '_'); + const dbAxis = axis; const columns = Object.keys(categoryCounts[dbAxis]) .map((category) => [category, categoryCounts[dbAxis][category]]) diff --git a/site/gatsby-site/src/utils/cite.js b/site/gatsby-site/src/utils/cite.js index 317e5b15ff..64905c1351 100644 --- a/site/gatsby-site/src/utils/cite.js +++ b/site/gatsby-site/src/utils/cite.js @@ -6,8 +6,6 @@ export const getClassificationsArray = (incidentClassifications, taxonomy) => { if (!classifications) { return []; } - const classificationObj = classifications.classifications; - const attributes = classifications.attributes; const taxaFieldsArray = taxonomy.field_list.sort((a, b) => b.weight - a.weight); @@ -36,12 +34,7 @@ export const getClassificationsArray = (incidentClassifications, taxonomy) => { const attributeValue = attribute?.value_json && JSON.parse(attribute.value_json); - const classificationValue = - classificationObj && classificationObj[field.short_name.split(' ').join('_')]; - - const c = attributeValue || classificationValue; - - const value = getStringForValue(c); + const value = getStringForValue(attributeValue); if (field.public !== false && value !== undefined && value !== '' && value.length > 0) { array.push({ From 60206b1d39d39714ef0dac635a426a16667d18c7 Mon Sep 17 00:00:00 2001 From: Luna McNulty Date: Tue, 31 Jan 2023 15:41:35 -0500 Subject: [PATCH 31/39] Remove mongo_type, debounce update initial values --- site/gatsby-site/src/components/taxa/TaxonomyForm.js | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/site/gatsby-site/src/components/taxa/TaxonomyForm.js b/site/gatsby-site/src/components/taxa/TaxonomyForm.js index ad0336cef4..965e0546b6 100644 --- a/site/gatsby-site/src/components/taxa/TaxonomyForm.js +++ b/site/gatsby-site/src/components/taxa/TaxonomyForm.js @@ -12,6 +12,7 @@ import { FIND_CLASSIFICATION, UPDATE_CLASSIFICATION } from '../../graphql/classi import useToastContext, { SEVERITY } from 'hooks/useToast'; import Tags from 'components/forms/Tags.js'; import { getClassificationValue } from 'utils/classifications'; +import { debounce } from 'debounce'; const FormContainer = styled.div` padding: 1em; @@ -37,6 +38,10 @@ const TaxonomyForm = forwardRef(function TaxonomyForm( const formRef = useRef(null); + const debouncedSetInitialValues = useRef( + debounce((values) => setInitialValues(values), 500) + ).current; + useImperativeHandle(ref, () => ({ submit() { formRef.current.submitForm(); @@ -159,7 +164,6 @@ const TaxonomyForm = forwardRef(function TaxonomyForm( return { short_name: key, value_json: JSON.stringify(value), - mongo_type, }; }) .forEach((attribute) => { @@ -287,7 +291,7 @@ const TaxonomyForm = forwardRef(function TaxonomyForm( {({ values, handleChange, handleSubmit, setFieldTouched, setFieldValue, isSubmitting }) => { - setInitialValues(values); + debouncedSetInitialValues(values); return (
From c99bcacd2045daa779cfed722769809985f7c99d Mon Sep 17 00:00:00 2001 From: Luna McNulty Date: Tue, 31 Jan 2023 15:47:38 -0500 Subject: [PATCH 32/39] Remove TODO --- .../src/components/taxa/TaxonomyForm.js | 26 ++++++++----------- 1 file changed, 11 insertions(+), 15 deletions(-) diff --git a/site/gatsby-site/src/components/taxa/TaxonomyForm.js b/site/gatsby-site/src/components/taxa/TaxonomyForm.js index 965e0546b6..dc88aa364c 100644 --- a/site/gatsby-site/src/components/taxa/TaxonomyForm.js +++ b/site/gatsby-site/src/components/taxa/TaxonomyForm.js @@ -488,21 +488,17 @@ function FormField({ )} - { - // TODO: Make this work for multiple entities, - // store values in parent field. - field.display_type === 'object-list' && ( - - ) - } + {field.display_type === 'object-list' && ( + + )} {field.short_description}
From 752fac834d96a5142792c110fd0efe5205d2524c Mon Sep 17 00:00:00 2001 From: Luna McNulty Date: Tue, 31 Jan 2023 13:29:46 -0500 Subject: [PATCH 33/39] Update typedefs --- site/gatsby-site/gatsby-node.js | 41 +++++++++++++++++++++++++++++++++ 1 file changed, 41 insertions(+) diff --git a/site/gatsby-site/gatsby-node.js b/site/gatsby-site/gatsby-node.js index ecf71a8ae1..11fc8390d1 100644 --- a/site/gatsby-site/gatsby-node.js +++ b/site/gatsby-site/gatsby-node.js @@ -225,9 +225,50 @@ exports.createSchemaCustomization = ({ actions }) => { field_list: [mongodbAiidprodTaxaField_list] } + type mongodbAiidprodClassificationsAttribute { + short_name: String + mongo_type: String + value_json: String + } + type mongodbAiidprodClassifications implements Node { + incident_id: Int + namespace: String + attributes: [mongodbAiidprodClassificationsAttribute] + } + + type Subfield { + field_number: String + short_name: String + long_name: String + short_description: String + long_description: String + display_type: String + mongo_type: String + default: String + placeholder: String + permitted_values: [String] + weight: Int + instant_facet: Boolean + required: Boolean + public: Boolean + } + type mongodbAiidprodTaxaField_list { + subfields: [Subfield] + field_number: String + short_name: String + long_name: String + short_description: String + long_description: String + display_type: String + mongo_type: String default: String placeholder: String + permitted_values: [String] + weight: Int + instant_facet: Boolean + required: Boolean + public: Boolean } `; From 4ef19512a6fc9cf7dfbae885cfff6ab63571310a Mon Sep 17 00:00:00 2001 From: Luna McNulty Date: Wed, 1 Feb 2023 10:38:17 -0500 Subject: [PATCH 34/39] Remove mongo_type from typedef --- site/gatsby-site/gatsby-node.js | 1 - 1 file changed, 1 deletion(-) diff --git a/site/gatsby-site/gatsby-node.js b/site/gatsby-site/gatsby-node.js index 11fc8390d1..41316af69e 100644 --- a/site/gatsby-site/gatsby-node.js +++ b/site/gatsby-site/gatsby-node.js @@ -227,7 +227,6 @@ exports.createSchemaCustomization = ({ actions }) => { type mongodbAiidprodClassificationsAttribute { short_name: String - mongo_type: String value_json: String } type mongodbAiidprodClassifications implements Node { From 219d25244067d1a7962a86b0775223d0d360a1d5 Mon Sep 17 00:00:00 2001 From: Luna McNulty Date: Wed, 1 Feb 2023 11:15:49 -0500 Subject: [PATCH 35/39] Fix initial display of booleans in TaxonomyForm --- site/gatsby-site/src/components/taxa/TaxonomyForm.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/site/gatsby-site/src/components/taxa/TaxonomyForm.js b/site/gatsby-site/src/components/taxa/TaxonomyForm.js index dc88aa364c..58321d3a9b 100644 --- a/site/gatsby-site/src/components/taxa/TaxonomyForm.js +++ b/site/gatsby-site/src/components/taxa/TaxonomyForm.js @@ -412,7 +412,7 @@ function FormField({ id={`${identifier}-yes`} value="true" onChange={handleChange} - checked={formikValues[identifier] === 'true'} + checked={[true, 'true'].includes(formikValues[identifier])} /> )} From 06e6040efb964513db3b94d473a218eead03d19f Mon Sep 17 00:00:00 2001 From: Luna McNulty Date: Wed, 1 Feb 2023 16:37:57 -0500 Subject: [PATCH 36/39] Remove useMongo from TaxonomyForm, fix field key default --- .../2022.12.16T22.19.00.add-cset2-taxonomy.js | 2 +- .../src/components/taxa/Taxonomy.js | 2 +- .../src/components/taxa/TaxonomyForm.js | 35 ++++--------------- site/gatsby-site/src/templates/cite.js | 15 +++++--- 4 files changed, 19 insertions(+), 35 deletions(-) diff --git a/site/gatsby-site/migrations/2022.12.16T22.19.00.add-cset2-taxonomy.js b/site/gatsby-site/migrations/2022.12.16T22.19.00.add-cset2-taxonomy.js index c2cf987ed4..c9409aea60 100644 --- a/site/gatsby-site/migrations/2022.12.16T22.19.00.add-cset2-taxonomy.js +++ b/site/gatsby-site/migrations/2022.12.16T22.19.00.add-cset2-taxonomy.js @@ -1188,7 +1188,7 @@ var csetV1TaxaEntry = { public: false, }, ], - default: [], + default: '[]', placeholder: '', permitted_values: [], weight: 5, diff --git a/site/gatsby-site/src/components/taxa/Taxonomy.js b/site/gatsby-site/src/components/taxa/Taxonomy.js index 91e5b155ec..50b98e8b11 100644 --- a/site/gatsby-site/src/components/taxa/Taxonomy.js +++ b/site/gatsby-site/src/components/taxa/Taxonomy.js @@ -137,7 +137,7 @@ const Taxonomy = ({ )} { - runQuery( - { - namespace, - }, - (res) => { - setTaxonomy(res[0]); - }, - config.realm.production_db.db_service, - config.realm.production_db.db_name, - 'taxa' - ); - }, []); - const { data: classificationsData } = useQuery(FIND_CLASSIFICATION, { variables: { query: { incident_id: incidentId } }, skip: !active, @@ -80,7 +59,7 @@ const TaxonomyForm = forwardRef(function TaxonomyForm( const allTaxonomyFields = taxonomy && - taxonomy.field_list.reduce( + taxonomy.taxonomyFields.reduce( (fields, field) => fields.concat([field]).concat(field.subfields || []), [] ); @@ -93,7 +72,7 @@ const TaxonomyForm = forwardRef(function TaxonomyForm( const defaultValues = {}; - taxonomy.field_list.forEach((field) => { + taxonomy.taxonomyFields.forEach((field) => { fieldsArray.push(field); let classificationValue = diff --git a/site/gatsby-site/src/templates/cite.js b/site/gatsby-site/src/templates/cite.js index dcd2770fcb..7c960d45d5 100644 --- a/site/gatsby-site/src/templates/cite.js +++ b/site/gatsby-site/src/templates/cite.js @@ -515,14 +515,19 @@ export const query = graphql` weight description field_list { - public - display_type - long_name short_name + long_name + short_description long_description + display_type + mongo_type + default + placeholder + permitted_values weight - short_description - render_as + instant_facet + required + public } } } From 89b51f210a32a186f0753ee41a6acfbec7f52421 Mon Sep 17 00:00:00 2001 From: Luna McNulty Date: Wed, 1 Feb 2023 17:02:11 -0500 Subject: [PATCH 37/39] Refactor apps/classifications --- .../components/classifications/EditForm.js | 55 +++++++++++ .../src/pages/apps/classifications.js | 98 +------------------ 2 files changed, 57 insertions(+), 96 deletions(-) create mode 100644 site/gatsby-site/src/components/classifications/EditForm.js diff --git a/site/gatsby-site/src/components/classifications/EditForm.js b/site/gatsby-site/src/components/classifications/EditForm.js new file mode 100644 index 0000000000..91eee66761 --- /dev/null +++ b/site/gatsby-site/src/components/classifications/EditForm.js @@ -0,0 +1,55 @@ +import { getClassificationsArray } from 'utils/cite'; +import TaxonomyForm from 'components/taxa/TaxonomyForm'; + +export default function EditForm({ + allTaxonomies, + allClassifications, + row, + editFormRef, + onSubmit, + currentTaxonomy, +}) { + const taxonomyFormObj = { + classificationsArray: [], + namespace: '', + taxonomyFields: [], + }; + + const taxaData = allTaxonomies.filter((taxa) => taxa.namespace === currentTaxonomy)[0]; + + taxonomyFormObj.namespace = taxaData.namespace; + taxonomyFormObj.taxonomyFields = taxaData.field_list.map((f) => { + return { + display_type: f.display_type, + long_name: f.long_name, + public: f.public, + short_description: f.short_description, + short_name: f.short_name, + weight: f.weight, + }; + }); + + const classificationObj = allClassifications.filter( + (report) => report.incident_id === row.values.IncidentId + ); + + taxonomyFormObj.classificationsArray = getClassificationsArray( + classificationObj.length > 0 ? classificationObj[0].classifications : null, + taxaData + ); + + if (classificationObj.length === 1) { + taxonomyFormObj.notes = classificationObj[0].notes; + } + + return ( +
+ +
+ ); +} diff --git a/site/gatsby-site/src/pages/apps/classifications.js b/site/gatsby-site/src/pages/apps/classifications.js index 2d56513dc9..d52a40f890 100644 --- a/site/gatsby-site/src/pages/apps/classifications.js +++ b/site/gatsby-site/src/pages/apps/classifications.js @@ -1,6 +1,5 @@ import React, { useState, useEffect } from 'react'; import LayoutHideSidebar from '../../components/LayoutHideSidebar'; -import TaxonomyForm from '../../components/taxa/TaxonomyForm'; import AiidHelmet from '../../components/AiidHelmet'; import styled from 'styled-components'; import { useMongo } from '../../hooks/useMongo'; @@ -19,6 +18,8 @@ import { format } from 'date-fns'; import ListSkeleton from 'elements/Skeletons/List'; import { Modal } from 'flowbite-react'; +import EditForm from 'components/classifications/EditForm'; + const Container = styled.div` max-width: calc(100vw - 298px); margin: 0 auto; @@ -270,48 +271,6 @@ const SelectDatePickerFilter = ({ ); }; -const getClassificationsArray = (classifications, taxonomy) => { - if (!classifications) { - return []; - } - - const taxaFieldsArray = taxonomy.field_list.sort((a, b) => b.weight - a.weight); - - const array = []; - - const getStringForValue = (value) => { - if (value === null) { - return ''; - } - - switch (typeof value) { - case 'object': - return value.join(', '); - - case 'boolean': - return value ? 'Yes' : 'No'; - - default: - return value; - } - }; - - taxaFieldsArray.forEach((field) => { - const c = classifications[field.short_name]; - - const value = getStringForValue(c); - - array.push({ - name: field.short_name, - value: getStringForValue(value), - weight: field.weight, - shortDescription: field.short_description, - }); - }); - - return array; -}; - const formatDateField = (s) => { const dateObj = new Date(s.props.cell.value); @@ -322,59 +281,6 @@ const formatDateField = (s) => { } }; -function EditForm({ - allTaxonomies, - allClassifications, - row, - editFormRef, - onSubmit, - currentTaxonomy, -}) { - const taxonomyFormObj = { - classificationsArray: [], - namespace: '', - taxonomyFields: [], - }; - - const taxaData = allTaxonomies.filter((taxa) => taxa.namespace === currentTaxonomy)[0]; - - taxonomyFormObj.namespace = taxaData.namespace; - taxonomyFormObj.taxonomyFields = taxaData.field_list.map((f) => { - return { - display_type: f.display_type, - long_name: f.long_name, - public: f.public, - short_description: f.short_description, - short_name: f.short_name, - weight: f.weight, - }; - }); - - const classificationObj = allClassifications.filter( - (report) => report.incident_id === row.values.IncidentId - ); - - taxonomyFormObj.classificationsArray = getClassificationsArray( - classificationObj.length > 0 ? classificationObj[0].classifications : null, - taxaData - ); - - if (classificationObj.length === 1) { - taxonomyFormObj.notes = classificationObj[0].notes; - } - - return ( -
- -
- ); -} - function Row({ row, isAdmin, From 99539f6d650178f962a0188ea9250adb32a9071d Mon Sep 17 00:00:00 2001 From: Luna McNulty Date: Wed, 1 Feb 2023 17:45:16 -0500 Subject: [PATCH 38/39] Remove tests --- .../cypress/e2e/incidentVariants.cy.js | 768 +++---- .../cypress/e2e/integration/account.cy.js | 26 +- .../integration/apps/classifications.cy.js | 174 +- .../e2e/integration/apps/incidents.cy.js | 470 ++--- .../e2e/integration/apps/newsSearch.cy.js | 146 +- .../e2e/integration/apps/reports.cy.js | 46 +- .../e2e/integration/apps/submitted.cy.js | 1780 ++++++++-------- .../e2e/integration/apps/variants.cy.js | 990 ++++----- .../cypress/e2e/integration/blog.cy.js | 110 +- .../cypress/e2e/integration/cite.cy.js | 852 ++++---- .../cypress/e2e/integration/citeEdit.cy.js | 1806 ++++++++--------- .../e2e/integration/confirmemail.cy.js | 39 - .../cypress/e2e/integration/discover.cy.js | 189 -- .../e2e/integration/downloadIndex.cy.js | 58 - .../cypress/e2e/integration/entities.cy.js | 67 - .../cypress/e2e/integration/entity.cy.js | 104 - .../e2e/integration/incidents/edit.cy.js | 141 -- .../cypress/e2e/integration/integrity.cy.js | 68 - .../cypress/e2e/integration/landingPage.cy.js | 102 - .../e2e/integration/languageSwitcher.cy.js | 29 - .../cypress/e2e/integration/login.cy.js | 46 - .../cypress/e2e/integration/navigation.cy.js | 35 - .../cypress/e2e/integration/seo.cy.js | 45 - .../cypress/e2e/integration/signup.cy.js | 124 -- .../e2e/integration/socialShareButtons.cy.js | 116 -- .../cypress/e2e/integration/submit.cy.js | 1323 ------------ .../cypress/e2e/integration/submitter.cy.js | 23 - .../e2e/integration/subscriptions.cy.js | 342 ---- .../e2e/integration/summaries/flagged.cy.js | 5 - .../e2e/integration/summaries/incidents.cy.js | 23 - .../e2e/integration/taxonomy/cset.cy.js | 46 - .../e2e/integration/translationBadge.cy.js | 37 - .../e2e/integration/tsneVisualization.cy.js | 53 - .../cypress/e2e/integration/unsubscribe.cy.js | 142 -- .../cypress/e2e/integration/wordcounts.cy.js | 51 - .../cypress/e2e/unit/AlgoliaUpdater.cy.js | 276 --- .../cypress/e2e/unit/Translator.cy.js | 169 -- .../functions/linkReportsToIncidents.cy.js | 207 -- .../e2e/unit/functions/onIncidentUpdate.cy.js | 168 -- .../e2e/unit/functions/onNewIncident.cy.js | 156 -- .../unit/functions/processNotifications.cy.js | 392 ---- .../functions/promoteSubmissionToReport.cy.js | 304 --- .../pageCreators/createCitationPages.cy.js | 33 - .../pageCreators/createEntitiesPages.cy.js | 150 -- .../unit/pageCreators/createReportPages.cy.js | 81 - 45 files changed, 3584 insertions(+), 8728 deletions(-) diff --git a/site/gatsby-site/cypress/e2e/incidentVariants.cy.js b/site/gatsby-site/cypress/e2e/incidentVariants.cy.js index 93bd3f4e03..a96749d520 100644 --- a/site/gatsby-site/cypress/e2e/incidentVariants.cy.js +++ b/site/gatsby-site/cypress/e2e/incidentVariants.cy.js @@ -41,388 +41,388 @@ const getVariants = (callback) => { }; describe('Variants pages', () => { - const url = `/cite/${incidentId}`; - - //it('Successfully loads', () => { - it.skip('Successfully loads', () => { - cy.visit(url); - - cy.disableSmoothScroll(); - }); - - //it('Should display Variant list', () => { - it.skip('Should display Variant list', () => { - cy.visit(url); - - cy.contains('h1', 'Variants').should('exist').scrollIntoView(); - - getVariants((variants) => { - cy.get('[data-cy=variant-card]').should('have.length', variants.length); - - for (let index = 0; index < variants.length; index++) { - const variant = variants[index]; - - cy.get('[data-cy=variant-card]') - .eq(index) - .within(() => { - cy.get('[data-cy=variant-status-badge]').contains( - getVariantStatusText(getVariantStatus(variant)) - ); - cy.get('[data-cy=variant-text_inputs]').contains(variant.text_inputs); - cy.get('[data-cy=variant-text_outputs]').contains(variant.text_outputs); - }); - } - }); - }); - - //it('Should add a new Variant - Unauthenticated user', () => { - it.skip('Should add a new Variant - Unauthenticated user', () => { - const text_inputs = 'Input text with **markdown**'; - - const text_outputs = 'Output text with **markdown**'; - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'CreateVariant' && - req.body.variables.input.incidentId === incidentId && - req.body.variables.input.variant.text_inputs === text_inputs && - req.body.variables.input.variant.text_outputs === text_outputs, - 'createVariant', - { - data: { - createVariant: { - __typename: 'CreateVariantPayload', - incident_id: incidentId, - report_number: 2313, - }, - }, - } - ); - - cy.visit(url); - - cy.contains('h1', 'Variants').should('exist').scrollIntoView(); - - cy.get('[data-cy=variant-form]').should('not.exist'); - - cy.get('[data-cy=add-variant-btn]').scrollIntoView().click(); - - cy.get('[data-cy=variant-form]', { timeout: 10000 }).should('exist'); - - cy.get('#formTextInputs').type(text_inputs); - cy.get('#formTextOutputs').type(text_outputs); - - cy.get('[data-cy=add-variant-submit-btn]').click(); - - cy.wait('@createVariant'); - - cy.get('[data-cy=success-message]').contains( - "Your variant has been added to the review queue and will appear on this page within 12 hours. Please continue submitting when you encounter more variants. Most of the time we won't review it in the same day, but it will appear within a day as unreviewed." - ); - - cy.get('[data-cy="toast"]') - .contains( - 'Your variant has been added to the review queue and will appear on this page within 12 hours.' - ) - .should('exist'); - }); - - //it("Shouldn't edit a Variant - Unauthenticated user", () => { - it.skip("Shouldn't edit a Variant - Unauthenticated user", () => { - cy.visit(url); - - cy.contains('h1', 'Variants').should('exist').scrollIntoView(); - - cy.get('[data-cy=edit-variant-btn]').should('not.exist'); - }); - - //maybeIt('Should Approve Variant - Incident Editor user', () => { - it.skip('Should Approve Variant - Incident Editor user', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - const new_text_inputs = 'New Input text'; - - const new_text_outputs = 'New Output text'; - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindVariant', - 'findVariant', - { - data: { - report: variantsIncident.data.incident.reports[0], - }, - } - ); - - cy.visit(url); - - getVariants((variants) => { - const variant = variants[0]; - - const today = format(new Date(), 'yyyy-MM-dd'); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'UpdateVariant' && - req.body.variables.query.report_number === variant.report_number && - req.body.variables.set.text_inputs === new_text_inputs && - req.body.variables.set.text_outputs === new_text_outputs && - req.body.variables.set.tags.includes(VARIANT_STATUS.approved) && - req.body.variables.set.date_modified == today && - req.body.variables.set.epoch_date_modified == getUnixTime(new Date(today)), - 'updateVariant', - { - data: { - updateOneReport: { ...variant, tags: [VARIANT_STATUS.approved] }, - }, - } - ); - - cy.get('[data-cy=variant-card]').should('have.length', variants.length); - - if (variants.length > 0) { - cy.get('[data-cy=variant-card]') - .eq(0) - .within(() => { - cy.get('[data-cy=edit-variant-btn]').click(); - }); - - cy.get('[data-cy=edit-variant-modal]').should('be.visible').as('modal'); - - cy.get('#formTextInputs').clear().type(new_text_inputs); - cy.get('#formTextOutputs').clear().type(new_text_outputs); - - cy.get('[data-cy=approve-variant-btn]').click(); - - cy.wait('@updateVariant'); - - cy.get('[data-cy="toast"]') - .contains('Variant successfully updated. Your edits will be live within 24 hours.') - .should('exist'); - - cy.get('[data-cy=edit-variant-modal]').should('not.exist'); - } - }); - }); - - //maybeIt('Should Reject Variant - Incident Editor user', () => { - it.skip('Should Reject Variant - Incident Editor user', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - const new_text_inputs = 'New Input text'; - - const new_text_outputs = 'New Output text'; - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindVariant', - 'findVariant', - { - data: { - report: variantsIncident.data.incident.reports[1], - }, - } - ); - - cy.visit(url); - - getVariants((variants) => { - const variant = variants[0]; - - const today = format(new Date(), 'yyyy-MM-dd'); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'UpdateVariant' && - req.body.variables.query.report_number === variant.report_number && - req.body.variables.set.text_inputs === new_text_inputs && - req.body.variables.set.text_outputs === new_text_outputs && - req.body.variables.set.tags.includes(VARIANT_STATUS.rejected) && - req.body.variables.set.date_modified == today && - req.body.variables.set.epoch_date_modified == getUnixTime(new Date(today)), - 'updateVariant', - { - data: { - updateOneReport: { ...variant, tags: [VARIANT_STATUS.rejected] }, - }, - } - ); - - cy.get('[data-cy=variant-card]').should('have.length', variants.length); - - if (variants.length > 0) { - cy.get('[data-cy=variant-card]') - .eq(0) - .within(() => { - cy.get('[data-cy=edit-variant-btn]').click(); - }); - - cy.get('[data-cy=edit-variant-modal]').should('be.visible').as('modal'); - - cy.get('#formTextInputs').clear().type(new_text_inputs); - cy.get('#formTextOutputs').clear().type(new_text_outputs); - - cy.get('[data-cy=reject-variant-btn]').click(); - - cy.wait('@updateVariant'); - - cy.get('[data-cy="toast"]') - .contains('Variant successfully updated. Your edits will be live within 24 hours.') - .should('exist'); - - cy.get('[data-cy=edit-variant-modal]').should('not.exist'); - } - }); - }); - - //maybeIt('Should Save Variant - Incident Editor user', () => { - it.skip('Should Save Variant - Incident Editor user', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - const new_text_inputs = 'New Input text'; - - const new_text_outputs = 'New Output text'; - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindVariant', - 'findVariant', - { - data: { - report: variantsIncident.data.incident.reports[0], - }, - } - ); - - cy.visit(url); - - getVariants((variants) => { - const variant = variants[0]; - - const today = format(new Date(), 'yyyy-MM-dd'); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'UpdateVariant' && - req.body.variables.query.report_number === variant.report_number && - req.body.variables.set.text_inputs === new_text_inputs && - req.body.variables.set.text_outputs === new_text_outputs && - req.body.variables.set.tags == undefined && - req.body.variables.set.date_modified == today && - req.body.variables.set.epoch_date_modified == getUnixTime(new Date(today)), - 'updateVariant', - { - data: { - updateOneReport: variant, - }, - } - ); - - cy.get('[data-cy=variant-card]').should('have.length', variants.length); - - if (variants.length > 0) { - cy.get('[data-cy=variant-card]') - .eq(0) - .within(() => { - cy.get('[data-cy=edit-variant-btn]').click(); - }); - - cy.get('[data-cy=edit-variant-modal]').should('be.visible').as('modal'); - - cy.get('#formTextInputs').clear().type(new_text_inputs); - cy.get('#formTextOutputs').clear().type(new_text_outputs); - - cy.get('[data-cy=save-variant-btn]').click(); - - cy.wait('@updateVariant'); - - cy.get('[data-cy="toast"]') - .contains('Variant successfully updated. Your edits will be live within 24 hours.') - .should('exist'); - - cy.get('[data-cy=edit-variant-modal]').should('not.exist'); - } - }); - }); - - //maybeIt('Should Delete Variant - Incident Editor user', () => { - it.skip('Should Delete Variant - Incident Editor user', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - getVariants((variants) => { - const variant = variants[0]; - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindVariant', - 'findVariant', - { - data: { - report: variant, - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'DeleteOneVariant' && - req.body.variables.query.report_number === variant.report_number, - 'deleteOneVariant', - { - data: { - deleteOneReport: { - __typename: 'Report', - report_number: variant.report_number, - }, - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'LinkReportsToIncidents' && - req.body.variables.input.incident_ids.length === 0 && - req.body.variables.input.report_numbers.includes(variant.report_number), - 'linkReportsToIncidents', - { - data: { - linkReportsToIncidents: [], - }, - } - ); - - cy.visit(url); - - cy.get('[data-cy=variant-card]').should('have.length', variants.length); - - if (variants.length > 0) { - cy.get('[data-cy=variant-card]') - .eq(0) - .within(() => { - cy.get('[data-cy=edit-variant-btn]').click(); - }); - - cy.get('[data-cy=edit-variant-modal]').should('be.visible').as('modal'); - - cy.get('[data-cy=delete-variant-btn]').click(); - - cy.wait('@deleteOneVariant'); - - cy.wait('@linkReportsToIncidents'); - - cy.get('[data-cy="toast"]') - .contains('Variant successfully deleted. Your changes will be live within 24 hours.') - .should('exist'); - - cy.get('[data-cy=edit-variant-modal]').should('not.exist'); - } - }); - }); +// const url = `/cite/${incidentId}`; +// +// //it('Successfully loads', () => { +// it.skip('Successfully loads', () => { +// cy.visit(url); +// +// cy.disableSmoothScroll(); +// }); +// +// //it('Should display Variant list', () => { +// it.skip('Should display Variant list', () => { +// cy.visit(url); +// +// cy.contains('h1', 'Variants').should('exist').scrollIntoView(); +// +// getVariants((variants) => { +// cy.get('[data-cy=variant-card]').should('have.length', variants.length); +// +// for (let index = 0; index < variants.length; index++) { +// const variant = variants[index]; +// +// cy.get('[data-cy=variant-card]') +// .eq(index) +// .within(() => { +// cy.get('[data-cy=variant-status-badge]').contains( +// getVariantStatusText(getVariantStatus(variant)) +// ); +// cy.get('[data-cy=variant-text_inputs]').contains(variant.text_inputs); +// cy.get('[data-cy=variant-text_outputs]').contains(variant.text_outputs); +// }); +// } +// }); +// }); +// +// //it('Should add a new Variant - Unauthenticated user', () => { +// it.skip('Should add a new Variant - Unauthenticated user', () => { +// const text_inputs = 'Input text with **markdown**'; +// +// const text_outputs = 'Output text with **markdown**'; +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => +// req.body.operationName == 'CreateVariant' && +// req.body.variables.input.incidentId === incidentId && +// req.body.variables.input.variant.text_inputs === text_inputs && +// req.body.variables.input.variant.text_outputs === text_outputs, +// 'createVariant', +// { +// data: { +// createVariant: { +// __typename: 'CreateVariantPayload', +// incident_id: incidentId, +// report_number: 2313, +// }, +// }, +// } +// ); +// +// cy.visit(url); +// +// cy.contains('h1', 'Variants').should('exist').scrollIntoView(); +// +// cy.get('[data-cy=variant-form]').should('not.exist'); +// +// cy.get('[data-cy=add-variant-btn]').scrollIntoView().click(); +// +// cy.get('[data-cy=variant-form]', { timeout: 10000 }).should('exist'); +// +// cy.get('#formTextInputs').type(text_inputs); +// cy.get('#formTextOutputs').type(text_outputs); +// +// cy.get('[data-cy=add-variant-submit-btn]').click(); +// +// cy.wait('@createVariant'); +// +// cy.get('[data-cy=success-message]').contains( +// "Your variant has been added to the review queue and will appear on this page within 12 hours. Please continue submitting when you encounter more variants. Most of the time we won't review it in the same day, but it will appear within a day as unreviewed." +// ); +// +// cy.get('[data-cy="toast"]') +// .contains( +// 'Your variant has been added to the review queue and will appear on this page within 12 hours.' +// ) +// .should('exist'); +// }); +// +// //it("Shouldn't edit a Variant - Unauthenticated user", () => { +// it.skip("Shouldn't edit a Variant - Unauthenticated user", () => { +// cy.visit(url); +// +// cy.contains('h1', 'Variants').should('exist').scrollIntoView(); +// +// cy.get('[data-cy=edit-variant-btn]').should('not.exist'); +// }); +// +// //maybeIt('Should Approve Variant - Incident Editor user', () => { +// it.skip('Should Approve Variant - Incident Editor user', () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// const new_text_inputs = 'New Input text'; +// +// const new_text_outputs = 'New Output text'; +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindVariant', +// 'findVariant', +// { +// data: { +// report: variantsIncident.data.incident.reports[0], +// }, +// } +// ); +// +// cy.visit(url); +// +// getVariants((variants) => { +// const variant = variants[0]; +// +// const today = format(new Date(), 'yyyy-MM-dd'); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => +// req.body.operationName == 'UpdateVariant' && +// req.body.variables.query.report_number === variant.report_number && +// req.body.variables.set.text_inputs === new_text_inputs && +// req.body.variables.set.text_outputs === new_text_outputs && +// req.body.variables.set.tags.includes(VARIANT_STATUS.approved) && +// req.body.variables.set.date_modified == today && +// req.body.variables.set.epoch_date_modified == getUnixTime(new Date(today)), +// 'updateVariant', +// { +// data: { +// updateOneReport: { ...variant, tags: [VARIANT_STATUS.approved] }, +// }, +// } +// ); +// +// cy.get('[data-cy=variant-card]').should('have.length', variants.length); +// +// if (variants.length > 0) { +// cy.get('[data-cy=variant-card]') +// .eq(0) +// .within(() => { +// cy.get('[data-cy=edit-variant-btn]').click(); +// }); +// +// cy.get('[data-cy=edit-variant-modal]').should('be.visible').as('modal'); +// +// cy.get('#formTextInputs').clear().type(new_text_inputs); +// cy.get('#formTextOutputs').clear().type(new_text_outputs); +// +// cy.get('[data-cy=approve-variant-btn]').click(); +// +// cy.wait('@updateVariant'); +// +// cy.get('[data-cy="toast"]') +// .contains('Variant successfully updated. Your edits will be live within 24 hours.') +// .should('exist'); +// +// cy.get('[data-cy=edit-variant-modal]').should('not.exist'); +// } +// }); +// }); +// +// //maybeIt('Should Reject Variant - Incident Editor user', () => { +// it.skip('Should Reject Variant - Incident Editor user', () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// const new_text_inputs = 'New Input text'; +// +// const new_text_outputs = 'New Output text'; +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindVariant', +// 'findVariant', +// { +// data: { +// report: variantsIncident.data.incident.reports[1], +// }, +// } +// ); +// +// cy.visit(url); +// +// getVariants((variants) => { +// const variant = variants[0]; +// +// const today = format(new Date(), 'yyyy-MM-dd'); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => +// req.body.operationName == 'UpdateVariant' && +// req.body.variables.query.report_number === variant.report_number && +// req.body.variables.set.text_inputs === new_text_inputs && +// req.body.variables.set.text_outputs === new_text_outputs && +// req.body.variables.set.tags.includes(VARIANT_STATUS.rejected) && +// req.body.variables.set.date_modified == today && +// req.body.variables.set.epoch_date_modified == getUnixTime(new Date(today)), +// 'updateVariant', +// { +// data: { +// updateOneReport: { ...variant, tags: [VARIANT_STATUS.rejected] }, +// }, +// } +// ); +// +// cy.get('[data-cy=variant-card]').should('have.length', variants.length); +// +// if (variants.length > 0) { +// cy.get('[data-cy=variant-card]') +// .eq(0) +// .within(() => { +// cy.get('[data-cy=edit-variant-btn]').click(); +// }); +// +// cy.get('[data-cy=edit-variant-modal]').should('be.visible').as('modal'); +// +// cy.get('#formTextInputs').clear().type(new_text_inputs); +// cy.get('#formTextOutputs').clear().type(new_text_outputs); +// +// cy.get('[data-cy=reject-variant-btn]').click(); +// +// cy.wait('@updateVariant'); +// +// cy.get('[data-cy="toast"]') +// .contains('Variant successfully updated. Your edits will be live within 24 hours.') +// .should('exist'); +// +// cy.get('[data-cy=edit-variant-modal]').should('not.exist'); +// } +// }); +// }); +// +// //maybeIt('Should Save Variant - Incident Editor user', () => { +// it.skip('Should Save Variant - Incident Editor user', () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// const new_text_inputs = 'New Input text'; +// +// const new_text_outputs = 'New Output text'; +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindVariant', +// 'findVariant', +// { +// data: { +// report: variantsIncident.data.incident.reports[0], +// }, +// } +// ); +// +// cy.visit(url); +// +// getVariants((variants) => { +// const variant = variants[0]; +// +// const today = format(new Date(), 'yyyy-MM-dd'); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => +// req.body.operationName == 'UpdateVariant' && +// req.body.variables.query.report_number === variant.report_number && +// req.body.variables.set.text_inputs === new_text_inputs && +// req.body.variables.set.text_outputs === new_text_outputs && +// req.body.variables.set.tags == undefined && +// req.body.variables.set.date_modified == today && +// req.body.variables.set.epoch_date_modified == getUnixTime(new Date(today)), +// 'updateVariant', +// { +// data: { +// updateOneReport: variant, +// }, +// } +// ); +// +// cy.get('[data-cy=variant-card]').should('have.length', variants.length); +// +// if (variants.length > 0) { +// cy.get('[data-cy=variant-card]') +// .eq(0) +// .within(() => { +// cy.get('[data-cy=edit-variant-btn]').click(); +// }); +// +// cy.get('[data-cy=edit-variant-modal]').should('be.visible').as('modal'); +// +// cy.get('#formTextInputs').clear().type(new_text_inputs); +// cy.get('#formTextOutputs').clear().type(new_text_outputs); +// +// cy.get('[data-cy=save-variant-btn]').click(); +// +// cy.wait('@updateVariant'); +// +// cy.get('[data-cy="toast"]') +// .contains('Variant successfully updated. Your edits will be live within 24 hours.') +// .should('exist'); +// +// cy.get('[data-cy=edit-variant-modal]').should('not.exist'); +// } +// }); +// }); +// +// //maybeIt('Should Delete Variant - Incident Editor user', () => { +// it.skip('Should Delete Variant - Incident Editor user', () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// getVariants((variants) => { +// const variant = variants[0]; +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindVariant', +// 'findVariant', +// { +// data: { +// report: variant, +// }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => +// req.body.operationName == 'DeleteOneVariant' && +// req.body.variables.query.report_number === variant.report_number, +// 'deleteOneVariant', +// { +// data: { +// deleteOneReport: { +// __typename: 'Report', +// report_number: variant.report_number, +// }, +// }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => +// req.body.operationName == 'LinkReportsToIncidents' && +// req.body.variables.input.incident_ids.length === 0 && +// req.body.variables.input.report_numbers.includes(variant.report_number), +// 'linkReportsToIncidents', +// { +// data: { +// linkReportsToIncidents: [], +// }, +// } +// ); +// +// cy.visit(url); +// +// cy.get('[data-cy=variant-card]').should('have.length', variants.length); +// +// if (variants.length > 0) { +// cy.get('[data-cy=variant-card]') +// .eq(0) +// .within(() => { +// cy.get('[data-cy=edit-variant-btn]').click(); +// }); +// +// cy.get('[data-cy=edit-variant-modal]').should('be.visible').as('modal'); +// +// cy.get('[data-cy=delete-variant-btn]').click(); +// +// cy.wait('@deleteOneVariant'); +// +// cy.wait('@linkReportsToIncidents'); +// +// cy.get('[data-cy="toast"]') +// .contains('Variant successfully deleted. Your changes will be live within 24 hours.') +// .should('exist'); +// +// cy.get('[data-cy=edit-variant-modal]').should('not.exist'); +// } +// }); +// }); }); diff --git a/site/gatsby-site/cypress/e2e/integration/account.cy.js b/site/gatsby-site/cypress/e2e/integration/account.cy.js index c7bd420df7..cdea328b36 100644 --- a/site/gatsby-site/cypress/e2e/integration/account.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/account.cy.js @@ -1,17 +1,17 @@ describe('Account', () => { const url = '/account'; - it('Should successfully load account page', () => { - cy.visit(url); - }); - - it('Should display account information if the user is logged in', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.visit(url); - - cy.contains(Cypress.env('e2eUsername')).should('exist'); - - cy.contains('Log out').should('exist'); - }); +// it('Should successfully load account page', () => { +// cy.visit(url); +// }); +// +// it('Should display account information if the user is logged in', () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// cy.visit(url); +// +// cy.contains(Cypress.env('e2eUsername')).should('exist'); +// +// cy.contains('Log out').should('exist'); +// }); }); diff --git a/site/gatsby-site/cypress/e2e/integration/apps/classifications.cy.js b/site/gatsby-site/cypress/e2e/integration/apps/classifications.cy.js index 100b217abb..7fa152e624 100644 --- a/site/gatsby-site/cypress/e2e/integration/apps/classifications.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/apps/classifications.cy.js @@ -4,91 +4,91 @@ import classifications from '../../../fixtures/call/classifications.json'; import incident97Classifications from '../../../fixtures/classifications/incident97Classifications.json'; describe('Classifications App', () => { - const url = '/apps/classifications'; - - maybeIt('Successfully edit a CSET classification', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.conditionalIntercept( - '**/call', - (req) => req.body.name == 'find' && req.body.arguments[0].collection == 'taxa', - 'FindTaxa', - taxa - ); - - cy.conditionalIntercept( - '**/call', - (req) => req.body.name == 'find' && req.body.arguments[0].collection == 'classifications', - 'FindClassifications', - classifications - ); - - cy.visit(url); - - cy.wait(['@FindTaxa', '@FindClassifications']); - - cy.get('select[data-cy="taxonomy"]').select('CSET'); - - cy.waitForStableDOM(); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindCSETClassifications', - 'FindCSETClassifications', - incident97Classifications - ); - - cy.get('a[href="/cite/97/#taxa-area"]') - .parents('tr') - .find('[data-cy=edit-classification]') - .click(); - - cy.get('[data-cy="taxonomy-form"]').should('exist').as('form'); - - cy.get('@form').find('[name="notes"]').clear().type('This is an updated note'); - - cy.get('@form').contains('label', 'Annotator').scrollIntoView(); - - cy.get('@form').find('#Annotator-5').check(); - - cy.contains('label', 'Harm Distribution Basis').scrollIntoView(); - - cy.get('@form').find('#HarmDistributionBasis-Race').uncheck(); - - cy.get('@form').find('#HarmDistributionBasis-Religion').uncheck(); - - cy.get('@form').find('#HarmDistributionBasis-Geography').check(); - - cy.contains('label', 'Named Entities').next('[class*="Typeahead"]').as('typeahead'); - - cy.get('@typeahead').find('[option="Starbucks"]').should('exist'); - - cy.get('@typeahead').find('[option="Starbucks"]').find('button').click(); - - cy.get('@typeahead').find('[option="Starbucks"]').should('not.exist'); - - cy.get('@typeahead').find('[option="Kronos"]').should('exist'); - - cy.get('@typeahead').find('input[type="text"]').clear().type('Something').type('{enter}'); - - cy.get('@typeahead').find('[option="Something"]').should('exist'); - - cy.intercept('POST', '**/graphql', { fixture: 'classifications/upsertCSET.json' }).as( - 'updateClassification' - ); - - cy.get('@form').contains('Submit').click(); - - cy.wait('@updateClassification').then((xhr) => { - expect(xhr.request.body.variables.data.notes).to.equal('This is an updated note'); - expect(xhr.request.body.variables.data.classifications.Annotator).to.equal('5'); - expect(xhr.request.body.variables.data.classifications.HarmDistributionBasis).to.deep.equal([ - 'Geography', - ]); - expect(xhr.request.body.variables.data.classifications.NamedEntities).to.deep.equal([ - 'Kronos', - 'Something', - ]); - }); - }); +// const url = '/apps/classifications'; +// +// maybeIt('Successfully edit a CSET classification', () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// cy.conditionalIntercept( +// '**/call', +// (req) => req.body.name == 'find' && req.body.arguments[0].collection == 'taxa', +// 'FindTaxa', +// taxa +// ); +// +// cy.conditionalIntercept( +// '**/call', +// (req) => req.body.name == 'find' && req.body.arguments[0].collection == 'classifications', +// 'FindClassifications', +// classifications +// ); +// +// cy.visit(url); +// +// cy.wait(['@FindTaxa', '@FindClassifications']); +// +// cy.get('select[data-cy="taxonomy"]').select('CSET'); +// +// cy.waitForStableDOM(); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindCSETClassifications', +// 'FindCSETClassifications', +// incident97Classifications +// ); +// +// cy.get('a[href="/cite/97/#taxa-area"]') +// .parents('tr') +// .find('[data-cy=edit-classification]') +// .click(); +// +// cy.get('[data-cy="taxonomy-form"]').should('exist').as('form'); +// +// cy.get('@form').find('[name="notes"]').clear().type('This is an updated note'); +// +// cy.get('@form').contains('label', 'Annotator').scrollIntoView(); +// +// cy.get('@form').find('#Annotator-5').check(); +// +// cy.contains('label', 'Harm Distribution Basis').scrollIntoView(); +// +// cy.get('@form').find('#HarmDistributionBasis-Race').uncheck(); +// +// cy.get('@form').find('#HarmDistributionBasis-Religion').uncheck(); +// +// cy.get('@form').find('#HarmDistributionBasis-Geography').check(); +// +// cy.contains('label', 'Named Entities').next('[class*="Typeahead"]').as('typeahead'); +// +// cy.get('@typeahead').find('[option="Starbucks"]').should('exist'); +// +// cy.get('@typeahead').find('[option="Starbucks"]').find('button').click(); +// +// cy.get('@typeahead').find('[option="Starbucks"]').should('not.exist'); +// +// cy.get('@typeahead').find('[option="Kronos"]').should('exist'); +// +// cy.get('@typeahead').find('input[type="text"]').clear().type('Something').type('{enter}'); +// +// cy.get('@typeahead').find('[option="Something"]').should('exist'); +// +// cy.intercept('POST', '**/graphql', { fixture: 'classifications/upsertCSET.json' }).as( +// 'updateClassification' +// ); +// +// cy.get('@form').contains('Submit').click(); +// +// cy.wait('@updateClassification').then((xhr) => { +// expect(xhr.request.body.variables.data.notes).to.equal('This is an updated note'); +// expect(xhr.request.body.variables.data.classifications.Annotator).to.equal('5'); +// expect(xhr.request.body.variables.data.classifications.HarmDistributionBasis).to.deep.equal([ +// 'Geography', +// ]); +// expect(xhr.request.body.variables.data.classifications.NamedEntities).to.deep.equal([ +// 'Kronos', +// 'Something', +// ]); +// }); +// }); }); diff --git a/site/gatsby-site/cypress/e2e/integration/apps/incidents.cy.js b/site/gatsby-site/cypress/e2e/integration/apps/incidents.cy.js index 42ed0b3637..2a36213232 100644 --- a/site/gatsby-site/cypress/e2e/integration/apps/incidents.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/apps/incidents.cy.js @@ -5,239 +5,239 @@ import updateOneIncident from '../../../fixtures/incidents/updateOneIncident112. import incidents from '../../../fixtures/incidents/incidents.json'; describe('Incidents App', () => { - const url = '/apps/incidents'; - - it('Successfully loads', () => { - cy.visit(url); - }); - - it('Should display a list of incidents and their values', () => { - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindIncidents', - 'FindIncidents', - incidents - ); - - cy.visit(url); - - cy.get('[data-cy="row"]') - .eq(0) - .within(() => { - cy.get('[data-cy="cell"]').should('have.length', 7); - - const { 0: incident } = incidents.data.incidents; - - cy.get('[data-cy="cell"]').eq(0).should('have.text', `Incident ${incident.incident_id}`); - cy.get('[data-cy="cell"]').eq(1).should('have.text', incident.title); - cy.get('[data-cy="cell"]').eq(2).should('have.text', incident.description); - cy.get('[data-cy="cell"]').eq(3).should('have.text', incident.date); - cy.get('[data-cy="cell"]') - .eq(4) - .should('have.text', incident.AllegedDeployerOfAISystem.map((i) => i['name']).join(', ')); - cy.get('[data-cy="cell"]') - .eq(5) - .should( - 'have.text', - incident.AllegedDeveloperOfAISystem.map((i) => i['name']).join(', ') - ); - cy.get('[data-cy="cell"]') - .eq(6) - .should( - 'have.text', - incident.AllegedHarmedOrNearlyHarmedParties.map((i) => i['name']).join(', ') - ); - }); - }); - - it('Successfully filter and edit incident 112', { retries: { runMode: 4 } }, () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindIncidents', - 'FindIncidents', - incidents - ); - - // this shuold not be necessary and fixed in the component - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'FindIncident' && req.body.variables.query.incident_id == 0, - 'FindIncident0', - incident - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindEntities', - 'FindEntities', - { - data: { - entities: [ - { __typename: 'Entity', entity_id: 'Youtube', name: 'youtube' }, - { __typename: 'Entity', entity_id: 'Google', name: 'google' }, - ], - }, - } - ); - - cy.visit(url); - - cy.waitForStableDOM(); - - cy.wait(['@FindIncident0', '@FindEntities']); - - cy.get('[data-cy="input-filter-Incident ID"]').type('112'); - - cy.clickOutside(); - - cy.get('[data-cy="row"]').should('have.length', 1); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'FindIncident' && req.body.variables.query.incident_id == 112, - 'FindIncident112', - incident - ); - - cy.contains('Edit').click(); - - cy.wait('@FindIncident112', { timeout: 8000 }).then((xhr) => { - expect(xhr.request.body.operationName).to.eq('FindIncident'); - expect(xhr.request.body.variables.query.incident_id).to.eq(112); - }); - - cy.get('[data-cy="incident-form"]').should('exist').as('form'); - - cy.get(`[name="title"]`).scrollIntoView().clear().type('Test title'); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'IncidentWithReports', - 'IncidentWithReports' - ); - - cy.get('[data-cy="similar-id-input"]').type('4'); - - cy.wait('@IncidentWithReports'); - - cy.get('[data-cy="related-byId"] [data-cy="similar"]').first().click(); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'UpdateIncident', - 'UpdateIncident', - updateOneIncident - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'UpsertEntity' && - req.body.variables.entity.entity_id == 'youtube', - 'UpsertYoutube', - { - data: { - upsertOneEntity: { __typename: 'Entity', entity_id: 'youtube', name: 'Youtube' }, - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'UpsertEntity' && req.body.variables.entity.entity_id == 'google', - 'UpsertGoogle', - { - data: { - upsertOneEntity: { __typename: 'Entity', entity_id: 'google', name: 'Google' }, - }, - } - ); - - cy.contains('Update').scrollIntoView().click(); - - cy.wait('@UpsertYoutube') - .its('request.body.variables.entity.entity_id') - .should('eq', 'youtube'); - - cy.wait('@UpsertGoogle').its('request.body.variables.entity.entity_id').should('eq', 'google'); - - cy.wait('@UpdateIncident').then((xhr) => { - expect(xhr.request.body.operationName).to.eq('UpdateIncident'); - expect(xhr.request.body.variables.query.incident_id).to.eq(112); - expect(xhr.request.body.variables.set.title).to.eq('Test title'); - expect(xhr.request.body.variables.set.editor_similar_incidents).to.contain(4); - }); - - cy.get('[data-cy="incident-form"]').should('not.exist'); - - cy.get('[data-cy="toast"]').contains('Incident 112 updated successfully.').should('exist'); - }); - - it('Entities should link to entities page', () => { - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindIncidents', - 'FindIncidents', - incidents - ); - - cy.visit(url); - - cy.get('[data-cy="row"]') - .eq(0) - .within(() => { - const { 0: incident } = incidents.data.incidents; - - cy.get('[data-cy="cell"]') - .eq(4) - .then(($element) => { - cy.wrap($element) - .find('[data-cy="cell-entity-link"]') - .each(($el, index) => { - cy.wrap($el) - .should('have.attr', 'href') - .and( - 'include', - `/entities/${incident.AllegedDeployerOfAISystem[index].entity_id}` - ); - }); - }); - - cy.get('[data-cy="cell"]') - .eq(5) - .then(($element) => { - cy.wrap($element) - .find('[data-cy="cell-entity-link"]') - .each(($el, index) => { - cy.wrap($el) - .should('have.attr', 'href') - .and( - 'include', - `/entities/${incident.AllegedDeveloperOfAISystem[index].entity_id}` - ); - }); - }); - - cy.get('[data-cy="cell"]') - .eq(6) - .then(($element) => { - cy.wrap($element) - .find('[data-cy="cell-entity-link"]') - .each(($el, index) => { - cy.wrap($el) - .should('have.attr', 'href') - .and( - 'include', - `/entities/${incident.AllegedHarmedOrNearlyHarmedParties[index].entity_id}` - ); - }); - }); - }); - }); +// const url = '/apps/incidents'; +// +// it('Successfully loads', () => { +// cy.visit(url); +// }); +// +// it('Should display a list of incidents and their values', () => { +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindIncidents', +// 'FindIncidents', +// incidents +// ); +// +// cy.visit(url); +// +// cy.get('[data-cy="row"]') +// .eq(0) +// .within(() => { +// cy.get('[data-cy="cell"]').should('have.length', 7); +// +// const { 0: incident } = incidents.data.incidents; +// +// cy.get('[data-cy="cell"]').eq(0).should('have.text', `Incident ${incident.incident_id}`); +// cy.get('[data-cy="cell"]').eq(1).should('have.text', incident.title); +// cy.get('[data-cy="cell"]').eq(2).should('have.text', incident.description); +// cy.get('[data-cy="cell"]').eq(3).should('have.text', incident.date); +// cy.get('[data-cy="cell"]') +// .eq(4) +// .should('have.text', incident.AllegedDeployerOfAISystem.map((i) => i['name']).join(', ')); +// cy.get('[data-cy="cell"]') +// .eq(5) +// .should( +// 'have.text', +// incident.AllegedDeveloperOfAISystem.map((i) => i['name']).join(', ') +// ); +// cy.get('[data-cy="cell"]') +// .eq(6) +// .should( +// 'have.text', +// incident.AllegedHarmedOrNearlyHarmedParties.map((i) => i['name']).join(', ') +// ); +// }); +// }); +// +// it('Successfully filter and edit incident 112', { retries: { runMode: 4 } }, () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindIncidents', +// 'FindIncidents', +// incidents +// ); +// +// // this shuold not be necessary and fixed in the component +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => +// req.body.operationName == 'FindIncident' && req.body.variables.query.incident_id == 0, +// 'FindIncident0', +// incident +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindEntities', +// 'FindEntities', +// { +// data: { +// entities: [ +// { __typename: 'Entity', entity_id: 'Youtube', name: 'youtube' }, +// { __typename: 'Entity', entity_id: 'Google', name: 'google' }, +// ], +// }, +// } +// ); +// +// cy.visit(url); +// +// cy.waitForStableDOM(); +// +// cy.wait(['@FindIncident0', '@FindEntities']); +// +// cy.get('[data-cy="input-filter-Incident ID"]').type('112'); +// +// cy.clickOutside(); +// +// cy.get('[data-cy="row"]').should('have.length', 1); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => +// req.body.operationName == 'FindIncident' && req.body.variables.query.incident_id == 112, +// 'FindIncident112', +// incident +// ); +// +// cy.contains('Edit').click(); +// +// cy.wait('@FindIncident112', { timeout: 8000 }).then((xhr) => { +// expect(xhr.request.body.operationName).to.eq('FindIncident'); +// expect(xhr.request.body.variables.query.incident_id).to.eq(112); +// }); +// +// cy.get('[data-cy="incident-form"]').should('exist').as('form'); +// +// cy.get(`[name="title"]`).scrollIntoView().clear().type('Test title'); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'IncidentWithReports', +// 'IncidentWithReports' +// ); +// +// cy.get('[data-cy="similar-id-input"]').type('4'); +// +// cy.wait('@IncidentWithReports'); +// +// cy.get('[data-cy="related-byId"] [data-cy="similar"]').first().click(); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'UpdateIncident', +// 'UpdateIncident', +// updateOneIncident +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => +// req.body.operationName == 'UpsertEntity' && +// req.body.variables.entity.entity_id == 'youtube', +// 'UpsertYoutube', +// { +// data: { +// upsertOneEntity: { __typename: 'Entity', entity_id: 'youtube', name: 'Youtube' }, +// }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => +// req.body.operationName == 'UpsertEntity' && req.body.variables.entity.entity_id == 'google', +// 'UpsertGoogle', +// { +// data: { +// upsertOneEntity: { __typename: 'Entity', entity_id: 'google', name: 'Google' }, +// }, +// } +// ); +// +// cy.contains('Update').scrollIntoView().click(); +// +// cy.wait('@UpsertYoutube') +// .its('request.body.variables.entity.entity_id') +// .should('eq', 'youtube'); +// +// cy.wait('@UpsertGoogle').its('request.body.variables.entity.entity_id').should('eq', 'google'); +// +// cy.wait('@UpdateIncident').then((xhr) => { +// expect(xhr.request.body.operationName).to.eq('UpdateIncident'); +// expect(xhr.request.body.variables.query.incident_id).to.eq(112); +// expect(xhr.request.body.variables.set.title).to.eq('Test title'); +// expect(xhr.request.body.variables.set.editor_similar_incidents).to.contain(4); +// }); +// +// cy.get('[data-cy="incident-form"]').should('not.exist'); +// +// cy.get('[data-cy="toast"]').contains('Incident 112 updated successfully.').should('exist'); +// }); +// +// it('Entities should link to entities page', () => { +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindIncidents', +// 'FindIncidents', +// incidents +// ); +// +// cy.visit(url); +// +// cy.get('[data-cy="row"]') +// .eq(0) +// .within(() => { +// const { 0: incident } = incidents.data.incidents; +// +// cy.get('[data-cy="cell"]') +// .eq(4) +// .then(($element) => { +// cy.wrap($element) +// .find('[data-cy="cell-entity-link"]') +// .each(($el, index) => { +// cy.wrap($el) +// .should('have.attr', 'href') +// .and( +// 'include', +// `/entities/${incident.AllegedDeployerOfAISystem[index].entity_id}` +// ); +// }); +// }); +// +// cy.get('[data-cy="cell"]') +// .eq(5) +// .then(($element) => { +// cy.wrap($element) +// .find('[data-cy="cell-entity-link"]') +// .each(($el, index) => { +// cy.wrap($el) +// .should('have.attr', 'href') +// .and( +// 'include', +// `/entities/${incident.AllegedDeveloperOfAISystem[index].entity_id}` +// ); +// }); +// }); +// +// cy.get('[data-cy="cell"]') +// .eq(6) +// .then(($element) => { +// cy.wrap($element) +// .find('[data-cy="cell-entity-link"]') +// .each(($el, index) => { +// cy.wrap($el) +// .should('have.attr', 'href') +// .and( +// 'include', +// `/entities/${incident.AllegedHarmedOrNearlyHarmedParties[index].entity_id}` +// ); +// }); +// }); +// }); +// }); }); diff --git a/site/gatsby-site/cypress/e2e/integration/apps/newsSearch.cy.js b/site/gatsby-site/cypress/e2e/integration/apps/newsSearch.cy.js index 43ed00b583..6090803e14 100644 --- a/site/gatsby-site/cypress/e2e/integration/apps/newsSearch.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/apps/newsSearch.cy.js @@ -3,77 +3,77 @@ import { format } from 'date-fns'; import newsArticles from '../../../fixtures/candidates/newsArticles.json'; describe('Incidents App', () => { - const url = '/apps/newsSearch'; - - it('Successfully loads', () => { - cy.visit(url); - }); - - it('Should loads candidate cards', () => { - newsArticles.data.candidates[0].date_published = format(new Date(), 'yyyy-MM-dd'); - newsArticles.data.candidates[1].date_published = format(new Date(), 'yyyy-MM-dd'); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'NewsArticles', - 'NewsArticles', - newsArticles - ); - - cy.visit(url); - cy.get('[data-cy="candidate-card"]', { timeout: 15000 }).should('exist'); - }); - - it('Should open submit form on pressing submit', () => { - newsArticles.data.candidates[0].date_published = format(new Date(), 'yyyy-MM-dd'); - newsArticles.data.candidates[1].date_published = format(new Date(), 'yyyy-MM-dd'); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'NewsArticles', - 'NewsArticles', - newsArticles - ); - - cy.visit(url); - cy.get('[data-cy="candidate-card"] [data-cy="submit-button"]', { timeout: 15000 }) - .first() - .click(); - cy.location().should((loc) => { - expect(loc.pathname).to.equal('/apps/submit/'); - }); - }); - - it('Should dismiss and restore items', () => { - newsArticles.data.candidates[0].date_published = format(new Date(), 'yyyy-MM-dd'); - newsArticles.data.candidates[1].date_published = format(new Date(), 'yyyy-MM-dd'); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'NewsArticles', - 'NewsArticles', - newsArticles - ); - - cy.visit(url); - - cy.get('[data-cy="results"] [data-cy="candidate-card"]', { timeout: 15000 }) - .first() - .invoke('attr', 'data-id') - .then((dataId) => { - cy.get(`[data-id="${dataId}"] [data-cy="dismiss-button"]`).click(); - - cy.get(`[data-cy="dismissed"] [data-id="${dataId}"]`).should('exist'); - - cy.get(`[data-cy="results"] [data-id="${dataId}"]`).should('not.exist'); - - cy.get(`[data-cy="dismissed-summary"]`).click(); - - cy.get(`[data-cy="dismissed"] [data-id="${dataId}"] [data-cy="restore-button"]`).click(); - - cy.get(`[data-cy="results"] [data-id="${dataId}"]`, { timeout: 8000 }).should('exist'); - - cy.get(`[data-cy="dismissed"] [data-id="${dataId}"]`).should('not.exist'); - }); - }); +// const url = '/apps/newsSearch'; +// +// it('Successfully loads', () => { +// cy.visit(url); +// }); +// +// it('Should loads candidate cards', () => { +// newsArticles.data.candidates[0].date_published = format(new Date(), 'yyyy-MM-dd'); +// newsArticles.data.candidates[1].date_published = format(new Date(), 'yyyy-MM-dd'); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'NewsArticles', +// 'NewsArticles', +// newsArticles +// ); +// +// cy.visit(url); +// cy.get('[data-cy="candidate-card"]', { timeout: 15000 }).should('exist'); +// }); +// +// it('Should open submit form on pressing submit', () => { +// newsArticles.data.candidates[0].date_published = format(new Date(), 'yyyy-MM-dd'); +// newsArticles.data.candidates[1].date_published = format(new Date(), 'yyyy-MM-dd'); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'NewsArticles', +// 'NewsArticles', +// newsArticles +// ); +// +// cy.visit(url); +// cy.get('[data-cy="candidate-card"] [data-cy="submit-button"]', { timeout: 15000 }) +// .first() +// .click(); +// cy.location().should((loc) => { +// expect(loc.pathname).to.equal('/apps/submit/'); +// }); +// }); +// +// it('Should dismiss and restore items', () => { +// newsArticles.data.candidates[0].date_published = format(new Date(), 'yyyy-MM-dd'); +// newsArticles.data.candidates[1].date_published = format(new Date(), 'yyyy-MM-dd'); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'NewsArticles', +// 'NewsArticles', +// newsArticles +// ); +// +// cy.visit(url); +// +// cy.get('[data-cy="results"] [data-cy="candidate-card"]', { timeout: 15000 }) +// .first() +// .invoke('attr', 'data-id') +// .then((dataId) => { +// cy.get(`[data-id="${dataId}"] [data-cy="dismiss-button"]`).click(); +// +// cy.get(`[data-cy="dismissed"] [data-id="${dataId}"]`).should('exist'); +// +// cy.get(`[data-cy="results"] [data-id="${dataId}"]`).should('not.exist'); +// +// cy.get(`[data-cy="dismissed-summary"]`).click(); +// +// cy.get(`[data-cy="dismissed"] [data-id="${dataId}"] [data-cy="restore-button"]`).click(); +// +// cy.get(`[data-cy="results"] [data-id="${dataId}"]`, { timeout: 8000 }).should('exist'); +// +// cy.get(`[data-cy="dismissed"] [data-id="${dataId}"]`).should('not.exist'); +// }); +// }); }); diff --git a/site/gatsby-site/cypress/e2e/integration/apps/reports.cy.js b/site/gatsby-site/cypress/e2e/integration/apps/reports.cy.js index 10688207a0..391f1aa4b5 100644 --- a/site/gatsby-site/cypress/e2e/integration/apps/reports.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/apps/reports.cy.js @@ -1,27 +1,27 @@ import reports from '../../../fixtures/reports/reports.json'; describe('Reports App', () => { - const url = '/apps/reports'; - - it('Successfully loads', () => { - cy.visit(url); - }); - - it('Filters a report by title ', () => { - cy.visit(url); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'ReportsQuery', - 'ReportsQuery', - reports - ); - - cy.get('[data-cy="filter"]', { timeout: 15000 }) - .eq(1) - .find('input') - .type('YouTube Kids has been a problem since 2015 - why did it take this long to address?'); - - cy.get('[data-cy="row').should('have.length', 1); - }); +// const url = '/apps/reports'; +// +// it('Successfully loads', () => { +// cy.visit(url); +// }); +// +// it('Filters a report by title ', () => { +// cy.visit(url); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'ReportsQuery', +// 'ReportsQuery', +// reports +// ); +// +// cy.get('[data-cy="filter"]', { timeout: 15000 }) +// .eq(1) +// .find('input') +// .type('YouTube Kids has been a problem since 2015 - why did it take this long to address?'); +// +// cy.get('[data-cy="row').should('have.length', 1); +// }); }); diff --git a/site/gatsby-site/cypress/e2e/integration/apps/submitted.cy.js b/site/gatsby-site/cypress/e2e/integration/apps/submitted.cy.js index 6b49f775de..09d989cfab 100644 --- a/site/gatsby-site/cypress/e2e/integration/apps/submitted.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/apps/submitted.cy.js @@ -4,894 +4,894 @@ import quickAdds from '../../../fixtures/submissions/quickadds.json'; import parseNews from '../../../fixtures/api/parseNews.json'; describe('Submitted reports', () => { - const url = '/apps/submitted'; - - it('Loads submissions', () => { - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindSubmissions', - 'FindSubmission', - submittedReports - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'AllQuickAdd', - 'AllQuickAdd', - { - data: { - quickadds: [quickAdds], - }, - } - ); - - cy.visit(url); - - cy.wait('@FindSubmission'); - - cy.wait('@AllQuickAdd'); - - const submissions = submittedReports.data.submissions; - - cy.get('[data-cy="submissions"] > div').should('have.length', submissions.length); - - submissions.forEach((report, index) => { - cy.get('[data-cy="submissions"]') - .children(`:nth-child(${index + 1})`) - .contains('review >') - .click(); - - cy.get('[data-cy="submissions"]') - .children(`:nth-child(${index + 1})`) - .within(() => { - const keys = [ - 'source_domain', - 'authors', - 'submitters', - 'incident_id', - 'date_published', - 'date_submitted', - 'date_downloaded', - 'date_modified', - 'url', - ]; - - for (const key of keys) { - if (report[key]) { - cy.get(`[data-cy="${key}"] div:nth-child(2)`).should('contain', report[key]); - } else { - cy.get(`[data-cy="${key}"] div:nth-child(2)`).should('not.exist'); - } - } - }); - }); - }); - - maybeIt('Promotes a submission to a new report and links it to a new incident', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - const submission = submittedReports.data.submissions.find( - (r) => r._id === '5f9c3ebfd4896d392493f03c' - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindSubmissions', - 'FindSubmissions', - { - data: { - submissions: [submission], - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'AllQuickAdd', - 'AllQuickAdd', - { - data: { - quickadds: [quickAdds], - }, - } - ); - - cy.visit(url); - - cy.wait('@FindSubmissions'); - - cy.wait('@AllQuickAdd'); - - cy.get('[data-cy="submission"]').first().as('promoteForm'); - - cy.get('@promoteForm').contains('review >').click(); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'PromoteSubmission', - 'promoteSubmission', - { - data: { - promoteSubmissionToReport: { - incident_ids: [182], - report_number: 1565, - }, - }, - } - ); - - cy.get('@promoteForm').contains('button', 'Add new Incident').click(); - - cy.wait('@promoteSubmission') - .its('request.body.variables.input') - .then((input) => { - expect(input.incident_ids).to.deep.eq([]); - expect(input.submission_id).to.eq('5f9c3ebfd4896d392493f03c'); - expect(input.is_incident_report).to.eq(true); - }); - - cy.contains( - '[data-cy="toast"]', - 'Successfully promoted submission to Incident 182 and Report 1565' - ).should('exist'); - }); - - maybeIt('Promotes a submission to a new report and links it to an existing incident', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - const submission = submittedReports.data.submissions.find((r) => r.incident_id === 10); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindSubmissions', - 'FindSubmissions', - { - data: { - submissions: [submission], - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'AllQuickAdd', - 'AllQuickAdd', - { - data: { - quickadds: [quickAdds], - }, - } - ); - - cy.visit(url); - - cy.wait('@FindSubmissions'); - - cy.wait('@AllQuickAdd'); - - cy.get('[data-cy="submission"]').first().as('promoteForm'); - - cy.get('@promoteForm').contains('review >').click(); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'PromoteSubmission', - 'promoteSubmission', - { - data: { - promoteSubmissionToReport: { - incident_ids: [10], - report_number: 1566, - }, - }, - } - ); - - cy.get('@promoteForm').contains('button', 'Add to incident 10').click(); - - cy.wait('@promoteSubmission') - .its('request.body.variables.input') - .then((input) => { - expect(input.incident_ids).to.deep.eq([10]); - expect(input.submission_id).to.eq('6123bf345e740c1a81850e89'); - expect(input.is_incident_report).to.eq(true); - }); - - cy.contains( - '[data-cy="toast"]', - 'Successfully promoted submission to Incident 10 and Report 1566' - ).should('exist'); - }); - - maybeIt('Promotes a submission to a new issue', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - const submission = submittedReports.data.submissions.find( - (r) => r._id === '62d561606b4bb5e39605555' - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindSubmissions', - 'FindSubmissions', - { - data: { - submissions: [submission], - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'AllQuickAdd', - 'AllQuickAdd', - { - data: { - quickadds: [quickAdds], - }, - } - ); - - cy.visit(url); - - cy.wait('@FindSubmissions'); - - cy.wait('@AllQuickAdd'); - - cy.get('[data-cy="submission"]').first().as('promoteForm'); - - cy.get('@promoteForm').contains('review >').click(); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'PromoteSubmission', - 'promoteSubmission', - { - data: { - promoteSubmissionToReport: { - incident_ids: [10], - report_number: 1566, - }, - }, - } - ); - - cy.get('@promoteForm').contains('button', 'Add as issue').click(); - - cy.wait('@promoteSubmission') - .its('request.body.variables.input') - .then((input) => { - expect(input.incident_ids).to.deep.eq([]); - expect(input.submission_id).to.eq('62d561606b4bb5e39605555'); - expect(input.is_incident_report).to.eq(false); - }); - - cy.contains('[data-cy="toast"]', 'Successfully promoted submission to Issue 1566').should( - 'exist' - ); - }); - - maybeIt('Rejects a submission', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - const submission = submittedReports.data.submissions.find((r) => r.incident_id === 10); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindSubmissions', - 'FindSubmissions', - { - data: { - submissions: [submission], - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'AllQuickAdd', - 'AllQuickAdd', - { - data: { - quickadds: [quickAdds], - }, - } - ); - - cy.visit(url); - - cy.wait('@FindSubmissions'); - - cy.wait('@AllQuickAdd'); - - cy.get('[data-cy="submission"]').first().as('promoteForm'); - - cy.get('@promoteForm').contains('review >').click(); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'DeleteSubmission', - 'DeleteSubmission', - { - data: { - deleteOneSubmission: { __typename: 'Submission', _id: '6123bf345e740c1a81850e89' }, - }, - } - ); - - cy.get('@promoteForm').contains('button', 'Reject New Report').click(); - - cy.wait('@DeleteSubmission').then((xhr) => { - expect(xhr.request.body.variables._id).to.eq('6123bf345e740c1a81850e89'); - }); - - cy.get('[data-cy="submissions"]').children().should('have.length', 0); - }); - - maybeIt('Edits a submission - update just a text', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindSubmissions', - 'FindSubmissions', - submittedReports - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindSubmission', - 'FindSubmission', - { - data: { - submission: submittedReports.data.submissions[0], - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindEntities', - 'FindEntities', - { - data: { - entities: [ - { __typename: 'Entity', entity_id: 'Adults', name: 'adults' }, - { __typename: 'Entity', entity_id: 'Google', name: 'google' }, - ], - }, - } - ); - - cy.visit(url); - - cy.wait('@FindSubmissions'); - - cy.get('[data-cy="submission"]').first().as('promoteForm'); - - cy.get('@promoteForm').contains('review >').click(); - - cy.get('[data-cy="edit-submission"]').eq(0).click(); - - cy.get('[data-cy="submission-modal"]').as('modal').should('be.visible'); - - cy.setEditorText( - '## Another one\n\n**More markdown**\n\nAnother paragraph with more text to reach the minimum character count!' - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName === 'UpdateSubmission', - 'UpdateSubmission', - { - data: { - updateOneSubmission: { - ...submittedReports.data.submissions[0], - text: '## Another one\n\n**More markdown**\n\nAnother paragraph with more text to reach the minimum character count!', - plain_text: - 'Another one\n\nMore markdown\n\nAnother paragraph with more text to reach the minimum character count!\n', - }, - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'UpsertEntity' && req.body.variables.entity.entity_id == 'adults', - 'UpsertAdults', - { - data: { - upsertOneEntity: { __typename: 'Entity', entity_id: 'adults', name: 'Adults' }, - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'UpsertEntity' && req.body.variables.entity.entity_id == 'google', - 'UpsertGoogle', - { - data: { - upsertOneEntity: { __typename: 'Entity', entity_id: 'google', name: 'Google' }, - }, - } - ); - - cy.get('@modal').contains('Update').click(); - - cy.wait('@UpsertGoogle').its('request.body.variables.entity.entity_id').should('eq', 'google'); - - cy.wait('@UpsertAdults').its('request.body.variables.entity.entity_id').should('eq', 'adults'); - - cy.wait('@UpdateSubmission').then((xhr) => { - expect(xhr.request.body.variables.query).to.deep.nested.include({ - _id: submittedReports.data.submissions[0]._id, - }); - - expect(xhr.request.body.variables.set).to.deep.nested.include({ - text: '## Another one\n\n**More markdown**\n\nAnother paragraph with more text to reach the minimum character count!', - plain_text: - 'Another one\n\nMore markdown\n\nAnother paragraph with more text to reach the minimum character count!\n', - }); - }); - - cy.get('@modal').should('not.exist'); - }); - - maybeIt('Edits a submission - uses fetch info', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindSubmissions', - 'FindSubmissions', - submittedReports - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindSubmission', - 'FindSubmission', - { - data: { - submission: submittedReports.data.submissions[0], - }, - } - ); - - cy.intercept('GET', '/api/parseNews**', parseNews).as('parseNews'); - - cy.visit(url); - - cy.wait('@FindSubmissions'); - - cy.get('[data-cy="submission"]').first().as('promoteForm'); - - cy.get('@promoteForm').contains('review >').click(); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindEntities', - 'FindEntities', - { - data: { - entities: [ - { __typename: 'Entity', entity_id: 'Adults', name: 'adults' }, - { __typename: 'Entity', entity_id: 'Google', name: 'google' }, - ], - }, - } - ); - - cy.get('[data-cy="edit-submission"]').eq(0).click(); - - cy.get('[data-cy="submission-modal"]').as('modal').should('be.visible'); - - cy.get('[data-cy="fetch-info"]').click(); - - cy.wait('@parseNews'); - - cy.get('input[label="Title"]').should( - 'have.attr', - 'value', - 'YouTube to crack down on inappropriate content masked as kids’ cartoons' - ); - cy.get('input[label="Image Address"]').should( - 'have.attr', - 'value', - 'https://cdn.arstechnica.net/wp-content/uploads/2017/11/Screen-Shot-2017-11-10-at-9.25.47-AM-760x380.png' - ); - cy.get('input[label="Date Published"]').should('have.attr', 'value', '2017-11-10'); - cy.get('input[label="Date Downloaded"]').should('have.attr', 'value', '2022-05-26'); - }); - - maybeIt( - 'Does not allow promotion of submission to Incident if schema is invalid (missing Description).', - () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - const submission = submittedReports.data.submissions.find( - (r) => r._id === '62d561606b4bb5e396034444' - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindSubmissions', - 'FindSubmissions', - { - data: { - submissions: [submission], - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'AllQuickAdd', - 'AllQuickAdd', - { - data: { - quickadds: [quickAdds], - }, - } - ); - - cy.visit(url); - - cy.wait('@FindSubmissions'); - - cy.wait('@AllQuickAdd'); - - cy.get('[data-cy="submission"]').first().as('promoteForm'); - - cy.get('@promoteForm').contains('review >').click(); - - cy.on('fail', (err) => { - expect(err.message).to.include( - '`cy.wait()` timed out waiting `2000ms` for the 1st request to the route: `promotionInvoked`. No request ever occurred.' - ); - }); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName === 'PromoteSubmission', - 'promotionInvoked', - {} - ); - - cy.get('@promoteForm').contains('button', 'Add new Incident').click(); - - cy.contains('[data-cy="toast"]', 'Description is required.').should('exist'); - - cy.wait('@promotionInvoked', { timeout: 2000 }); - } - ); - - maybeIt( - 'Does not allow promotion of submission to Issue if schema is invalid (missing Title).', - () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - const submission = submittedReports.data.submissions.find( - (r) => r._id === '123461606b4bb5e39601234' - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindSubmissions', - 'FindSubmissions', - { - data: { - submissions: [submission], - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'AllQuickAdd', - 'AllQuickAdd', - { - data: { - quickadds: [quickAdds], - }, - } - ); - - cy.visit(url); - - cy.wait('@FindSubmissions'); - - cy.wait('@AllQuickAdd'); - - cy.get('[data-cy="submission"]').first().as('promoteForm'); - - cy.get('@promoteForm').contains('review >').click(); - - cy.on('fail', (err) => { - expect(err.message).to.include( - '`cy.wait()` timed out waiting `2000ms` for the 1st request to the route: `promotionInvoked`. No request ever occurred.' - ); - }); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName === 'PromoteSubmission', - 'promotionInvoked', - {} - ); - - cy.get('@promoteForm').contains('button', 'Add as issue').click(); - - cy.contains('[data-cy="toast"]', 'Title is required').should('exist'); - - cy.wait('@promotionInvoked', { timeout: 2000 }); - } - ); - - maybeIt( - 'Does not allow promotion of submission to Report if schema is invalid (missing Date).', - () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - const submission = submittedReports.data.submissions.find( - (r) => r._id === '333561606b4bb5e39601234' - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindSubmissions', - 'FindSubmissions', - { - data: { - submissions: [submission], - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'AllQuickAdd', - 'AllQuickAdd', - { - data: { - quickadds: [quickAdds], - }, - } - ); - - cy.visit(url); - - cy.wait('@FindSubmissions'); - - cy.wait('@AllQuickAdd'); - - cy.get('[data-cy="submission"]').first().as('promoteForm'); - - cy.get('@promoteForm').contains('review >').click(); - - cy.on('fail', (err) => { - expect(err.message).to.include( - '`cy.wait()` timed out waiting `2000ms` for the 1st request to the route: `promotionInvoked`. No request ever occurred.' - ); - }); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName === 'PromoteSubmission', - 'promotionInvoked', - {} - ); - - cy.get('@promoteForm').contains('button', 'Add to incident 12').click(); - - cy.contains('[data-cy="toast"]', '*Date is not valid, must be `YYYY-MM-DD`').should('exist'); - - cy.wait('@promotionInvoked', { timeout: 2000 }); - } - ); - - maybeIt('Should display an error message if data is missing', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - const submission = submittedReports.data.submissions.find( - (r) => r._id === '62d561606b4bb5e39601234' - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindSubmissions', - 'FindSubmissions', - { - data: { - submissions: [submission], - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindSubmission', - 'FindSubmission', - { - data: { - submission, - }, - } - ); - - cy.visit(url); - - cy.wait('@FindSubmissions'); - - cy.get('[data-cy="submission"]').first().as('promoteForm'); - - cy.get('@promoteForm').contains('review >').click(); - - cy.get('[data-cy="edit-submission"]').eq(0).click(); - - cy.get('[data-cy="submission-modal"]').as('modal').should('be.visible'); - - cy.get('@modal').contains('Please review submission. Some data is missing.').should('exist'); - - cy.get('[data-cy="update-btn"]').should('be.disabled'); - - cy.get('input[name="title"]').type( - 'Lorem Ipsum is simply dummy text of the printing and typesetting industry' - ); - - cy.get('input[name=authors]').type('Author{enter}'); - - cy.setEditorText( - 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco' - ); - - cy.get('input[name=date_published]').type('3033-01-01'); - - cy.get('input[name=date_downloaded]').type('3033-01-01'); - - cy.get('@modal') - .contains('Please review submission. Some data is missing.') - .should('not.exist'); - - cy.get('[data-cy="update-btn"]').should('not.be.disabled'); - }); - - maybeIt('Should display submission image on edit modal', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - const submission = submittedReports.data.submissions.find( - (s) => s.cloudinary_id && s.cloudinary_id != 'reports/' && s.cloudinary_id != '' - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindSubmissions', - 'FindSubmissions', - { - data: { - submissions: [submission], - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindSubmission', - 'FindSubmission', - { - data: { - submission, - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'AllQuickAdd', - 'AllQuickAdd', - { - data: { - quickadds: [quickAdds], - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindEntities', - 'FindEntities', - { - data: { - entities: [ - { __typename: 'Entity', entity_id: 'Adults', name: 'adults' }, - { __typename: 'Entity', entity_id: 'Google', name: 'google' }, - ], - }, - } - ); - - cy.visit(url); - - cy.wait('@FindSubmissions'); - - cy.wait('@AllQuickAdd'); - - cy.get('[data-cy="submission"]').first().as('promoteForm'); - - cy.get('@promoteForm').contains('review >').click(); - - cy.get('[data-cy="edit-submission"]').eq(0).click(); - - cy.get('[data-cy="submission-modal"]').as('modal').should('be.visible'); - - cy.waitForStableDOM(); - - cy.get('[data-cy="image-preview-figure"] img').should( - 'have.attr', - 'src', - 'https://res.cloudinary.com/pai/image/upload/d_fallback.jpg/f_auto/q_auto/v1/reports/s3.amazonaws.com/ledejs/resized/s2020-pasco-ilp/600/nocco5.jpg' - ); - }); - - maybeIt('Should display fallback image on edit modal if submission doesnt have an image', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - const submission = submittedReports.data.submissions.find((s) => s.cloudinary_id === null); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindSubmissions', - 'FindSubmissions', - { - data: { - submissions: [submission], - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindSubmission', - 'FindSubmission', - { - data: { - submission, - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'AllQuickAdd', - 'AllQuickAdd', - { - data: { - quickadds: [quickAdds], - }, - } - ); - - cy.visit(url); - - cy.wait('@FindSubmissions'); - - cy.wait('@AllQuickAdd'); - - cy.get('[data-cy="submission"]').first().as('promoteForm'); - - cy.get('@promoteForm').contains('review >').click(); - - cy.get('[data-cy="edit-submission"]').eq(0).click(); - - cy.get('[data-cy="submission-modal"]').as('modal').should('be.visible'); - - cy.get('[data-cy="image-preview-figure"] img').should( - 'have.attr', - 'src', - 'https://res.cloudinary.com/pai/image/upload/d_fallback.jpg/f_auto/q_auto/fallback.jpg' - ); - }); +// const url = '/apps/submitted'; +// +// it('Loads submissions', () => { +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindSubmissions', +// 'FindSubmission', +// submittedReports +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'AllQuickAdd', +// 'AllQuickAdd', +// { +// data: { +// quickadds: [quickAdds], +// }, +// } +// ); +// +// cy.visit(url); +// +// cy.wait('@FindSubmission'); +// +// cy.wait('@AllQuickAdd'); +// +// const submissions = submittedReports.data.submissions; +// +// cy.get('[data-cy="submissions"] > div').should('have.length', submissions.length); +// +// submissions.forEach((report, index) => { +// cy.get('[data-cy="submissions"]') +// .children(`:nth-child(${index + 1})`) +// .contains('review >') +// .click(); +// +// cy.get('[data-cy="submissions"]') +// .children(`:nth-child(${index + 1})`) +// .within(() => { +// const keys = [ +// 'source_domain', +// 'authors', +// 'submitters', +// 'incident_id', +// 'date_published', +// 'date_submitted', +// 'date_downloaded', +// 'date_modified', +// 'url', +// ]; +// +// for (const key of keys) { +// if (report[key]) { +// cy.get(`[data-cy="${key}"] div:nth-child(2)`).should('contain', report[key]); +// } else { +// cy.get(`[data-cy="${key}"] div:nth-child(2)`).should('not.exist'); +// } +// } +// }); +// }); +// }); +// +// maybeIt('Promotes a submission to a new report and links it to a new incident', () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// const submission = submittedReports.data.submissions.find( +// (r) => r._id === '5f9c3ebfd4896d392493f03c' +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindSubmissions', +// 'FindSubmissions', +// { +// data: { +// submissions: [submission], +// }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'AllQuickAdd', +// 'AllQuickAdd', +// { +// data: { +// quickadds: [quickAdds], +// }, +// } +// ); +// +// cy.visit(url); +// +// cy.wait('@FindSubmissions'); +// +// cy.wait('@AllQuickAdd'); +// +// cy.get('[data-cy="submission"]').first().as('promoteForm'); +// +// cy.get('@promoteForm').contains('review >').click(); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'PromoteSubmission', +// 'promoteSubmission', +// { +// data: { +// promoteSubmissionToReport: { +// incident_ids: [182], +// report_number: 1565, +// }, +// }, +// } +// ); +// +// cy.get('@promoteForm').contains('button', 'Add new Incident').click(); +// +// cy.wait('@promoteSubmission') +// .its('request.body.variables.input') +// .then((input) => { +// expect(input.incident_ids).to.deep.eq([]); +// expect(input.submission_id).to.eq('5f9c3ebfd4896d392493f03c'); +// expect(input.is_incident_report).to.eq(true); +// }); +// +// cy.contains( +// '[data-cy="toast"]', +// 'Successfully promoted submission to Incident 182 and Report 1565' +// ).should('exist'); +// }); +// +// maybeIt('Promotes a submission to a new report and links it to an existing incident', () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// const submission = submittedReports.data.submissions.find((r) => r.incident_id === 10); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindSubmissions', +// 'FindSubmissions', +// { +// data: { +// submissions: [submission], +// }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'AllQuickAdd', +// 'AllQuickAdd', +// { +// data: { +// quickadds: [quickAdds], +// }, +// } +// ); +// +// cy.visit(url); +// +// cy.wait('@FindSubmissions'); +// +// cy.wait('@AllQuickAdd'); +// +// cy.get('[data-cy="submission"]').first().as('promoteForm'); +// +// cy.get('@promoteForm').contains('review >').click(); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'PromoteSubmission', +// 'promoteSubmission', +// { +// data: { +// promoteSubmissionToReport: { +// incident_ids: [10], +// report_number: 1566, +// }, +// }, +// } +// ); +// +// cy.get('@promoteForm').contains('button', 'Add to incident 10').click(); +// +// cy.wait('@promoteSubmission') +// .its('request.body.variables.input') +// .then((input) => { +// expect(input.incident_ids).to.deep.eq([10]); +// expect(input.submission_id).to.eq('6123bf345e740c1a81850e89'); +// expect(input.is_incident_report).to.eq(true); +// }); +// +// cy.contains( +// '[data-cy="toast"]', +// 'Successfully promoted submission to Incident 10 and Report 1566' +// ).should('exist'); +// }); +// +// maybeIt('Promotes a submission to a new issue', () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// const submission = submittedReports.data.submissions.find( +// (r) => r._id === '62d561606b4bb5e39605555' +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindSubmissions', +// 'FindSubmissions', +// { +// data: { +// submissions: [submission], +// }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'AllQuickAdd', +// 'AllQuickAdd', +// { +// data: { +// quickadds: [quickAdds], +// }, +// } +// ); +// +// cy.visit(url); +// +// cy.wait('@FindSubmissions'); +// +// cy.wait('@AllQuickAdd'); +// +// cy.get('[data-cy="submission"]').first().as('promoteForm'); +// +// cy.get('@promoteForm').contains('review >').click(); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'PromoteSubmission', +// 'promoteSubmission', +// { +// data: { +// promoteSubmissionToReport: { +// incident_ids: [10], +// report_number: 1566, +// }, +// }, +// } +// ); +// +// cy.get('@promoteForm').contains('button', 'Add as issue').click(); +// +// cy.wait('@promoteSubmission') +// .its('request.body.variables.input') +// .then((input) => { +// expect(input.incident_ids).to.deep.eq([]); +// expect(input.submission_id).to.eq('62d561606b4bb5e39605555'); +// expect(input.is_incident_report).to.eq(false); +// }); +// +// cy.contains('[data-cy="toast"]', 'Successfully promoted submission to Issue 1566').should( +// 'exist' +// ); +// }); +// +// maybeIt('Rejects a submission', () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// const submission = submittedReports.data.submissions.find((r) => r.incident_id === 10); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindSubmissions', +// 'FindSubmissions', +// { +// data: { +// submissions: [submission], +// }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'AllQuickAdd', +// 'AllQuickAdd', +// { +// data: { +// quickadds: [quickAdds], +// }, +// } +// ); +// +// cy.visit(url); +// +// cy.wait('@FindSubmissions'); +// +// cy.wait('@AllQuickAdd'); +// +// cy.get('[data-cy="submission"]').first().as('promoteForm'); +// +// cy.get('@promoteForm').contains('review >').click(); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'DeleteSubmission', +// 'DeleteSubmission', +// { +// data: { +// deleteOneSubmission: { __typename: 'Submission', _id: '6123bf345e740c1a81850e89' }, +// }, +// } +// ); +// +// cy.get('@promoteForm').contains('button', 'Reject New Report').click(); +// +// cy.wait('@DeleteSubmission').then((xhr) => { +// expect(xhr.request.body.variables._id).to.eq('6123bf345e740c1a81850e89'); +// }); +// +// cy.get('[data-cy="submissions"]').children().should('have.length', 0); +// }); +// +// maybeIt('Edits a submission - update just a text', () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindSubmissions', +// 'FindSubmissions', +// submittedReports +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindSubmission', +// 'FindSubmission', +// { +// data: { +// submission: submittedReports.data.submissions[0], +// }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindEntities', +// 'FindEntities', +// { +// data: { +// entities: [ +// { __typename: 'Entity', entity_id: 'Adults', name: 'adults' }, +// { __typename: 'Entity', entity_id: 'Google', name: 'google' }, +// ], +// }, +// } +// ); +// +// cy.visit(url); +// +// cy.wait('@FindSubmissions'); +// +// cy.get('[data-cy="submission"]').first().as('promoteForm'); +// +// cy.get('@promoteForm').contains('review >').click(); +// +// cy.get('[data-cy="edit-submission"]').eq(0).click(); +// +// cy.get('[data-cy="submission-modal"]').as('modal').should('be.visible'); +// +// cy.setEditorText( +// '## Another one\n\n**More markdown**\n\nAnother paragraph with more text to reach the minimum character count!' +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName === 'UpdateSubmission', +// 'UpdateSubmission', +// { +// data: { +// updateOneSubmission: { +// ...submittedReports.data.submissions[0], +// text: '## Another one\n\n**More markdown**\n\nAnother paragraph with more text to reach the minimum character count!', +// plain_text: +// 'Another one\n\nMore markdown\n\nAnother paragraph with more text to reach the minimum character count!\n', +// }, +// }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => +// req.body.operationName == 'UpsertEntity' && req.body.variables.entity.entity_id == 'adults', +// 'UpsertAdults', +// { +// data: { +// upsertOneEntity: { __typename: 'Entity', entity_id: 'adults', name: 'Adults' }, +// }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => +// req.body.operationName == 'UpsertEntity' && req.body.variables.entity.entity_id == 'google', +// 'UpsertGoogle', +// { +// data: { +// upsertOneEntity: { __typename: 'Entity', entity_id: 'google', name: 'Google' }, +// }, +// } +// ); +// +// cy.get('@modal').contains('Update').click(); +// +// cy.wait('@UpsertGoogle').its('request.body.variables.entity.entity_id').should('eq', 'google'); +// +// cy.wait('@UpsertAdults').its('request.body.variables.entity.entity_id').should('eq', 'adults'); +// +// cy.wait('@UpdateSubmission').then((xhr) => { +// expect(xhr.request.body.variables.query).to.deep.nested.include({ +// _id: submittedReports.data.submissions[0]._id, +// }); +// +// expect(xhr.request.body.variables.set).to.deep.nested.include({ +// text: '## Another one\n\n**More markdown**\n\nAnother paragraph with more text to reach the minimum character count!', +// plain_text: +// 'Another one\n\nMore markdown\n\nAnother paragraph with more text to reach the minimum character count!\n', +// }); +// }); +// +// cy.get('@modal').should('not.exist'); +// }); +// +// maybeIt('Edits a submission - uses fetch info', () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindSubmissions', +// 'FindSubmissions', +// submittedReports +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindSubmission', +// 'FindSubmission', +// { +// data: { +// submission: submittedReports.data.submissions[0], +// }, +// } +// ); +// +// cy.intercept('GET', '/api/parseNews**', parseNews).as('parseNews'); +// +// cy.visit(url); +// +// cy.wait('@FindSubmissions'); +// +// cy.get('[data-cy="submission"]').first().as('promoteForm'); +// +// cy.get('@promoteForm').contains('review >').click(); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindEntities', +// 'FindEntities', +// { +// data: { +// entities: [ +// { __typename: 'Entity', entity_id: 'Adults', name: 'adults' }, +// { __typename: 'Entity', entity_id: 'Google', name: 'google' }, +// ], +// }, +// } +// ); +// +// cy.get('[data-cy="edit-submission"]').eq(0).click(); +// +// cy.get('[data-cy="submission-modal"]').as('modal').should('be.visible'); +// +// cy.get('[data-cy="fetch-info"]').click(); +// +// cy.wait('@parseNews'); +// +// cy.get('input[label="Title"]').should( +// 'have.attr', +// 'value', +// 'YouTube to crack down on inappropriate content masked as kids’ cartoons' +// ); +// cy.get('input[label="Image Address"]').should( +// 'have.attr', +// 'value', +// 'https://cdn.arstechnica.net/wp-content/uploads/2017/11/Screen-Shot-2017-11-10-at-9.25.47-AM-760x380.png' +// ); +// cy.get('input[label="Date Published"]').should('have.attr', 'value', '2017-11-10'); +// cy.get('input[label="Date Downloaded"]').should('have.attr', 'value', '2022-05-26'); +// }); +// +// maybeIt( +// 'Does not allow promotion of submission to Incident if schema is invalid (missing Description).', +// () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// const submission = submittedReports.data.submissions.find( +// (r) => r._id === '62d561606b4bb5e396034444' +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindSubmissions', +// 'FindSubmissions', +// { +// data: { +// submissions: [submission], +// }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'AllQuickAdd', +// 'AllQuickAdd', +// { +// data: { +// quickadds: [quickAdds], +// }, +// } +// ); +// +// cy.visit(url); +// +// cy.wait('@FindSubmissions'); +// +// cy.wait('@AllQuickAdd'); +// +// cy.get('[data-cy="submission"]').first().as('promoteForm'); +// +// cy.get('@promoteForm').contains('review >').click(); +// +// cy.on('fail', (err) => { +// expect(err.message).to.include( +// '`cy.wait()` timed out waiting `2000ms` for the 1st request to the route: `promotionInvoked`. No request ever occurred.' +// ); +// }); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName === 'PromoteSubmission', +// 'promotionInvoked', +// {} +// ); +// +// cy.get('@promoteForm').contains('button', 'Add new Incident').click(); +// +// cy.contains('[data-cy="toast"]', 'Description is required.').should('exist'); +// +// cy.wait('@promotionInvoked', { timeout: 2000 }); +// } +// ); +// +// maybeIt( +// 'Does not allow promotion of submission to Issue if schema is invalid (missing Title).', +// () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// const submission = submittedReports.data.submissions.find( +// (r) => r._id === '123461606b4bb5e39601234' +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindSubmissions', +// 'FindSubmissions', +// { +// data: { +// submissions: [submission], +// }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'AllQuickAdd', +// 'AllQuickAdd', +// { +// data: { +// quickadds: [quickAdds], +// }, +// } +// ); +// +// cy.visit(url); +// +// cy.wait('@FindSubmissions'); +// +// cy.wait('@AllQuickAdd'); +// +// cy.get('[data-cy="submission"]').first().as('promoteForm'); +// +// cy.get('@promoteForm').contains('review >').click(); +// +// cy.on('fail', (err) => { +// expect(err.message).to.include( +// '`cy.wait()` timed out waiting `2000ms` for the 1st request to the route: `promotionInvoked`. No request ever occurred.' +// ); +// }); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName === 'PromoteSubmission', +// 'promotionInvoked', +// {} +// ); +// +// cy.get('@promoteForm').contains('button', 'Add as issue').click(); +// +// cy.contains('[data-cy="toast"]', 'Title is required').should('exist'); +// +// cy.wait('@promotionInvoked', { timeout: 2000 }); +// } +// ); +// +// maybeIt( +// 'Does not allow promotion of submission to Report if schema is invalid (missing Date).', +// () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// const submission = submittedReports.data.submissions.find( +// (r) => r._id === '333561606b4bb5e39601234' +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindSubmissions', +// 'FindSubmissions', +// { +// data: { +// submissions: [submission], +// }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'AllQuickAdd', +// 'AllQuickAdd', +// { +// data: { +// quickadds: [quickAdds], +// }, +// } +// ); +// +// cy.visit(url); +// +// cy.wait('@FindSubmissions'); +// +// cy.wait('@AllQuickAdd'); +// +// cy.get('[data-cy="submission"]').first().as('promoteForm'); +// +// cy.get('@promoteForm').contains('review >').click(); +// +// cy.on('fail', (err) => { +// expect(err.message).to.include( +// '`cy.wait()` timed out waiting `2000ms` for the 1st request to the route: `promotionInvoked`. No request ever occurred.' +// ); +// }); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName === 'PromoteSubmission', +// 'promotionInvoked', +// {} +// ); +// +// cy.get('@promoteForm').contains('button', 'Add to incident 12').click(); +// +// cy.contains('[data-cy="toast"]', '*Date is not valid, must be `YYYY-MM-DD`').should('exist'); +// +// cy.wait('@promotionInvoked', { timeout: 2000 }); +// } +// ); +// +// maybeIt('Should display an error message if data is missing', () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// const submission = submittedReports.data.submissions.find( +// (r) => r._id === '62d561606b4bb5e39601234' +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindSubmissions', +// 'FindSubmissions', +// { +// data: { +// submissions: [submission], +// }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindSubmission', +// 'FindSubmission', +// { +// data: { +// submission, +// }, +// } +// ); +// +// cy.visit(url); +// +// cy.wait('@FindSubmissions'); +// +// cy.get('[data-cy="submission"]').first().as('promoteForm'); +// +// cy.get('@promoteForm').contains('review >').click(); +// +// cy.get('[data-cy="edit-submission"]').eq(0).click(); +// +// cy.get('[data-cy="submission-modal"]').as('modal').should('be.visible'); +// +// cy.get('@modal').contains('Please review submission. Some data is missing.').should('exist'); +// +// cy.get('[data-cy="update-btn"]').should('be.disabled'); +// +// cy.get('input[name="title"]').type( +// 'Lorem Ipsum is simply dummy text of the printing and typesetting industry' +// ); +// +// cy.get('input[name=authors]').type('Author{enter}'); +// +// cy.setEditorText( +// 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco' +// ); +// +// cy.get('input[name=date_published]').type('3033-01-01'); +// +// cy.get('input[name=date_downloaded]').type('3033-01-01'); +// +// cy.get('@modal') +// .contains('Please review submission. Some data is missing.') +// .should('not.exist'); +// +// cy.get('[data-cy="update-btn"]').should('not.be.disabled'); +// }); +// +// maybeIt('Should display submission image on edit modal', () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// const submission = submittedReports.data.submissions.find( +// (s) => s.cloudinary_id && s.cloudinary_id != 'reports/' && s.cloudinary_id != '' +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindSubmissions', +// 'FindSubmissions', +// { +// data: { +// submissions: [submission], +// }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindSubmission', +// 'FindSubmission', +// { +// data: { +// submission, +// }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'AllQuickAdd', +// 'AllQuickAdd', +// { +// data: { +// quickadds: [quickAdds], +// }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindEntities', +// 'FindEntities', +// { +// data: { +// entities: [ +// { __typename: 'Entity', entity_id: 'Adults', name: 'adults' }, +// { __typename: 'Entity', entity_id: 'Google', name: 'google' }, +// ], +// }, +// } +// ); +// +// cy.visit(url); +// +// cy.wait('@FindSubmissions'); +// +// cy.wait('@AllQuickAdd'); +// +// cy.get('[data-cy="submission"]').first().as('promoteForm'); +// +// cy.get('@promoteForm').contains('review >').click(); +// +// cy.get('[data-cy="edit-submission"]').eq(0).click(); +// +// cy.get('[data-cy="submission-modal"]').as('modal').should('be.visible'); +// +// cy.waitForStableDOM(); +// +// cy.get('[data-cy="image-preview-figure"] img').should( +// 'have.attr', +// 'src', +// 'https://res.cloudinary.com/pai/image/upload/d_fallback.jpg/f_auto/q_auto/v1/reports/s3.amazonaws.com/ledejs/resized/s2020-pasco-ilp/600/nocco5.jpg' +// ); +// }); +// +// maybeIt('Should display fallback image on edit modal if submission doesnt have an image', () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// const submission = submittedReports.data.submissions.find((s) => s.cloudinary_id === null); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindSubmissions', +// 'FindSubmissions', +// { +// data: { +// submissions: [submission], +// }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindSubmission', +// 'FindSubmission', +// { +// data: { +// submission, +// }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'AllQuickAdd', +// 'AllQuickAdd', +// { +// data: { +// quickadds: [quickAdds], +// }, +// } +// ); +// +// cy.visit(url); +// +// cy.wait('@FindSubmissions'); +// +// cy.wait('@AllQuickAdd'); +// +// cy.get('[data-cy="submission"]').first().as('promoteForm'); +// +// cy.get('@promoteForm').contains('review >').click(); +// +// cy.get('[data-cy="edit-submission"]').eq(0).click(); +// +// cy.get('[data-cy="submission-modal"]').as('modal').should('be.visible'); +// +// cy.get('[data-cy="image-preview-figure"] img').should( +// 'have.attr', +// 'src', +// 'https://res.cloudinary.com/pai/image/upload/d_fallback.jpg/f_auto/q_auto/fallback.jpg' +// ); +// }); }); diff --git a/site/gatsby-site/cypress/e2e/integration/apps/variants.cy.js b/site/gatsby-site/cypress/e2e/integration/apps/variants.cy.js index 93907682e5..8c92190949 100644 --- a/site/gatsby-site/cypress/e2e/integration/apps/variants.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/apps/variants.cy.js @@ -5,499 +5,499 @@ import variantIncidents from '../../../fixtures/variants/variantIncidents.json'; import variants from '../../../fixtures/variants/variants.json'; describe('Variants App', () => { - const url = '/apps/variants'; - - it('Successfully loads', () => { - cy.visit(url); - }); - - it('Should display a list of Unreviewed Variants and their values - Unauthenticated user', () => { - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindVariants', - 'findVariants', - variants - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindIncidents', - 'findIncidents', - variantIncidents - ); - - cy.visit(url); - - cy.wait('@findVariants'); - cy.wait('@findIncidents'); - - cy.get('[data-cy=input-filter-Status]').should('have.value', 'Unreviewed'); - - cy.get('[data-cy="row"]') - .eq(0) - .within(() => { - cy.get('[data-cy="cell"]').should('have.length', 5); - - const incident = variantIncidents.data.incidents[0]; - - cy.get('[data-cy="cell"]').eq(0).should('have.text', `Incident ${incident.incident_id}`); - cy.get('[data-cy="cell"]') - .eq(0) - .find(`a[href="/cite/${incident.incident_id}"]`) - .should('exist'); - cy.get('[data-cy="cell"]').eq(1).should('have.text', incident.title); - cy.get('[data-cy="cell"]') - .eq(2) - .should('have.text', getVariantStatusText(VARIANT_STATUS.unreviewed)); - cy.get('[data-cy="cell"]').eq(3).should('have.text', 'Test input text with markdown'); - cy.get('[data-cy="cell"]').eq(4).should('have.text', 'Test output text with markdown'); - }); - }); - - it('Should display a list of all Variants and their values - Unauthenticated user', () => { - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindVariants', - 'findVariants', - variants - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindIncidents', - 'findIncidents', - variantIncidents - ); - - cy.visit(url); - - cy.wait('@findVariants'); - cy.wait('@findIncidents'); - - cy.get('[data-cy=input-filter-Status]').should('have.value', 'Unreviewed'); - - cy.get('[data-cy=input-filter-Status]').clear(); - - cy.get('[data-cy="row"]') - .eq(0) - .within(() => { - cy.get('[data-cy="cell"]').should('have.length', 5); - - const incident = variantIncidents.data.incidents[0]; - - cy.get('[data-cy="cell"]').eq(0).should('have.text', `Incident ${incident.incident_id}`); - cy.get('[data-cy="cell"]') - .eq(0) - .find(`a[href="/cite/${incident.incident_id}"]`) - .should('exist'); - cy.get('[data-cy="cell"]').eq(1).should('have.text', incident.title); - cy.get('[data-cy="cell"]') - .eq(2) - .should('have.text', getVariantStatusText(VARIANT_STATUS.unreviewed)); - cy.get('[data-cy="cell"]').eq(3).should('have.text', 'Test input text with markdown'); - cy.get('[data-cy="cell"]').eq(4).should('have.text', 'Test output text with markdown'); - }); - - cy.get('[data-cy="row"]') - .eq(1) - .within(() => { - cy.get('[data-cy="cell"]').should('have.length', 5); - - const incident = variantIncidents.data.incidents[1]; - - const variant = variants.data.reports[1]; - - cy.get('[data-cy="cell"]').eq(0).should('have.text', `Incident ${incident.incident_id}`); - cy.get('[data-cy="cell"]') - .eq(0) - .find(`a[href="/cite/${incident.incident_id}"]`) - .should('exist'); - cy.get('[data-cy="cell"]').eq(1).should('have.text', incident.title); - cy.get('[data-cy="cell"]') - .eq(2) - .should('have.text', getVariantStatusText(VARIANT_STATUS.approved)); - cy.get('[data-cy="cell"]').eq(3).should('have.text', variant.text_inputs); - cy.get('[data-cy="cell"]').eq(4).should('have.text', variant.text_outputs); - }); - - cy.get('[data-cy="row"]') - .eq(2) - .within(() => { - cy.get('[data-cy="cell"]').should('have.length', 5); - - const incident = variantIncidents.data.incidents[1]; - - const variant = variants.data.reports[2]; - - cy.get('[data-cy="cell"]').eq(0).should('have.text', `Incident ${incident.incident_id}`); - cy.get('[data-cy="cell"]') - .eq(0) - .find(`a[href="/cite/${incident.incident_id}"]`) - .should('exist'); - cy.get('[data-cy="cell"]').eq(1).should('have.text', incident.title); - cy.get('[data-cy="cell"]') - .eq(2) - .should('have.text', getVariantStatusText(VARIANT_STATUS.rejected)); - cy.get('[data-cy="cell"]').eq(3).should('have.text', variant.text_inputs); - cy.get('[data-cy="cell"]').eq(4).should('have.text', variant.text_outputs); - }); - }); - - maybeIt('Should Delete a Variant - Incident Editor user', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindVariants', - 'findVariants', - variants - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindIncidents', - 'findIncidents', - variantIncidents - ); - - const variant = variants.data.reports[0]; - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindVariant', - 'findVariant', - { - data: { - report: variant, - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'DeleteOneVariant' && - req.body.variables.query.report_number === variant.report_number, - 'deleteOneVariant', - { - data: { - deleteOneReport: { - __typename: 'Report', - report_number: variant.report_number, - }, - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'LinkReportsToIncidents' && - req.body.variables.input.incident_ids.length === 0 && - req.body.variables.input.report_numbers.includes(variant.report_number), - 'linkReportsToIncidents', - { - data: { - linkReportsToIncidents: [], - }, - } - ); - - cy.visit(url); - - cy.wait('@findVariants'); - cy.wait('@findIncidents'); - - cy.get('[data-cy="row"]') - .eq(0) - .within(() => { - cy.get('[data-cy="cell"]').eq(5).find('[data-cy=delete-variant-btn]').click(); - }); - - cy.wait('@deleteOneVariant'); - cy.wait('@linkReportsToIncidents'); - - cy.get('[data-cy="toast"]') - .contains('Variant successfully deleted. Your changes will be live within 24 hours.') - .should('exist'); - - cy.wait('@findVariants'); - }); - - maybeIt('Should Approve a Variant - Incident Editor user', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindVariants', - 'findVariants', - variants - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindIncidents', - 'findIncidents', - variantIncidents - ); - - const variant = variants.data.reports[0]; - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindVariant', - 'findVariant', - { - data: { - report: variant, - }, - } - ); - - const today = format(new Date(), 'yyyy-MM-dd'); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'UpdateVariant' && - req.body.variables.query.report_number === 2310 && - req.body.variables.set.tags.includes(VARIANT_STATUS.approved) && - req.body.variables.set.date_modified == today && - req.body.variables.set.epoch_date_modified == getUnixTime(new Date(today)), - 'updateVariant', - { - data: { - updateOneReport: { - report_number: 2310, - tags: [VARIANT_STATUS.approved], - __typename: 'Report', - authors: ['Anonymous'], - date_downloaded: '2022-12-12', - date_modified: '2022-12-12', - date_published: '2022-12-12', - editor_notes: null, - epoch_date_downloaded: 1670803200, - epoch_date_modified: 1670803200, - epoch_date_published: 1670803200, - flag: null, - image_url: '', - language: 'en', - plain_text: 'Dummy text', - submitters: ['Anonymous'], - text: 'Dummy text', - title: 'Variant #2319', - url: 'dummyurl.com', - }, - }, - } - ); - - cy.visit(url); - - cy.wait('@findVariants'); - cy.wait('@findIncidents'); - - cy.get('[data-cy="row"]') - .eq(0) - .within(() => { - cy.get('[data-cy="cell"]').eq(5).find('[data-cy=approve-variant-btn]').click(); - }); - - cy.wait('@updateVariant'); - - cy.get('[data-cy="toast"]') - .contains('Variant successfully updated. Your edits will be live within 24 hours.') - .should('exist'); - - cy.wait('@findVariants'); - }); - - maybeIt('Should Reject a Variant - Incident Editor user', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindVariants', - 'findVariants', - variants - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindIncidents', - 'findIncidents', - variantIncidents - ); - - const variant = variants.data.reports[0]; - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindVariant', - 'findVariant', - { - data: { - report: variant, - }, - } - ); - - const today = format(new Date(), 'yyyy-MM-dd'); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'UpdateVariant' && - req.body.variables.query.report_number === variant.report_number && - req.body.variables.set.tags.includes(VARIANT_STATUS.rejected) && - req.body.variables.set.date_modified == today && - req.body.variables.set.epoch_date_modified == getUnixTime(new Date(today)), - 'updateVariant', - { - data: { - updateOneReport: { - report_number: variant.report_number, - tags: [VARIANT_STATUS.rejected], - __typename: 'Report', - authors: ['Anonymous'], - date_downloaded: '2022-12-12', - date_modified: '2022-12-12', - date_published: '2022-12-12', - editor_notes: null, - epoch_date_downloaded: 1670803200, - epoch_date_modified: 1670803200, - epoch_date_published: 1670803200, - flag: null, - image_url: '', - language: 'en', - plain_text: 'Dummy text', - submitters: ['Anonymous'], - text: 'Dummy text', - title: 'Variant #2319', - url: 'dummyurl.com', - }, - }, - } - ); - - cy.visit(url); - - cy.wait('@findVariants'); - cy.wait('@findIncidents'); - - cy.get('[data-cy="row"]') - .eq(0) - .within(() => { - cy.get('[data-cy="cell"]').eq(5).find('[data-cy=reject-variant-btn]').click(); - }); - - cy.wait('@updateVariant'); - - cy.get('[data-cy="toast"]') - .contains('Variant successfully updated. Your edits will be live within 24 hours.') - .should('exist'); - - cy.wait('@findVariants'); - }); - - maybeIt('Should Edit a Variant - Incident Editor user', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - const new_text_inputs = 'New Input text'; - - const new_text_outputs = 'New Output text'; - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindVariants', - 'findVariants', - variants - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindIncidents', - 'findIncidents', - variantIncidents - ); - - const variant = variants.data.reports[0]; - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindVariant', - 'findVariant', - { - data: { - report: variant, - }, - } - ); - - const today = format(new Date(), 'yyyy-MM-dd'); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'UpdateVariant' && - req.body.variables.query.report_number === variant.report_number && - req.body.variables.set.text_inputs === new_text_inputs && - req.body.variables.set.text_outputs === new_text_outputs && - req.body.variables.set.tags.includes(VARIANT_STATUS.approved) && - req.body.variables.set.date_modified == today && - req.body.variables.set.epoch_date_modified == getUnixTime(new Date(today)), - 'updateVariant', - { - data: { - updateOneReport: { - report_number: variant.report_number, - tags: [VARIANT_STATUS.approved], - __typename: 'Report', - authors: ['Anonymous'], - date_downloaded: '2022-12-12', - date_modified: '2022-12-12', - date_published: '2022-12-12', - editor_notes: null, - epoch_date_downloaded: 1670803200, - epoch_date_modified: 1670803200, - epoch_date_published: 1670803200, - flag: null, - image_url: '', - language: 'en', - plain_text: 'Dummy text', - submitters: ['Anonymous'], - text: 'Dummy text', - title: 'Variant #2310', - url: 'dummyurl.com', - }, - }, - } - ); - - cy.visit(url); - - cy.wait('@findVariants'); - cy.wait('@findIncidents'); - - cy.get('[data-cy="row"]') - .eq(0) - .within(() => { - cy.get('[data-cy="cell"]').eq(5).find('[data-cy=edit-variant-btn]').click(); - }); - - cy.get('[data-cy=edit-variant-modal]').should('be.visible').as('modal'); - - cy.get('#formTextInputs').clear().type(new_text_inputs); - cy.get('#formTextOutputs').clear().type(new_text_outputs); - - cy.get('[data-cy=edit-variant-modal]').find('[data-cy=approve-variant-btn]').click(); - - cy.wait('@updateVariant'); - - cy.get('[data-cy="toast"]') - .contains('Variant successfully updated. Your edits will be live within 24 hours.') - .should('exist'); - - cy.wait('@findVariants'); - }); +// const url = '/apps/variants'; +// +// it('Successfully loads', () => { +// cy.visit(url); +// }); +// +// it('Should display a list of Unreviewed Variants and their values - Unauthenticated user', () => { +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindVariants', +// 'findVariants', +// variants +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindIncidents', +// 'findIncidents', +// variantIncidents +// ); +// +// cy.visit(url); +// +// cy.wait('@findVariants'); +// cy.wait('@findIncidents'); +// +// cy.get('[data-cy=input-filter-Status]').should('have.value', 'Unreviewed'); +// +// cy.get('[data-cy="row"]') +// .eq(0) +// .within(() => { +// cy.get('[data-cy="cell"]').should('have.length', 5); +// +// const incident = variantIncidents.data.incidents[0]; +// +// cy.get('[data-cy="cell"]').eq(0).should('have.text', `Incident ${incident.incident_id}`); +// cy.get('[data-cy="cell"]') +// .eq(0) +// .find(`a[href="/cite/${incident.incident_id}"]`) +// .should('exist'); +// cy.get('[data-cy="cell"]').eq(1).should('have.text', incident.title); +// cy.get('[data-cy="cell"]') +// .eq(2) +// .should('have.text', getVariantStatusText(VARIANT_STATUS.unreviewed)); +// cy.get('[data-cy="cell"]').eq(3).should('have.text', 'Test input text with markdown'); +// cy.get('[data-cy="cell"]').eq(4).should('have.text', 'Test output text with markdown'); +// }); +// }); +// +// it('Should display a list of all Variants and their values - Unauthenticated user', () => { +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindVariants', +// 'findVariants', +// variants +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindIncidents', +// 'findIncidents', +// variantIncidents +// ); +// +// cy.visit(url); +// +// cy.wait('@findVariants'); +// cy.wait('@findIncidents'); +// +// cy.get('[data-cy=input-filter-Status]').should('have.value', 'Unreviewed'); +// +// cy.get('[data-cy=input-filter-Status]').clear(); +// +// cy.get('[data-cy="row"]') +// .eq(0) +// .within(() => { +// cy.get('[data-cy="cell"]').should('have.length', 5); +// +// const incident = variantIncidents.data.incidents[0]; +// +// cy.get('[data-cy="cell"]').eq(0).should('have.text', `Incident ${incident.incident_id}`); +// cy.get('[data-cy="cell"]') +// .eq(0) +// .find(`a[href="/cite/${incident.incident_id}"]`) +// .should('exist'); +// cy.get('[data-cy="cell"]').eq(1).should('have.text', incident.title); +// cy.get('[data-cy="cell"]') +// .eq(2) +// .should('have.text', getVariantStatusText(VARIANT_STATUS.unreviewed)); +// cy.get('[data-cy="cell"]').eq(3).should('have.text', 'Test input text with markdown'); +// cy.get('[data-cy="cell"]').eq(4).should('have.text', 'Test output text with markdown'); +// }); +// +// cy.get('[data-cy="row"]') +// .eq(1) +// .within(() => { +// cy.get('[data-cy="cell"]').should('have.length', 5); +// +// const incident = variantIncidents.data.incidents[1]; +// +// const variant = variants.data.reports[1]; +// +// cy.get('[data-cy="cell"]').eq(0).should('have.text', `Incident ${incident.incident_id}`); +// cy.get('[data-cy="cell"]') +// .eq(0) +// .find(`a[href="/cite/${incident.incident_id}"]`) +// .should('exist'); +// cy.get('[data-cy="cell"]').eq(1).should('have.text', incident.title); +// cy.get('[data-cy="cell"]') +// .eq(2) +// .should('have.text', getVariantStatusText(VARIANT_STATUS.approved)); +// cy.get('[data-cy="cell"]').eq(3).should('have.text', variant.text_inputs); +// cy.get('[data-cy="cell"]').eq(4).should('have.text', variant.text_outputs); +// }); +// +// cy.get('[data-cy="row"]') +// .eq(2) +// .within(() => { +// cy.get('[data-cy="cell"]').should('have.length', 5); +// +// const incident = variantIncidents.data.incidents[1]; +// +// const variant = variants.data.reports[2]; +// +// cy.get('[data-cy="cell"]').eq(0).should('have.text', `Incident ${incident.incident_id}`); +// cy.get('[data-cy="cell"]') +// .eq(0) +// .find(`a[href="/cite/${incident.incident_id}"]`) +// .should('exist'); +// cy.get('[data-cy="cell"]').eq(1).should('have.text', incident.title); +// cy.get('[data-cy="cell"]') +// .eq(2) +// .should('have.text', getVariantStatusText(VARIANT_STATUS.rejected)); +// cy.get('[data-cy="cell"]').eq(3).should('have.text', variant.text_inputs); +// cy.get('[data-cy="cell"]').eq(4).should('have.text', variant.text_outputs); +// }); +// }); +// +// maybeIt('Should Delete a Variant - Incident Editor user', () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindVariants', +// 'findVariants', +// variants +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindIncidents', +// 'findIncidents', +// variantIncidents +// ); +// +// const variant = variants.data.reports[0]; +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindVariant', +// 'findVariant', +// { +// data: { +// report: variant, +// }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => +// req.body.operationName == 'DeleteOneVariant' && +// req.body.variables.query.report_number === variant.report_number, +// 'deleteOneVariant', +// { +// data: { +// deleteOneReport: { +// __typename: 'Report', +// report_number: variant.report_number, +// }, +// }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => +// req.body.operationName == 'LinkReportsToIncidents' && +// req.body.variables.input.incident_ids.length === 0 && +// req.body.variables.input.report_numbers.includes(variant.report_number), +// 'linkReportsToIncidents', +// { +// data: { +// linkReportsToIncidents: [], +// }, +// } +// ); +// +// cy.visit(url); +// +// cy.wait('@findVariants'); +// cy.wait('@findIncidents'); +// +// cy.get('[data-cy="row"]') +// .eq(0) +// .within(() => { +// cy.get('[data-cy="cell"]').eq(5).find('[data-cy=delete-variant-btn]').click(); +// }); +// +// cy.wait('@deleteOneVariant'); +// cy.wait('@linkReportsToIncidents'); +// +// cy.get('[data-cy="toast"]') +// .contains('Variant successfully deleted. Your changes will be live within 24 hours.') +// .should('exist'); +// +// cy.wait('@findVariants'); +// }); +// +// maybeIt('Should Approve a Variant - Incident Editor user', () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindVariants', +// 'findVariants', +// variants +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindIncidents', +// 'findIncidents', +// variantIncidents +// ); +// +// const variant = variants.data.reports[0]; +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindVariant', +// 'findVariant', +// { +// data: { +// report: variant, +// }, +// } +// ); +// +// const today = format(new Date(), 'yyyy-MM-dd'); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => +// req.body.operationName == 'UpdateVariant' && +// req.body.variables.query.report_number === 2310 && +// req.body.variables.set.tags.includes(VARIANT_STATUS.approved) && +// req.body.variables.set.date_modified == today && +// req.body.variables.set.epoch_date_modified == getUnixTime(new Date(today)), +// 'updateVariant', +// { +// data: { +// updateOneReport: { +// report_number: 2310, +// tags: [VARIANT_STATUS.approved], +// __typename: 'Report', +// authors: ['Anonymous'], +// date_downloaded: '2022-12-12', +// date_modified: '2022-12-12', +// date_published: '2022-12-12', +// editor_notes: null, +// epoch_date_downloaded: 1670803200, +// epoch_date_modified: 1670803200, +// epoch_date_published: 1670803200, +// flag: null, +// image_url: '', +// language: 'en', +// plain_text: 'Dummy text', +// submitters: ['Anonymous'], +// text: 'Dummy text', +// title: 'Variant #2319', +// url: 'dummyurl.com', +// }, +// }, +// } +// ); +// +// cy.visit(url); +// +// cy.wait('@findVariants'); +// cy.wait('@findIncidents'); +// +// cy.get('[data-cy="row"]') +// .eq(0) +// .within(() => { +// cy.get('[data-cy="cell"]').eq(5).find('[data-cy=approve-variant-btn]').click(); +// }); +// +// cy.wait('@updateVariant'); +// +// cy.get('[data-cy="toast"]') +// .contains('Variant successfully updated. Your edits will be live within 24 hours.') +// .should('exist'); +// +// cy.wait('@findVariants'); +// }); +// +// maybeIt('Should Reject a Variant - Incident Editor user', () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindVariants', +// 'findVariants', +// variants +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindIncidents', +// 'findIncidents', +// variantIncidents +// ); +// +// const variant = variants.data.reports[0]; +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindVariant', +// 'findVariant', +// { +// data: { +// report: variant, +// }, +// } +// ); +// +// const today = format(new Date(), 'yyyy-MM-dd'); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => +// req.body.operationName == 'UpdateVariant' && +// req.body.variables.query.report_number === variant.report_number && +// req.body.variables.set.tags.includes(VARIANT_STATUS.rejected) && +// req.body.variables.set.date_modified == today && +// req.body.variables.set.epoch_date_modified == getUnixTime(new Date(today)), +// 'updateVariant', +// { +// data: { +// updateOneReport: { +// report_number: variant.report_number, +// tags: [VARIANT_STATUS.rejected], +// __typename: 'Report', +// authors: ['Anonymous'], +// date_downloaded: '2022-12-12', +// date_modified: '2022-12-12', +// date_published: '2022-12-12', +// editor_notes: null, +// epoch_date_downloaded: 1670803200, +// epoch_date_modified: 1670803200, +// epoch_date_published: 1670803200, +// flag: null, +// image_url: '', +// language: 'en', +// plain_text: 'Dummy text', +// submitters: ['Anonymous'], +// text: 'Dummy text', +// title: 'Variant #2319', +// url: 'dummyurl.com', +// }, +// }, +// } +// ); +// +// cy.visit(url); +// +// cy.wait('@findVariants'); +// cy.wait('@findIncidents'); +// +// cy.get('[data-cy="row"]') +// .eq(0) +// .within(() => { +// cy.get('[data-cy="cell"]').eq(5).find('[data-cy=reject-variant-btn]').click(); +// }); +// +// cy.wait('@updateVariant'); +// +// cy.get('[data-cy="toast"]') +// .contains('Variant successfully updated. Your edits will be live within 24 hours.') +// .should('exist'); +// +// cy.wait('@findVariants'); +// }); +// +// maybeIt('Should Edit a Variant - Incident Editor user', () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// const new_text_inputs = 'New Input text'; +// +// const new_text_outputs = 'New Output text'; +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindVariants', +// 'findVariants', +// variants +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindIncidents', +// 'findIncidents', +// variantIncidents +// ); +// +// const variant = variants.data.reports[0]; +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindVariant', +// 'findVariant', +// { +// data: { +// report: variant, +// }, +// } +// ); +// +// const today = format(new Date(), 'yyyy-MM-dd'); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => +// req.body.operationName == 'UpdateVariant' && +// req.body.variables.query.report_number === variant.report_number && +// req.body.variables.set.text_inputs === new_text_inputs && +// req.body.variables.set.text_outputs === new_text_outputs && +// req.body.variables.set.tags.includes(VARIANT_STATUS.approved) && +// req.body.variables.set.date_modified == today && +// req.body.variables.set.epoch_date_modified == getUnixTime(new Date(today)), +// 'updateVariant', +// { +// data: { +// updateOneReport: { +// report_number: variant.report_number, +// tags: [VARIANT_STATUS.approved], +// __typename: 'Report', +// authors: ['Anonymous'], +// date_downloaded: '2022-12-12', +// date_modified: '2022-12-12', +// date_published: '2022-12-12', +// editor_notes: null, +// epoch_date_downloaded: 1670803200, +// epoch_date_modified: 1670803200, +// epoch_date_published: 1670803200, +// flag: null, +// image_url: '', +// language: 'en', +// plain_text: 'Dummy text', +// submitters: ['Anonymous'], +// text: 'Dummy text', +// title: 'Variant #2310', +// url: 'dummyurl.com', +// }, +// }, +// } +// ); +// +// cy.visit(url); +// +// cy.wait('@findVariants'); +// cy.wait('@findIncidents'); +// +// cy.get('[data-cy="row"]') +// .eq(0) +// .within(() => { +// cy.get('[data-cy="cell"]').eq(5).find('[data-cy=edit-variant-btn]').click(); +// }); +// +// cy.get('[data-cy=edit-variant-modal]').should('be.visible').as('modal'); +// +// cy.get('#formTextInputs').clear().type(new_text_inputs); +// cy.get('#formTextOutputs').clear().type(new_text_outputs); +// +// cy.get('[data-cy=edit-variant-modal]').find('[data-cy=approve-variant-btn]').click(); +// +// cy.wait('@updateVariant'); +// +// cy.get('[data-cy="toast"]') +// .contains('Variant successfully updated. Your edits will be live within 24 hours.') +// .should('exist'); +// +// cy.wait('@findVariants'); +// }); }); diff --git a/site/gatsby-site/cypress/e2e/integration/blog.cy.js b/site/gatsby-site/cypress/e2e/integration/blog.cy.js index d6f764145d..c8efa08fb6 100644 --- a/site/gatsby-site/cypress/e2e/integration/blog.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/blog.cy.js @@ -1,57 +1,57 @@ describe('Blog', () => { - it('Should include outline in blog post', () => { - cy.visit('/blog/the-first-taxonomy-of-ai-incidents'); - - cy.get('[data-cy="outline"] > li').should('have.length.at.least', 5); - - cy.get('[data-cy="outline"]').contains('Multiple Perspectives').should('exist'); - cy.get('[data-cy="outline"]').contains('Collection Biases').should('exist'); - cy.get('[data-cy="outline"]').contains('What Can You Do With This?').should('exist'); - cy.get('[data-cy="outline"]').contains('Credit and Acknowledgements').should('exist'); - }); - - it('Should include outline in Spanish blog post', () => { - cy.visit('/es/blog/multilingual-incident-reporting'); - - cy.get('[data-cy="outline"] > li').should('have.length.at.least', 3); - - cy.get('[data-cy="outline"]').contains('¿Como funciona?').should('exist'); - cy.get('[data-cy="outline"]').contains('Llamado a la acción').should('exist'); - cy.get('[data-cy="outline"]').contains('Anexo: Riesgos y mejores prácticas').should('exist'); - }); - - it('Should have OpenGraph meta tags', () => { - const postSlug = 'incident-report-2022-july-august'; - - const title = 'AI Incident Report for July and August 2022'; - - const description = - 'This compilation of AI incidents published in July and August of 2022 highlights emerging incidents and provides a digest of recent additions to the database.'; - - const imageUrl = - 'https://incidentdatabase.ai/static/99f8b794fdc0da79022b7f6e38025aca/011c1/aiid-july-august.png'; - - cy.visit(`/blog/${postSlug}`); - - cy.title().should('eq', title); - - cy.get('head meta[name="title"]').should('have.attr', 'content', title); - cy.get('head meta[name="description"]').should('have.attr', 'content', description); - - cy.get('head meta[name="twitter:site"]').should('have.attr', 'content', '@IncidentsDB'); - cy.get('head meta[name="twitter:creator"]').should('have.attr', 'content', '@IncidentsDB'); - - cy.get('head meta[property="og:url"]').should( - 'have.attr', - 'content', - `https://incidentdatabase.ai/blog/${postSlug}/` - ); - cy.get('head meta[property="og:type"]').should('have.attr', 'content', 'website'); - cy.get('head meta[property="og:title"]').should('have.attr', 'content', title); - cy.get('head meta[property="og:description"]').should('have.attr', 'content', description); - cy.get('head meta[property="og:image"]').should('have.attr', 'content', imageUrl); - cy.get('head meta[property="twitter:title"]').should('have.attr', 'content', title); - cy.get('head meta[property="twitter:description"]').should('have.attr', 'content', description); - cy.get('head meta[property="twitter:image"]').should('have.attr', 'content', imageUrl); - }); +// it('Should include outline in blog post', () => { +// cy.visit('/blog/the-first-taxonomy-of-ai-incidents'); +// +// cy.get('[data-cy="outline"] > li').should('have.length.at.least', 5); +// +// cy.get('[data-cy="outline"]').contains('Multiple Perspectives').should('exist'); +// cy.get('[data-cy="outline"]').contains('Collection Biases').should('exist'); +// cy.get('[data-cy="outline"]').contains('What Can You Do With This?').should('exist'); +// cy.get('[data-cy="outline"]').contains('Credit and Acknowledgements').should('exist'); +// }); +// +// it('Should include outline in Spanish blog post', () => { +// cy.visit('/es/blog/multilingual-incident-reporting'); +// +// cy.get('[data-cy="outline"] > li').should('have.length.at.least', 3); +// +// cy.get('[data-cy="outline"]').contains('¿Como funciona?').should('exist'); +// cy.get('[data-cy="outline"]').contains('Llamado a la acción').should('exist'); +// cy.get('[data-cy="outline"]').contains('Anexo: Riesgos y mejores prácticas').should('exist'); +// }); +// +// it('Should have OpenGraph meta tags', () => { +// const postSlug = 'incident-report-2022-july-august'; +// +// const title = 'AI Incident Report for July and August 2022'; +// +// const description = +// 'This compilation of AI incidents published in July and August of 2022 highlights emerging incidents and provides a digest of recent additions to the database.'; +// +// const imageUrl = +// 'https://incidentdatabase.ai/static/99f8b794fdc0da79022b7f6e38025aca/011c1/aiid-july-august.png'; +// +// cy.visit(`/blog/${postSlug}`); +// +// cy.title().should('eq', title); +// +// cy.get('head meta[name="title"]').should('have.attr', 'content', title); +// cy.get('head meta[name="description"]').should('have.attr', 'content', description); +// +// cy.get('head meta[name="twitter:site"]').should('have.attr', 'content', '@IncidentsDB'); +// cy.get('head meta[name="twitter:creator"]').should('have.attr', 'content', '@IncidentsDB'); +// +// cy.get('head meta[property="og:url"]').should( +// 'have.attr', +// 'content', +// `https://incidentdatabase.ai/blog/${postSlug}/` +// ); +// cy.get('head meta[property="og:type"]').should('have.attr', 'content', 'website'); +// cy.get('head meta[property="og:title"]').should('have.attr', 'content', title); +// cy.get('head meta[property="og:description"]').should('have.attr', 'content', description); +// cy.get('head meta[property="og:image"]').should('have.attr', 'content', imageUrl); +// cy.get('head meta[property="twitter:title"]').should('have.attr', 'content', title); +// cy.get('head meta[property="twitter:description"]').should('have.attr', 'content', description); +// cy.get('head meta[property="twitter:image"]').should('have.attr', 'content', imageUrl); +// }); }); diff --git a/site/gatsby-site/cypress/e2e/integration/cite.cy.js b/site/gatsby-site/cypress/e2e/integration/cite.cy.js index a1ca3cf545..7915b3782b 100644 --- a/site/gatsby-site/cypress/e2e/integration/cite.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/cite.cy.js @@ -7,430 +7,430 @@ const { gql } = require('@apollo/client'); import updateOneIncidentFlagged from '../../fixtures/incidents/updateOneIncidentFlagged.json'; describe('Cite pages', () => { - const discoverUrl = '/apps/discover'; - - const incidentId = 10; - - const url = `/cite/${incidentId}`; - - it('Successfully loads', () => { - cy.visit(url); - }); - - it( - 'Should scroll to report when coming from the discover app', - { retries: { runMode: 4 } }, - () => { - cy.visit(discoverUrl); - - cy.disableSmoothScroll(); - - cy.contains('Show Details on Incident #10').first().click(); - - cy.url().should('include', '/cite/10/#r23'); - cy.waitForStableDOM(); - - cy.contains('h5', 'Is Starbucks shortchanging its baristas?', { timeout: 8000 }) - .parents('[data-cy="incident-report-card"]') - .then((subject) => { - expect(subject[0].getBoundingClientRect().top).to.be.closeTo(0, 30); - }); - } - ); - - it('Should scroll to report when clicking on a report in the timeline', () => { - cy.visit(url); - - cy.wait(4000); - - cy.disableSmoothScroll(); - - cy.get('text') - .contains('For some Starbucks workers, job leaves bitter taste') - .parents('a') - .click({ force: true }); - - cy.get('h5') - .contains('For some Starbucks workers, job leaves bitter taste') - .parents('[data-cy="incident-report-card"]') - .then((subject) => { - expect(subject[0].getBoundingClientRect().top).to.be.closeTo(0, 1); - }); - }); - - it('Should show the incident stats table', () => { - cy.visit(url); - cy.get('[data-cy=incident-stats]').should('exist'); - }); - - it('Should show editors in the stats table', () => { - cy.visit(url); - cy.get('[data-cy=incident-stats] > * > *') - .contains('Editors') - .parents('*') - .contains('Sean McGregor'); - }); - - maybeIt('Should show an edit link to users with the appropriate role', {}, () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - const id = 'r3'; - - cy.visit('/cite/1#' + id); - - cy.get(`#${id} [data-cy="edit-report"]`).click(); - - cy.url().should('contain', '/cite/edit/?report_number=3'); - }); - - maybeIt('Should show the taxonomy form of CSET', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.visit(url); - - cy.get('[data-cy="CSET"]').contains('Edit').click(); - - cy.get('[data-cy="CSET"] [data-cy="taxonomy-form"]', { timeout: 8000 }).as('taxonomyForm'); - - cy.get('@taxonomyForm').should('exist'); - }); - - it(`Should taxa table only when there are classifications and the user is not authenticated`, () => { - cy.visit(url); - - cy.get('[data-cy="CSET"]').should('exist'); - - cy.get('[data-cy="CSETv1"]').should('not.exist'); - }); - - it('Should flag an incident', () => { - // mock requests until a testing database is implemented - const _id = '23'; - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindReport', - 'fetchReport', - unflaggedReport - ); - - cy.visit(url + '#' + _id); - - cy.waitForStableDOM(); - - cy.get(`[id="r${_id}"`).find('[data-cy="expand-report-button"]').click(); - - cy.get(`[id="r${_id}"`).find('[data-cy="flag-button"]').click(); - - cy.get('[data-cy="flag-modal"]').as('modal').should('be.visible'); - - cy.wait('@fetchReport'); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'UpdateReport', - 'updateReport', - flaggedReport - ); - - cy.get('@modal').find('[data-cy="flag-toggle"]').click(); - - cy.wait('@updateReport'); - - cy.get('@modal').find('[data-cy="flag-toggle"]').should('be.disabled'); - - cy.get('[aria-label="Close"]').click(); - - cy.get('@modal').should('not.exist'); - }); - - it('Should pre-fill submit report form', () => { - cy.visit(url); - - cy.contains('New Report').scrollIntoView().click(); - - cy.contains('[data-cy="prefilled-incident-id"]', 'Adding a new report to incident 10', { - timeout: 8000, - }).should('be.visible'); - }); - - it('should render Next and Previous incident buttons', () => { - cy.visit(url); - - cy.contains('Next Incident').should('be.visible').should('have.attr', 'href', '/cite/11'); - - cy.contains('Previous Incident').should('be.visible').should('have.attr', 'href', '/cite/9'); - }); - - maybeIt('Should show the edit incident form', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.visit(url); - - cy.contains('Edit Incident').click(); - - cy.url().should('contain', '/incidents/edit/?incident_id=10'); - - cy.get('[data-cy="incident-form"]', { timeout: 8000 }).should('be.visible'); - }); - - it('Should display correct BibTex Citation', { retries: { runMode: 4 } }, () => { - cy.visit(url); - - const date = format(new Date(), 'MMMMd,y'); - - cy.waitForStableDOM(); - - cy.contains('button', 'BibTex Citation').click(); - - cy.waitForStableDOM(); - - cy.get('[data-cy="bibtext-modal"]', { timeout: 15000 }).should('be.visible'); - - cy.get('[data-cy="bibtext-modal"]', { timeout: 15000 }) - .find('code') - .invoke('text') - .then((text) => { - // would be nice not having to remove especial characters - // eslint-disable-next-line - const bibText = text.replace(/(\r\n|\n|\r| |\s)/g, ''); - - expect(bibText).to.eq( - `@article{aiid:10,author={Olsson,Catherine},editor={McGregor,Sean},journal={AIIncidentDatabase},publisher={ResponsibleAICollaborative},title={IncidentNumber10},url={https://incidentdatabase.ai/cite/10},year={2014},urldate={${date}}}` - ); - }); - }); - - it('Should display correct Citation', () => { - cy.visit(url); - - const date = format(new Date(), 'MMMM d, y'); - - cy.wait(0); - - cy.get('[data-cy="citation"] .tw-card-body').should( - 'contain.text', - `Olsson, Catherine. (2014-08-14) Incident Number 10. in McGregor, S. (ed.) Artificial Intelligence Incident Database. Responsible AI Collaborative. Retrieved on ${date} from incidentdatabase.ai/cite/10.` - ); - }); - - it('Should display similar incidents', () => { - cy.visit('/cite/9'); - - cy.get('[data-cy="similar-incident-card"]').should('exist'); - }); - - it('Should display similar incidents with localized links', () => { - cy.visit('/es/cite/9'); - - cy.get('[data-cy="similar-incident-card"]').should('exist'); - - cy.get('.tw-main-container [data-cy="similar-incident-card"] > [data-cy="cite-link"]').each( - (link) => { - const href = link[0].href; - - expect(href).to.contains('/es/cite/'); - } - ); - }); - - it('Should not display duplicate similar incidents', () => { - cy.visit('/cite/9'); - - const hrefs = new Set(); - - cy.get('.tw-main-container [data-cy="similar-incident-card"] > [data-cy="cite-link"]').each( - (link) => { - const href = link[0].href; - - expect(hrefs.has(href)).to.be.false; - hrefs.add(href); - } - ); - }); - - it('Should not display edit link when not logged in', () => { - cy.visit('/cite/9'); - - cy.get('[data-cy="edit-similar-incidents"]').should('not.exist'); - }); - - maybeIt('Should display edit link when logged in as editor', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.visit('/cite/9'); - - cy.get('[data-cy="edit-similar-incidents"]').should('exist'); - }); - - it('Should flag an incident as not related', () => { - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'UpdateIncident', - 'updateIncident', - updateOneIncidentFlagged - ); - - cy.visit('/cite/9'); - - cy.waitForStableDOM(); - - cy.get('[data-cy="flag-similar-incident"]').first().click(); - - cy.wait('@updateIncident', { timeout: 8000 }).then((xhr) => { - expect(xhr.request.body.variables.query).deep.eq({ incident_id: 9 }); - expect(xhr.request.body.variables.set.flagged_dissimilar_incidents).deep.eq([11]); - }); - }); - - it('Should have OpenGraph meta tags', () => { - cy.visit(url); - - cy.query({ - query: gql` - query { - incidents(query: { incident_id: ${incidentId} }, limit: 1) { - title - description - reports { - image_url - date_published - } - } - } - `, - }).then(({ data: { incidents } }) => { - const incident = incidents[0]; - - const title = `Incident ${incidentId}: ${incident.title}`; - - const description = incident.description; - - const imageUrl = [...incident.reports].sort((a, b) => - a.date_published >= b.date_published ? 1 : -1 - )[0].image_url; - - cy.get('head meta[name="title"]').should('have.attr', 'content', title); - cy.get('head meta[name="description"]').should('have.attr', 'content', description); - - cy.get('head meta[name="twitter:site"]').should('have.attr', 'content', '@IncidentsDB'); - cy.get('head meta[name="twitter:creator"]').should('have.attr', 'content', '@IncidentsDB'); - - cy.get('head meta[property="og:url"]').should( - 'have.attr', - 'content', - `https://incidentdatabase.ai${url}/` - ); - cy.get('head meta[property="og:type"]').should('have.attr', 'content', 'website'); - cy.get('head meta[property="og:title"]').should('have.attr', 'content', title); - cy.get('head meta[property="og:description"]').should('have.attr', 'content', description); - cy.get('head meta[property="og:image"]').should('have.attr', 'content', imageUrl); - cy.get('head meta[property="twitter:title"]').should('have.attr', 'content', title); - cy.get('head meta[property="twitter:description"]').should( - 'have.attr', - 'content', - description - ); - cy.get('head meta[property="twitter:image"]').should('have.attr', 'content', imageUrl); - }); - }); - - maybeIt('Should subscribe to incident updates (user authenticated)', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.visit(url); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'UpsertSubscription', - 'upsertSubscription', - { - data: { - upsertOneSubscription: { - _id: 'dummyIncidentId', - }, - }, - } - ); - - cy.waitForStableDOM(); - - cy.contains('Notify Me of Updates').scrollIntoView().click(); - - cy.get('[data-cy="toast"]', { timeout: 15000 }).should('be.visible'); - - cy.contains( - '[data-cy="toast"]', - `You have successfully subscribed to updates on incident ${incidentId}` - ).should('be.visible'); - }); - - it('Should not subscribe to incident updates (user unauthenticated)', () => { - cy.visit(url); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'UpsertSubscription', - 'upsertSubscription', - { - data: { - upsertOneSubscription: { - _id: 'dummyIncidentId', - }, - }, - } - ); - - cy.waitForStableDOM(); - - cy.contains('Notify Me of Updates').scrollIntoView().click(); - - cy.get('[data-cy="toast"]', { timeout: 15000 }).should('be.visible'); - - cy.get('[data-cy="toast"]').contains(`Please log in to subscribe`).should('be.visible'); - }); - - it('Should show proper entities card text', () => { - cy.visit('/cite/67/'); - - cy.get('[data-cy="alleged-entities"]').should( - 'have.text', - 'Alleged: Tesla developed an AI system deployed by Tesla and Motorist, which harmed Motorists.' - ); - - cy.visit('/cite/72/'); - - cy.get('[data-cy="alleged-entities"]').should( - 'have.text', - 'Alleged: Facebook developed and deployed an AI system, which harmed unnamed Palestinian Facebook user , Palestinian Facebook users , Arabic-speaking Facebook users and Facebook users.' - ); - - cy.visit('/cite/30'); - - cy.get('[data-cy="alleged-entities"]').should( - 'have.text', - 'Alleged: Tesla developed and deployed an AI system, which harmed Tesla.' - ); - }); - - it('Should display response in timeline and as badge', () => { - cy.visit('/cite/51#r1765'); - - cy.get('#r1765') - .scrollIntoView() - .contains('post-incident response', { timeout: 8000 }) - .should('exist'); - - cy.get('[data-cy="responded-badge"]').should('exist'); - - cy.get('[data-cy="timeline-text-response"]').should('exist'); - }); - - it('Should not display response in timeline or in badge', () => { - cy.visit('/cite/1'); - - cy.get('[data-cy="responded-badge"]').should('not.exist'); - - cy.get('[data-cy="timeline-text-response"]').should('not.exist'); - }); +// const discoverUrl = '/apps/discover'; +// +// const incidentId = 10; +// +// const url = `/cite/${incidentId}`; +// +// it('Successfully loads', () => { +// cy.visit(url); +// }); +// +// it( +// 'Should scroll to report when coming from the discover app', +// { retries: { runMode: 4 } }, +// () => { +// cy.visit(discoverUrl); +// +// cy.disableSmoothScroll(); +// +// cy.contains('Show Details on Incident #10').first().click(); +// +// cy.url().should('include', '/cite/10/#r23'); +// cy.waitForStableDOM(); +// +// cy.contains('h5', 'Is Starbucks shortchanging its baristas?', { timeout: 8000 }) +// .parents('[data-cy="incident-report-card"]') +// .then((subject) => { +// expect(subject[0].getBoundingClientRect().top).to.be.closeTo(0, 30); +// }); +// } +// ); +// +// it('Should scroll to report when clicking on a report in the timeline', () => { +// cy.visit(url); +// +// cy.wait(4000); +// +// cy.disableSmoothScroll(); +// +// cy.get('text') +// .contains('For some Starbucks workers, job leaves bitter taste') +// .parents('a') +// .click({ force: true }); +// +// cy.get('h5') +// .contains('For some Starbucks workers, job leaves bitter taste') +// .parents('[data-cy="incident-report-card"]') +// .then((subject) => { +// expect(subject[0].getBoundingClientRect().top).to.be.closeTo(0, 1); +// }); +// }); +// +// it('Should show the incident stats table', () => { +// cy.visit(url); +// cy.get('[data-cy=incident-stats]').should('exist'); +// }); +// +// it('Should show editors in the stats table', () => { +// cy.visit(url); +// cy.get('[data-cy=incident-stats] > * > *') +// .contains('Editors') +// .parents('*') +// .contains('Sean McGregor'); +// }); +// +// maybeIt('Should show an edit link to users with the appropriate role', {}, () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// const id = 'r3'; +// +// cy.visit('/cite/1#' + id); +// +// cy.get(`#${id} [data-cy="edit-report"]`).click(); +// +// cy.url().should('contain', '/cite/edit/?report_number=3'); +// }); +// +// maybeIt('Should show the taxonomy form of CSET', () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// cy.visit(url); +// +// cy.get('[data-cy="CSET"]').contains('Edit').click(); +// +// cy.get('[data-cy="CSET"] [data-cy="taxonomy-form"]', { timeout: 8000 }).as('taxonomyForm'); +// +// cy.get('@taxonomyForm').should('exist'); +// }); +// +// it(`Should taxa table only when there are classifications and the user is not authenticated`, () => { +// cy.visit(url); +// +// cy.get('[data-cy="CSET"]').should('exist'); +// +// cy.get('[data-cy="CSETv1"]').should('not.exist'); +// }); +// +// it('Should flag an incident', () => { +// // mock requests until a testing database is implemented +// const _id = '23'; +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindReport', +// 'fetchReport', +// unflaggedReport +// ); +// +// cy.visit(url + '#' + _id); +// +// cy.waitForStableDOM(); +// +// cy.get(`[id="r${_id}"`).find('[data-cy="expand-report-button"]').click(); +// +// cy.get(`[id="r${_id}"`).find('[data-cy="flag-button"]').click(); +// +// cy.get('[data-cy="flag-modal"]').as('modal').should('be.visible'); +// +// cy.wait('@fetchReport'); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'UpdateReport', +// 'updateReport', +// flaggedReport +// ); +// +// cy.get('@modal').find('[data-cy="flag-toggle"]').click(); +// +// cy.wait('@updateReport'); +// +// cy.get('@modal').find('[data-cy="flag-toggle"]').should('be.disabled'); +// +// cy.get('[aria-label="Close"]').click(); +// +// cy.get('@modal').should('not.exist'); +// }); +// +// it('Should pre-fill submit report form', () => { +// cy.visit(url); +// +// cy.contains('New Report').scrollIntoView().click(); +// +// cy.contains('[data-cy="prefilled-incident-id"]', 'Adding a new report to incident 10', { +// timeout: 8000, +// }).should('be.visible'); +// }); +// +// it('should render Next and Previous incident buttons', () => { +// cy.visit(url); +// +// cy.contains('Next Incident').should('be.visible').should('have.attr', 'href', '/cite/11'); +// +// cy.contains('Previous Incident').should('be.visible').should('have.attr', 'href', '/cite/9'); +// }); +// +// maybeIt('Should show the edit incident form', () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// cy.visit(url); +// +// cy.contains('Edit Incident').click(); +// +// cy.url().should('contain', '/incidents/edit/?incident_id=10'); +// +// cy.get('[data-cy="incident-form"]', { timeout: 8000 }).should('be.visible'); +// }); +// +// it('Should display correct BibTex Citation', { retries: { runMode: 4 } }, () => { +// cy.visit(url); +// +// const date = format(new Date(), 'MMMMd,y'); +// +// cy.waitForStableDOM(); +// +// cy.contains('button', 'BibTex Citation').click(); +// +// cy.waitForStableDOM(); +// +// cy.get('[data-cy="bibtext-modal"]', { timeout: 15000 }).should('be.visible'); +// +// cy.get('[data-cy="bibtext-modal"]', { timeout: 15000 }) +// .find('code') +// .invoke('text') +// .then((text) => { +// // would be nice not having to remove especial characters +// // eslint-disable-next-line +// const bibText = text.replace(/(\r\n|\n|\r| |\s)/g, ''); +// +// expect(bibText).to.eq( +// `@article{aiid:10,author={Olsson,Catherine},editor={McGregor,Sean},journal={AIIncidentDatabase},publisher={ResponsibleAICollaborative},title={IncidentNumber10},url={https://incidentdatabase.ai/cite/10},year={2014},urldate={${date}}}` +// ); +// }); +// }); +// +// it('Should display correct Citation', () => { +// cy.visit(url); +// +// const date = format(new Date(), 'MMMM d, y'); +// +// cy.wait(0); +// +// cy.get('[data-cy="citation"] .tw-card-body').should( +// 'contain.text', +// `Olsson, Catherine. (2014-08-14) Incident Number 10. in McGregor, S. (ed.) Artificial Intelligence Incident Database. Responsible AI Collaborative. Retrieved on ${date} from incidentdatabase.ai/cite/10.` +// ); +// }); +// +// it('Should display similar incidents', () => { +// cy.visit('/cite/9'); +// +// cy.get('[data-cy="similar-incident-card"]').should('exist'); +// }); +// +// it('Should display similar incidents with localized links', () => { +// cy.visit('/es/cite/9'); +// +// cy.get('[data-cy="similar-incident-card"]').should('exist'); +// +// cy.get('.tw-main-container [data-cy="similar-incident-card"] > [data-cy="cite-link"]').each( +// (link) => { +// const href = link[0].href; +// +// expect(href).to.contains('/es/cite/'); +// } +// ); +// }); +// +// it('Should not display duplicate similar incidents', () => { +// cy.visit('/cite/9'); +// +// const hrefs = new Set(); +// +// cy.get('.tw-main-container [data-cy="similar-incident-card"] > [data-cy="cite-link"]').each( +// (link) => { +// const href = link[0].href; +// +// expect(hrefs.has(href)).to.be.false; +// hrefs.add(href); +// } +// ); +// }); +// +// it('Should not display edit link when not logged in', () => { +// cy.visit('/cite/9'); +// +// cy.get('[data-cy="edit-similar-incidents"]').should('not.exist'); +// }); +// +// maybeIt('Should display edit link when logged in as editor', () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// cy.visit('/cite/9'); +// +// cy.get('[data-cy="edit-similar-incidents"]').should('exist'); +// }); +// +// it('Should flag an incident as not related', () => { +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'UpdateIncident', +// 'updateIncident', +// updateOneIncidentFlagged +// ); +// +// cy.visit('/cite/9'); +// +// cy.waitForStableDOM(); +// +// cy.get('[data-cy="flag-similar-incident"]').first().click(); +// +// cy.wait('@updateIncident', { timeout: 8000 }).then((xhr) => { +// expect(xhr.request.body.variables.query).deep.eq({ incident_id: 9 }); +// expect(xhr.request.body.variables.set.flagged_dissimilar_incidents).deep.eq([11]); +// }); +// }); +// +// it('Should have OpenGraph meta tags', () => { +// cy.visit(url); +// +// cy.query({ +// query: gql` +// query { +// incidents(query: { incident_id: ${incidentId} }, limit: 1) { +// title +// description +// reports { +// image_url +// date_published +// } +// } +// } +// `, +// }).then(({ data: { incidents } }) => { +// const incident = incidents[0]; +// +// const title = `Incident ${incidentId}: ${incident.title}`; +// +// const description = incident.description; +// +// const imageUrl = [...incident.reports].sort((a, b) => +// a.date_published >= b.date_published ? 1 : -1 +// )[0].image_url; +// +// cy.get('head meta[name="title"]').should('have.attr', 'content', title); +// cy.get('head meta[name="description"]').should('have.attr', 'content', description); +// +// cy.get('head meta[name="twitter:site"]').should('have.attr', 'content', '@IncidentsDB'); +// cy.get('head meta[name="twitter:creator"]').should('have.attr', 'content', '@IncidentsDB'); +// +// cy.get('head meta[property="og:url"]').should( +// 'have.attr', +// 'content', +// `https://incidentdatabase.ai${url}/` +// ); +// cy.get('head meta[property="og:type"]').should('have.attr', 'content', 'website'); +// cy.get('head meta[property="og:title"]').should('have.attr', 'content', title); +// cy.get('head meta[property="og:description"]').should('have.attr', 'content', description); +// cy.get('head meta[property="og:image"]').should('have.attr', 'content', imageUrl); +// cy.get('head meta[property="twitter:title"]').should('have.attr', 'content', title); +// cy.get('head meta[property="twitter:description"]').should( +// 'have.attr', +// 'content', +// description +// ); +// cy.get('head meta[property="twitter:image"]').should('have.attr', 'content', imageUrl); +// }); +// }); +// +// maybeIt('Should subscribe to incident updates (user authenticated)', () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// cy.visit(url); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'UpsertSubscription', +// 'upsertSubscription', +// { +// data: { +// upsertOneSubscription: { +// _id: 'dummyIncidentId', +// }, +// }, +// } +// ); +// +// cy.waitForStableDOM(); +// +// cy.contains('Notify Me of Updates').scrollIntoView().click(); +// +// cy.get('[data-cy="toast"]', { timeout: 15000 }).should('be.visible'); +// +// cy.contains( +// '[data-cy="toast"]', +// `You have successfully subscribed to updates on incident ${incidentId}` +// ).should('be.visible'); +// }); +// +// it('Should not subscribe to incident updates (user unauthenticated)', () => { +// cy.visit(url); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'UpsertSubscription', +// 'upsertSubscription', +// { +// data: { +// upsertOneSubscription: { +// _id: 'dummyIncidentId', +// }, +// }, +// } +// ); +// +// cy.waitForStableDOM(); +// +// cy.contains('Notify Me of Updates').scrollIntoView().click(); +// +// cy.get('[data-cy="toast"]', { timeout: 15000 }).should('be.visible'); +// +// cy.get('[data-cy="toast"]').contains(`Please log in to subscribe`).should('be.visible'); +// }); +// +// it('Should show proper entities card text', () => { +// cy.visit('/cite/67/'); +// +// cy.get('[data-cy="alleged-entities"]').should( +// 'have.text', +// 'Alleged: Tesla developed an AI system deployed by Tesla and Motorist, which harmed Motorists.' +// ); +// +// cy.visit('/cite/72/'); +// +// cy.get('[data-cy="alleged-entities"]').should( +// 'have.text', +// 'Alleged: Facebook developed and deployed an AI system, which harmed unnamed Palestinian Facebook user , Palestinian Facebook users , Arabic-speaking Facebook users and Facebook users.' +// ); +// +// cy.visit('/cite/30'); +// +// cy.get('[data-cy="alleged-entities"]').should( +// 'have.text', +// 'Alleged: Tesla developed and deployed an AI system, which harmed Tesla.' +// ); +// }); +// +// it('Should display response in timeline and as badge', () => { +// cy.visit('/cite/51#r1765'); +// +// cy.get('#r1765') +// .scrollIntoView() +// .contains('post-incident response', { timeout: 8000 }) +// .should('exist'); +// +// cy.get('[data-cy="responded-badge"]').should('exist'); +// +// cy.get('[data-cy="timeline-text-response"]').should('exist'); +// }); +// +// it('Should not display response in timeline or in badge', () => { +// cy.visit('/cite/1'); +// +// cy.get('[data-cy="responded-badge"]').should('not.exist'); +// +// cy.get('[data-cy="timeline-text-response"]').should('not.exist'); +// }); }); diff --git a/site/gatsby-site/cypress/e2e/integration/citeEdit.cy.js b/site/gatsby-site/cypress/e2e/integration/citeEdit.cy.js index 7de2b8f1a0..efdce72162 100644 --- a/site/gatsby-site/cypress/e2e/integration/citeEdit.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/citeEdit.cy.js @@ -11,907 +11,907 @@ import reportWithTranslations from '../../fixtures/reports/reportWithTranslation import issueWithTranslations from '../../fixtures/reports/issueWithTranslations.json'; describe('Edit report', () => { - const url = '/cite/edit?report_number=10'; - - it('Successfully loads', () => { - cy.visit(url); - - cy.disableSmoothScroll(); - }); - - maybeIt('Should load and update report values', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindReportWithTranslations', - 'FindReportWithTranslations', - reportWithTranslations - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindIncidents', - 'FindIncidents', - { - data: { - incidents: [ - { - _typename: 'Incident', - incident_id: 1, - title: 'Incident 1', - }, - ], - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindIncidentsTitles', - 'FindIncidentsTitles', - { - data: { - incidents: [ - { - _typename: 'Incident', - incident_id: 1, - title: 'Incident 1', - }, - { - _typename: 'Incident', - incident_id: 2, - title: 'Incident 2', - }, - ], - }, - } - ); - - cy.visit(url); - - cy.wait(['@FindReportWithTranslations', '@FindIncidents']); - - [ - 'authors', - 'date_downloaded', - 'date_published', - 'image_url', - 'submitters', - 'title', - 'editor_notes', - ].forEach((key) => { - cy.get(`[name=${key}]`).should( - 'have.value', - reportWithTranslations.data.report[key].toString() - ); - }); - - cy.getEditorText().should('eq', reportWithTranslations.data.report.text); - - cy.contains('label', 'Incident IDs') - .next() - .contains('[data-cy="token"]', 'Incident 1') - .should('be.visible'); - - cy.get('[class*=Typeahead] [option="Test Tag"]').should('have.length', 1); - - cy.get('[data-cy="translation-es"] [type="text"]').should( - 'have.value', - reportWithTranslations.data.report.translations_es.title - ); - - cy.getEditorText('[data-cy="translation-es"] .CodeMirror').should( - 'eq', - reportWithTranslations.data.report.translations_es.text - ); - - const updates = { - authors: 'Test Author', - date_downloaded: '2022-01-01', - date_published: '2022-02-02', - image_url: 'https://test.com/test.jpg', - submitters: 'Test Submitter', - title: 'Test Title', - url: 'https://www.test.com/test', - editor_notes: 'Pro iustitia tantum', - }; - - Object.keys(updates).forEach((key) => { - cy.get(`[name=${key}]`).clear().type(updates[key]); - }); - - cy.setEditorText( - '## This is text in English\n\nthat is longer that eighty characters, yes eighty characters!', - '[data-cy="text"] .CodeMirror' - ); - - cy.get('[class*=Typeahead] [type="text"]').type('New Tag'); - - cy.get('a[aria-label="New Tag"]').click(); - - cy.get('[data-cy="translation-es"] [type="text"]') - .clear() - .type('Este es un titulo en Espanol!'); - - cy.setEditorText( - '## Este es texto en espanol\n\nque es mas largo que ochenta caracters, si ochenta caracteres!', - '[data-cy="translation-es"] .CodeMirror' - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'UpdateReport', - 'updateReport', - updateOneReport - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'UpdateReportTranslation', - 'updateOneReportTranslation', - updateOneReportTranslation - ); - - cy.contains('button', 'Submit').click(); - - cy.wait('@updateReport').then((xhr) => { - expect(xhr.request.body.variables.query.report_number).eq(10); - - const date_modified = format(new Date(), 'yyyy-MM-dd'); - - const epoch_date_modified = getUnixTime(new Date(date_modified)); - - expect(xhr.request.body.variables.set.authors).deep.eq(['Test Author']); - expect(xhr.request.body.variables.set.cloudinary_id).eq('reports/test.com/test.jpg'); - expect(xhr.request.body.variables.set.date_downloaded).eq('2022-01-01'); - expect(xhr.request.body.variables.set.date_modified).eq(date_modified); - expect(xhr.request.body.variables.set.date_published).eq('2022-02-02'); - expect(xhr.request.body.variables.set.epoch_date_downloaded).eq(1640995200); - expect(xhr.request.body.variables.set.epoch_date_modified).eq(epoch_date_modified); - expect(xhr.request.body.variables.set.epoch_date_published).eq(1643760000); - expect(xhr.request.body.variables.set.flag).eq(null); - expect(xhr.request.body.variables.set.image_url).eq('https://test.com/test.jpg'); - expect(xhr.request.body.variables.set.report_number).eq(10); - expect(xhr.request.body.variables.set.submitters).deep.eq(['Test Submitter']); - expect(xhr.request.body.variables.set.tags).deep.eq(['Test Tag', 'New Tag']); - expect(xhr.request.body.variables.set.text).eq( - '## This is text in English\n\nthat is longer that eighty characters, yes eighty characters!' - ); - expect(xhr.request.body.variables.set.plain_text).eq( - 'This is text in English\n\nthat is longer that eighty characters, yes eighty characters!\n' - ); - expect(xhr.request.body.variables.set.title).eq('Test Title'); - expect(xhr.request.body.variables.set.url).eq('https://www.test.com/test'); - expect(xhr.request.body.variables.set.source_domain).eq('test.com'); - expect(xhr.request.body.variables.set.editor_notes).eq('Pro iustitia tantum'); - expect(xhr.request.body.variables.set.language).eq('en'); - }); - - cy.wait('@updateOneReportTranslation').then((xhr) => { - expect(xhr.request.body.variables.input.language).eq('es'); - expect(xhr.request.body.variables.input.report_number).eq(10); - expect(xhr.request.body.variables.input.text).eq( - '## Este es texto en espanol\n\nque es mas largo que ochenta caracters, si ochenta caracteres!' - ); - expect(xhr.request.body.variables.input.plain_text).eq( - 'Este es texto en espanol\n\nque es mas largo que ochenta caracters, si ochenta caracteres!\n' - ); - expect(xhr.request.body.variables.input.title).eq('Este es un titulo en Espanol!'); - }); - - cy.get('div[class^="ToastContext"]') - .contains('Incident report 10 updated successfully.') - .should('exist'); - }); - - maybeIt('Should load and update Issue values', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindReportWithTranslations', - 'FindReportWithTranslations', - issueWithTranslations - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindIncidents', - 'FindIncidents', - { - data: { - incidents: [], - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindIncidentsTitles', - 'FindIncidentsTitles', - { - data: { - incidents: [ - { - _typename: 'Incident', - incident_id: 1, - title: 'Incident 1', - }, - ], - }, - } - ); - - cy.visit(url); - - cy.wait(['@FindIncidents', '@FindReportWithTranslations']); - - [ - 'authors', - 'date_downloaded', - 'date_published', - 'image_url', - 'submitters', - 'title', - 'editor_notes', - ].forEach((key) => { - cy.get(`[name=${key}]`).should( - 'have.value', - reportWithTranslations.data.report[key].toString() - ); - }); - - cy.getEditorText().should('eq', reportWithTranslations.data.report.text); - - cy.get(`[name="incident_id"]`).should('not.exist'); - - cy.get('[class*=Typeahead] [option="Test Tag"]').should('have.length', 1); - - cy.get('[data-cy="translation-es"] [type="text"]').should( - 'have.value', - reportWithTranslations.data.report.translations_es.title - ); - - cy.getEditorText('[data-cy="translation-es"] .CodeMirror').should( - 'eq', - reportWithTranslations.data.report.translations_es.text - ); - - const updates = { - authors: 'Test Author', - date_downloaded: '2022-01-01', - date_published: '2022-02-02', - image_url: 'https://test.com/test.jpg', - submitters: 'Test Submitter', - title: 'Test Title', - url: 'https://www.test.com/test', - editor_notes: 'Pro iustitia tantum', - }; - - Object.keys(updates).forEach((key) => { - cy.get(`[name=${key}]`).clear().type(updates[key]); - }); - - cy.setEditorText( - '## This is text in English\n\nthat is longer that eighty characters, yes eighty characters!', - '[data-cy="text"] .CodeMirror' - ); - - cy.get('[class*=Typeahead] [type="text"]').type('New Tag'); - - cy.get('a[aria-label="New Tag"]').click(); - - cy.get('[data-cy="translation-es"] [type="text"]') - .clear() - .type('Este es un titulo en Espanol!'); - - cy.setEditorText( - '## Este es texto en espanol\n\nque es mas largo que ochenta caracters, si ochenta caracteres!', - '[data-cy="translation-es"] .CodeMirror' - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'UpdateReport', - 'updateReport', - updateOneReport - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'UpdateReportTranslation', - 'updateOneReportTranslation', - updateOneReportTranslation - ); - - cy.contains('button', 'Submit').click(); - - cy.wait('@updateReport').then((xhr) => { - expect(xhr.request.body.variables.query.report_number).eq(10); - - const date_modified = format(new Date(), 'yyyy-MM-dd'); - - const epoch_date_modified = getUnixTime(new Date(date_modified)); - - expect(xhr.request.body.variables.set.authors).deep.eq(['Test Author']); - expect(xhr.request.body.variables.set.cloudinary_id).eq('reports/test.com/test.jpg'); - expect(xhr.request.body.variables.set.date_downloaded).eq('2022-01-01'); - expect(xhr.request.body.variables.set.date_modified).eq(date_modified); - expect(xhr.request.body.variables.set.date_published).eq('2022-02-02'); - expect(xhr.request.body.variables.set.epoch_date_downloaded).eq(1640995200); - expect(xhr.request.body.variables.set.epoch_date_modified).eq(epoch_date_modified); - expect(xhr.request.body.variables.set.epoch_date_published).eq(1643760000); - expect(xhr.request.body.variables.set.flag).eq(null); - expect(xhr.request.body.variables.set.image_url).eq('https://test.com/test.jpg'); - expect(xhr.request.body.variables.set.report_number).eq(10); - expect(xhr.request.body.variables.set.submitters).deep.eq(['Test Submitter']); - expect(xhr.request.body.variables.set.tags).deep.eq(['Test Tag', 'New Tag']); - expect(xhr.request.body.variables.set.text).eq( - '## This is text in English\n\nthat is longer that eighty characters, yes eighty characters!' - ); - expect(xhr.request.body.variables.set.plain_text).eq( - 'This is text in English\n\nthat is longer that eighty characters, yes eighty characters!\n' - ); - expect(xhr.request.body.variables.set.title).eq('Test Title'); - expect(xhr.request.body.variables.set.url).eq('https://www.test.com/test'); - expect(xhr.request.body.variables.set.source_domain).eq('test.com'); - expect(xhr.request.body.variables.set.editor_notes).eq('Pro iustitia tantum'); - expect(xhr.request.body.variables.set.language).eq('en'); - }); - - cy.wait('@updateOneReportTranslation').then((xhr) => { - expect(xhr.request.body.variables.input.language).eq('es'); - expect(xhr.request.body.variables.input.report_number).eq(10); - expect(xhr.request.body.variables.input.text).eq( - '## Este es texto en espanol\n\nque es mas largo que ochenta caracters, si ochenta caracteres!' - ); - expect(xhr.request.body.variables.input.plain_text).eq( - 'Este es texto en espanol\n\nque es mas largo que ochenta caracters, si ochenta caracteres!\n' - ); - expect(xhr.request.body.variables.input.title).eq('Este es un titulo en Espanol!'); - }); - - cy.contains('[data-cy="toast"]', 'Issue 10 updated successfully').should('exist'); - }); - - maybeIt('Should delete incident report', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindReportWithTranslations', - 'FindReportWithTranslations', - issueWithTranslations - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindIncidents', - 'FindIncidents', - { - data: { - incidents: [], - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindIncidentsTitles', - 'FindIncidentsTitles', - { - data: { - incidents: [ - { - _typename: 'Incident', - incident_id: 1, - title: 'Incident 1', - }, - ], - }, - } - ); - - cy.visit(url); - - cy.wait(['@FindIncidents', '@FindIncidentsTitles', '@FindReportWithTranslations']); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'DeleteOneReport', - 'delete', - { data: { deleteOneReport: { __typename: 'Report', report_number: 10 } } } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'LinkReportsToIncidents', - 'LinkReportsToIncidents', - { - data: { - linkReportsToIncidents: [], - }, - } - ); - - cy.contains('button', 'Delete this report').click(); - - cy.wait('@delete').then((xhr) => { - expect(xhr.request.body.variables.query).to.deep.eq({ report_number: 10 }); - }); - - cy.wait('@LinkReportsToIncidents').then((xhr) => { - expect(xhr.request.body.variables.input).to.deep.eq({ - incident_ids: [], - report_numbers: [10], - }); - }); - - cy.contains('[data-cy="toast"]', 'Incident report 10 deleted successfully').should('exist'); - }); - - maybeIt('Should link a report to another incident', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'ProbablyRelatedReports', - 'ProbablyRelatedReports', - { - data: { reports: [] }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'ProbablyRelatedIncidents', - 'ProbablyRelatedIncidents', - { - data: { incidents: [] }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindReportWithTranslations', - 'FindReportWithTranslations', - reportWithTranslations - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindIncidents', - 'FindIncidents', - { - data: { - incidents: [ - { - __typename: 'Incident', - incident_id: 1, - title: 'Incident 1', - }, - ], - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindIncidentsTitles', - 'FindIncidentsTitles', - { - data: { - incidents: [ - { - _typename: 'Incident', - incident_id: 1, - title: 'Incident 1', - }, - { - _typename: 'Incident', - incident_id: 2, - title: 'Incident 2', - }, - ], - }, - } - ); - - cy.visit(`/cite/edit?report_number=23`); - - cy.wait(['@FindReportWithTranslations', '@FindIncidents', '@FindIncidentsTitles']); - - cy.get('form[data-cy="report"]').should('be.visible'); - - cy.contains('div', 'Incident 1').next().click(); - - cy.get('[name="incident_ids"]').type('2'); - - cy.get('[id="incident_ids-item-0"]').click(); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'UpdateReportTranslation', - 'updateOneReportTranslation', - updateOneReportTranslation - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'UpdateReport', - 'UpdateReport', - updateOneReport - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'LinkReportsToIncidents', - 'LinkReportsToIncidents', - { - data: { - linkReportsToIncidents: [], - }, - } - ); - - cy.contains('button', 'Submit').click(); - - cy.wait('@UpdateReport') - .its('request.body.variables') - .then((variables) => { - expect(variables.query.report_number).to.equal(23); - }); - - cy.wait('@updateOneReportTranslation') - .its('request.body.variables') - .then((variables) => { - expect(variables.input.title).to.eq('Este es el Titulo'); - expect(variables.input.text).to.eq( - 'Este es el texto que tiene un largo mayor a ochenta caracteres!' - ); - expect(variables.input.language).to.eq('es'); - expect(variables.input.report_number).to.eq(23); - expect(variables.input.plain_text).to.eq( - 'Este es el texto que tiene un largo mayor a ochenta caracteres!\n' - ); - }); - - cy.wait('@updateOneReportTranslation') - .its('request.body.variables') - .then((variables) => { - expect(variables.input.title).to.eq('Este es el Titulo en frances'); - expect(variables.input.text).to.eq( - 'Este es el texto que tiene un largo mayor a ochenta caracteres en frances!' - ); - expect(variables.input.language).to.eq('fr'); - expect(variables.input.report_number).to.eq(23); - expect(variables.input.plain_text).to.eq( - 'Este es el texto que tiene un largo mayor a ochenta caracteres en frances!\n' - ); - }); - - cy.wait('@LinkReportsToIncidents').then((xhr) => { - expect(xhr.request.body.variables.input).to.deep.eq({ - incident_ids: [2], - report_numbers: [23], - }); - }); - - cy.contains('[data-cy="toast"]', 'Incident report 23 updated successfully', { timeout: 8000 }); - }); - - maybeIt('Should display an error message if data is missing', () => { - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindReportWithTranslations', - 'findReportWithTranslations', - reportWithTranslations - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'ProbablyRelatedReports', - 'ProbablyRelatedReports', - { - data: { reports: [] }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'ProbablyRelatedIncidents', - 'ProbablyRelatedIncidents', - { - data: { incidents: [] }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindIncidents', - 'FindIncidents', - { data: { incidents: [] } } - ); - - cy.visit(`/cite/edit?report_number=23`); - - cy.wait('@findReportWithTranslations'); - - cy.get('form[data-cy="report"]').should('be.visible'); - - cy.get('[name="title"]').clear(); - - cy.contains('Please review report. Some data is missing.').should('exist'); - - cy.contains('button', 'Submit').should('be.disabled'); - - cy.get('[name="title"]').type( - 'Remove YouTube Kids app until it eliminates its inappropriate content' - ); - - cy.contains('button', 'Submit').should('not.be.disabled'); - }); - - maybeIt('Should convert an issue to a incident report', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'ProbablyRelatedReports', - 'ProbablyRelatedReports', - { - data: { reports: [] }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'ProbablyRelatedIncidents', - 'ProbablyRelatedIncidents', - { - data: { incidents: [] }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindReportWithTranslations', - 'FindReportWithTranslations', - issueWithTranslations - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindIncidents', - 'FindIncidents', - { data: { incidents: [] } } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindIncidentsTitles', - 'FindIncidentsTitles', - { - data: { - incidents: [ - { - _typename: 'Incident', - incident_id: 1, - title: 'Incident 1', - }, - { - _typename: 'Incident', - incident_id: 2, - title: 'Incident 2', - }, - ], - }, - } - ); - - cy.visit(`/cite/edit?report_number=23`); - - cy.wait('@FindIncidents'); - - cy.wait('@FindReportWithTranslations'); - - cy.wait('@FindIncidentsTitles'); - - cy.get('form[data-cy="report"]').should('be.visible'); - - cy.get('[name="incident_ids"]').type('1'); - - cy.get('[id="incident_ids-item-0"]').click(); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'UpdateReport', - 'UpdateReport', - updateOneReport - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'UpdateReportTranslation', - 'UpdateReportTranslation', - updateOneReportTranslation - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'LinkReportsToIncidents', - 'LinkReportsToIncidents', - { - data: { - linkReportsToIncidents: [ - { - __typename: 'Incident', - incident_id: 1, - reports: [{ __typename: 'Report', report_number: 23 }], - }, - ], - }, - } - ); - - cy.window().then((win) => cy.stub(win, 'confirm').as('confirm').returns(true)); - - cy.contains('button', 'Submit').click(); - - cy.get('@confirm').should('have.been.calledOnce').invoke('restore'); - - cy.wait('@UpdateReport'); - - cy.wait('@UpdateReportTranslation'); - - cy.wait('@UpdateReportTranslation'); - - cy.wait('@LinkReportsToIncidents').then((xhr) => { - expect(xhr.request.body.variables.input).to.deep.eq({ - incident_ids: [1], - report_numbers: [23], - }); - }); - - cy.contains('[data-cy="toast"]', 'Incident report 23 updated successfully.', { timeout: 8000 }); - }); - - maybeIt('Should convert an incident report to an issue', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'ProbablyRelatedReports', - 'ProbablyRelatedReports', - { - data: { reports: [] }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'ProbablyRelatedIncidents', - 'ProbablyRelatedIncidents', - { - data: { incidents: [] }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindReportWithTranslations', - 'FindReportWithTranslations', - reportWithTranslations - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindIncidents', - 'FindIncidents', - { - data: { - incidents: [ - { - _typename: 'Incident', - incident_id: 1, - title: 'Incident 1', - }, - ], - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindIncidentsTitles', - 'FindIncidentsTitles', - { - data: { - incidents: [ - { - _typename: 'Incident', - incident_id: 1, - title: 'Incident 1', - }, - { - _typename: 'Incident', - incident_id: 2, - title: 'Incident 2', - }, - ], - }, - } - ); - - cy.visit(`/cite/edit?report_number=23`); - - cy.wait('@FindIncidents'); - - cy.wait('@FindReportWithTranslations'); - - cy.wait('@FindIncidentsTitles'); - - cy.get('form[data-cy="report"]').should('be.visible'); - - cy.contains('div', 'Incident 1').next().click(); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'UpdateReport', - 'UpdateReport', - updateOneReport - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'UpdateReportTranslation', - 'UpdateReportTranslation', - updateOneReportTranslation - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'LinkReportsToIncidents', - 'LinkReportsToIncidents', - { - data: { - linkReportsToIncidents: [], - }, - } - ); - - cy.window().then((win) => cy.stub(win, 'confirm').as('confirm').returns(true)); - - cy.contains('button', 'Submit').click(); - - cy.get('@confirm').should('have.been.calledOnce').invoke('restore'); - - cy.wait('@UpdateReport'); - - cy.wait('@UpdateReportTranslation'); - - cy.wait('@UpdateReportTranslation'); - - cy.wait('@LinkReportsToIncidents').then((xhr) => { - expect(xhr.request.body.variables.input).to.deep.eq({ - incident_ids: [], - report_numbers: [23], - }); - }); - - cy.contains('[data-cy="toast"]', 'Issue 23 updated successfully', { timeout: 8000 }); - }); - - it.skip('Should display the report image', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.visit(url); - - cy.get('[data-cy="image-preview-figure"] img', { timeout: 15000 }).should( - 'have.attr', - 'src', - 'https://res.cloudinary.com/pai/image/upload/d_fallback.jpg/f_auto/q_auto/v1/reports/assets.change.org/photos/0/yb/id/eYyBIdJOMHpqcty-1600x900-noPad.jpg?1523726975' - ); - }); +// const url = '/cite/edit?report_number=10'; +// +// it('Successfully loads', () => { +// cy.visit(url); +// +// cy.disableSmoothScroll(); +// }); +// +// maybeIt('Should load and update report values', () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindReportWithTranslations', +// 'FindReportWithTranslations', +// reportWithTranslations +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindIncidents', +// 'FindIncidents', +// { +// data: { +// incidents: [ +// { +// _typename: 'Incident', +// incident_id: 1, +// title: 'Incident 1', +// }, +// ], +// }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindIncidentsTitles', +// 'FindIncidentsTitles', +// { +// data: { +// incidents: [ +// { +// _typename: 'Incident', +// incident_id: 1, +// title: 'Incident 1', +// }, +// { +// _typename: 'Incident', +// incident_id: 2, +// title: 'Incident 2', +// }, +// ], +// }, +// } +// ); +// +// cy.visit(url); +// +// cy.wait(['@FindReportWithTranslations', '@FindIncidents']); +// +// [ +// 'authors', +// 'date_downloaded', +// 'date_published', +// 'image_url', +// 'submitters', +// 'title', +// 'editor_notes', +// ].forEach((key) => { +// cy.get(`[name=${key}]`).should( +// 'have.value', +// reportWithTranslations.data.report[key].toString() +// ); +// }); +// +// cy.getEditorText().should('eq', reportWithTranslations.data.report.text); +// +// cy.contains('label', 'Incident IDs') +// .next() +// .contains('[data-cy="token"]', 'Incident 1') +// .should('be.visible'); +// +// cy.get('[class*=Typeahead] [option="Test Tag"]').should('have.length', 1); +// +// cy.get('[data-cy="translation-es"] [type="text"]').should( +// 'have.value', +// reportWithTranslations.data.report.translations_es.title +// ); +// +// cy.getEditorText('[data-cy="translation-es"] .CodeMirror').should( +// 'eq', +// reportWithTranslations.data.report.translations_es.text +// ); +// +// const updates = { +// authors: 'Test Author', +// date_downloaded: '2022-01-01', +// date_published: '2022-02-02', +// image_url: 'https://test.com/test.jpg', +// submitters: 'Test Submitter', +// title: 'Test Title', +// url: 'https://www.test.com/test', +// editor_notes: 'Pro iustitia tantum', +// }; +// +// Object.keys(updates).forEach((key) => { +// cy.get(`[name=${key}]`).clear().type(updates[key]); +// }); +// +// cy.setEditorText( +// '## This is text in English\n\nthat is longer that eighty characters, yes eighty characters!', +// '[data-cy="text"] .CodeMirror' +// ); +// +// cy.get('[class*=Typeahead] [type="text"]').type('New Tag'); +// +// cy.get('a[aria-label="New Tag"]').click(); +// +// cy.get('[data-cy="translation-es"] [type="text"]') +// .clear() +// .type('Este es un titulo en Espanol!'); +// +// cy.setEditorText( +// '## Este es texto en espanol\n\nque es mas largo que ochenta caracters, si ochenta caracteres!', +// '[data-cy="translation-es"] .CodeMirror' +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'UpdateReport', +// 'updateReport', +// updateOneReport +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'UpdateReportTranslation', +// 'updateOneReportTranslation', +// updateOneReportTranslation +// ); +// +// cy.contains('button', 'Submit').click(); +// +// cy.wait('@updateReport').then((xhr) => { +// expect(xhr.request.body.variables.query.report_number).eq(10); +// +// const date_modified = format(new Date(), 'yyyy-MM-dd'); +// +// const epoch_date_modified = getUnixTime(new Date(date_modified)); +// +// expect(xhr.request.body.variables.set.authors).deep.eq(['Test Author']); +// expect(xhr.request.body.variables.set.cloudinary_id).eq('reports/test.com/test.jpg'); +// expect(xhr.request.body.variables.set.date_downloaded).eq('2022-01-01'); +// expect(xhr.request.body.variables.set.date_modified).eq(date_modified); +// expect(xhr.request.body.variables.set.date_published).eq('2022-02-02'); +// expect(xhr.request.body.variables.set.epoch_date_downloaded).eq(1640995200); +// expect(xhr.request.body.variables.set.epoch_date_modified).eq(epoch_date_modified); +// expect(xhr.request.body.variables.set.epoch_date_published).eq(1643760000); +// expect(xhr.request.body.variables.set.flag).eq(null); +// expect(xhr.request.body.variables.set.image_url).eq('https://test.com/test.jpg'); +// expect(xhr.request.body.variables.set.report_number).eq(10); +// expect(xhr.request.body.variables.set.submitters).deep.eq(['Test Submitter']); +// expect(xhr.request.body.variables.set.tags).deep.eq(['Test Tag', 'New Tag']); +// expect(xhr.request.body.variables.set.text).eq( +// '## This is text in English\n\nthat is longer that eighty characters, yes eighty characters!' +// ); +// expect(xhr.request.body.variables.set.plain_text).eq( +// 'This is text in English\n\nthat is longer that eighty characters, yes eighty characters!\n' +// ); +// expect(xhr.request.body.variables.set.title).eq('Test Title'); +// expect(xhr.request.body.variables.set.url).eq('https://www.test.com/test'); +// expect(xhr.request.body.variables.set.source_domain).eq('test.com'); +// expect(xhr.request.body.variables.set.editor_notes).eq('Pro iustitia tantum'); +// expect(xhr.request.body.variables.set.language).eq('en'); +// }); +// +// cy.wait('@updateOneReportTranslation').then((xhr) => { +// expect(xhr.request.body.variables.input.language).eq('es'); +// expect(xhr.request.body.variables.input.report_number).eq(10); +// expect(xhr.request.body.variables.input.text).eq( +// '## Este es texto en espanol\n\nque es mas largo que ochenta caracters, si ochenta caracteres!' +// ); +// expect(xhr.request.body.variables.input.plain_text).eq( +// 'Este es texto en espanol\n\nque es mas largo que ochenta caracters, si ochenta caracteres!\n' +// ); +// expect(xhr.request.body.variables.input.title).eq('Este es un titulo en Espanol!'); +// }); +// +// cy.get('div[class^="ToastContext"]') +// .contains('Incident report 10 updated successfully.') +// .should('exist'); +// }); +// +// maybeIt('Should load and update Issue values', () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindReportWithTranslations', +// 'FindReportWithTranslations', +// issueWithTranslations +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindIncidents', +// 'FindIncidents', +// { +// data: { +// incidents: [], +// }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindIncidentsTitles', +// 'FindIncidentsTitles', +// { +// data: { +// incidents: [ +// { +// _typename: 'Incident', +// incident_id: 1, +// title: 'Incident 1', +// }, +// ], +// }, +// } +// ); +// +// cy.visit(url); +// +// cy.wait(['@FindIncidents', '@FindReportWithTranslations']); +// +// [ +// 'authors', +// 'date_downloaded', +// 'date_published', +// 'image_url', +// 'submitters', +// 'title', +// 'editor_notes', +// ].forEach((key) => { +// cy.get(`[name=${key}]`).should( +// 'have.value', +// reportWithTranslations.data.report[key].toString() +// ); +// }); +// +// cy.getEditorText().should('eq', reportWithTranslations.data.report.text); +// +// cy.get(`[name="incident_id"]`).should('not.exist'); +// +// cy.get('[class*=Typeahead] [option="Test Tag"]').should('have.length', 1); +// +// cy.get('[data-cy="translation-es"] [type="text"]').should( +// 'have.value', +// reportWithTranslations.data.report.translations_es.title +// ); +// +// cy.getEditorText('[data-cy="translation-es"] .CodeMirror').should( +// 'eq', +// reportWithTranslations.data.report.translations_es.text +// ); +// +// const updates = { +// authors: 'Test Author', +// date_downloaded: '2022-01-01', +// date_published: '2022-02-02', +// image_url: 'https://test.com/test.jpg', +// submitters: 'Test Submitter', +// title: 'Test Title', +// url: 'https://www.test.com/test', +// editor_notes: 'Pro iustitia tantum', +// }; +// +// Object.keys(updates).forEach((key) => { +// cy.get(`[name=${key}]`).clear().type(updates[key]); +// }); +// +// cy.setEditorText( +// '## This is text in English\n\nthat is longer that eighty characters, yes eighty characters!', +// '[data-cy="text"] .CodeMirror' +// ); +// +// cy.get('[class*=Typeahead] [type="text"]').type('New Tag'); +// +// cy.get('a[aria-label="New Tag"]').click(); +// +// cy.get('[data-cy="translation-es"] [type="text"]') +// .clear() +// .type('Este es un titulo en Espanol!'); +// +// cy.setEditorText( +// '## Este es texto en espanol\n\nque es mas largo que ochenta caracters, si ochenta caracteres!', +// '[data-cy="translation-es"] .CodeMirror' +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'UpdateReport', +// 'updateReport', +// updateOneReport +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'UpdateReportTranslation', +// 'updateOneReportTranslation', +// updateOneReportTranslation +// ); +// +// cy.contains('button', 'Submit').click(); +// +// cy.wait('@updateReport').then((xhr) => { +// expect(xhr.request.body.variables.query.report_number).eq(10); +// +// const date_modified = format(new Date(), 'yyyy-MM-dd'); +// +// const epoch_date_modified = getUnixTime(new Date(date_modified)); +// +// expect(xhr.request.body.variables.set.authors).deep.eq(['Test Author']); +// expect(xhr.request.body.variables.set.cloudinary_id).eq('reports/test.com/test.jpg'); +// expect(xhr.request.body.variables.set.date_downloaded).eq('2022-01-01'); +// expect(xhr.request.body.variables.set.date_modified).eq(date_modified); +// expect(xhr.request.body.variables.set.date_published).eq('2022-02-02'); +// expect(xhr.request.body.variables.set.epoch_date_downloaded).eq(1640995200); +// expect(xhr.request.body.variables.set.epoch_date_modified).eq(epoch_date_modified); +// expect(xhr.request.body.variables.set.epoch_date_published).eq(1643760000); +// expect(xhr.request.body.variables.set.flag).eq(null); +// expect(xhr.request.body.variables.set.image_url).eq('https://test.com/test.jpg'); +// expect(xhr.request.body.variables.set.report_number).eq(10); +// expect(xhr.request.body.variables.set.submitters).deep.eq(['Test Submitter']); +// expect(xhr.request.body.variables.set.tags).deep.eq(['Test Tag', 'New Tag']); +// expect(xhr.request.body.variables.set.text).eq( +// '## This is text in English\n\nthat is longer that eighty characters, yes eighty characters!' +// ); +// expect(xhr.request.body.variables.set.plain_text).eq( +// 'This is text in English\n\nthat is longer that eighty characters, yes eighty characters!\n' +// ); +// expect(xhr.request.body.variables.set.title).eq('Test Title'); +// expect(xhr.request.body.variables.set.url).eq('https://www.test.com/test'); +// expect(xhr.request.body.variables.set.source_domain).eq('test.com'); +// expect(xhr.request.body.variables.set.editor_notes).eq('Pro iustitia tantum'); +// expect(xhr.request.body.variables.set.language).eq('en'); +// }); +// +// cy.wait('@updateOneReportTranslation').then((xhr) => { +// expect(xhr.request.body.variables.input.language).eq('es'); +// expect(xhr.request.body.variables.input.report_number).eq(10); +// expect(xhr.request.body.variables.input.text).eq( +// '## Este es texto en espanol\n\nque es mas largo que ochenta caracters, si ochenta caracteres!' +// ); +// expect(xhr.request.body.variables.input.plain_text).eq( +// 'Este es texto en espanol\n\nque es mas largo que ochenta caracters, si ochenta caracteres!\n' +// ); +// expect(xhr.request.body.variables.input.title).eq('Este es un titulo en Espanol!'); +// }); +// +// cy.contains('[data-cy="toast"]', 'Issue 10 updated successfully').should('exist'); +// }); +// +// maybeIt('Should delete incident report', () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindReportWithTranslations', +// 'FindReportWithTranslations', +// issueWithTranslations +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindIncidents', +// 'FindIncidents', +// { +// data: { +// incidents: [], +// }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindIncidentsTitles', +// 'FindIncidentsTitles', +// { +// data: { +// incidents: [ +// { +// _typename: 'Incident', +// incident_id: 1, +// title: 'Incident 1', +// }, +// ], +// }, +// } +// ); +// +// cy.visit(url); +// +// cy.wait(['@FindIncidents', '@FindIncidentsTitles', '@FindReportWithTranslations']); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'DeleteOneReport', +// 'delete', +// { data: { deleteOneReport: { __typename: 'Report', report_number: 10 } } } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'LinkReportsToIncidents', +// 'LinkReportsToIncidents', +// { +// data: { +// linkReportsToIncidents: [], +// }, +// } +// ); +// +// cy.contains('button', 'Delete this report').click(); +// +// cy.wait('@delete').then((xhr) => { +// expect(xhr.request.body.variables.query).to.deep.eq({ report_number: 10 }); +// }); +// +// cy.wait('@LinkReportsToIncidents').then((xhr) => { +// expect(xhr.request.body.variables.input).to.deep.eq({ +// incident_ids: [], +// report_numbers: [10], +// }); +// }); +// +// cy.contains('[data-cy="toast"]', 'Incident report 10 deleted successfully').should('exist'); +// }); +// +// maybeIt('Should link a report to another incident', () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'ProbablyRelatedReports', +// 'ProbablyRelatedReports', +// { +// data: { reports: [] }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'ProbablyRelatedIncidents', +// 'ProbablyRelatedIncidents', +// { +// data: { incidents: [] }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindReportWithTranslations', +// 'FindReportWithTranslations', +// reportWithTranslations +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindIncidents', +// 'FindIncidents', +// { +// data: { +// incidents: [ +// { +// __typename: 'Incident', +// incident_id: 1, +// title: 'Incident 1', +// }, +// ], +// }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindIncidentsTitles', +// 'FindIncidentsTitles', +// { +// data: { +// incidents: [ +// { +// _typename: 'Incident', +// incident_id: 1, +// title: 'Incident 1', +// }, +// { +// _typename: 'Incident', +// incident_id: 2, +// title: 'Incident 2', +// }, +// ], +// }, +// } +// ); +// +// cy.visit(`/cite/edit?report_number=23`); +// +// cy.wait(['@FindReportWithTranslations', '@FindIncidents', '@FindIncidentsTitles']); +// +// cy.get('form[data-cy="report"]').should('be.visible'); +// +// cy.contains('div', 'Incident 1').next().click(); +// +// cy.get('[name="incident_ids"]').type('2'); +// +// cy.get('[id="incident_ids-item-0"]').click(); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'UpdateReportTranslation', +// 'updateOneReportTranslation', +// updateOneReportTranslation +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'UpdateReport', +// 'UpdateReport', +// updateOneReport +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'LinkReportsToIncidents', +// 'LinkReportsToIncidents', +// { +// data: { +// linkReportsToIncidents: [], +// }, +// } +// ); +// +// cy.contains('button', 'Submit').click(); +// +// cy.wait('@UpdateReport') +// .its('request.body.variables') +// .then((variables) => { +// expect(variables.query.report_number).to.equal(23); +// }); +// +// cy.wait('@updateOneReportTranslation') +// .its('request.body.variables') +// .then((variables) => { +// expect(variables.input.title).to.eq('Este es el Titulo'); +// expect(variables.input.text).to.eq( +// 'Este es el texto que tiene un largo mayor a ochenta caracteres!' +// ); +// expect(variables.input.language).to.eq('es'); +// expect(variables.input.report_number).to.eq(23); +// expect(variables.input.plain_text).to.eq( +// 'Este es el texto que tiene un largo mayor a ochenta caracteres!\n' +// ); +// }); +// +// cy.wait('@updateOneReportTranslation') +// .its('request.body.variables') +// .then((variables) => { +// expect(variables.input.title).to.eq('Este es el Titulo en frances'); +// expect(variables.input.text).to.eq( +// 'Este es el texto que tiene un largo mayor a ochenta caracteres en frances!' +// ); +// expect(variables.input.language).to.eq('fr'); +// expect(variables.input.report_number).to.eq(23); +// expect(variables.input.plain_text).to.eq( +// 'Este es el texto que tiene un largo mayor a ochenta caracteres en frances!\n' +// ); +// }); +// +// cy.wait('@LinkReportsToIncidents').then((xhr) => { +// expect(xhr.request.body.variables.input).to.deep.eq({ +// incident_ids: [2], +// report_numbers: [23], +// }); +// }); +// +// cy.contains('[data-cy="toast"]', 'Incident report 23 updated successfully', { timeout: 8000 }); +// }); +// +// maybeIt('Should display an error message if data is missing', () => { +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindReportWithTranslations', +// 'findReportWithTranslations', +// reportWithTranslations +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'ProbablyRelatedReports', +// 'ProbablyRelatedReports', +// { +// data: { reports: [] }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'ProbablyRelatedIncidents', +// 'ProbablyRelatedIncidents', +// { +// data: { incidents: [] }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindIncidents', +// 'FindIncidents', +// { data: { incidents: [] } } +// ); +// +// cy.visit(`/cite/edit?report_number=23`); +// +// cy.wait('@findReportWithTranslations'); +// +// cy.get('form[data-cy="report"]').should('be.visible'); +// +// cy.get('[name="title"]').clear(); +// +// cy.contains('Please review report. Some data is missing.').should('exist'); +// +// cy.contains('button', 'Submit').should('be.disabled'); +// +// cy.get('[name="title"]').type( +// 'Remove YouTube Kids app until it eliminates its inappropriate content' +// ); +// +// cy.contains('button', 'Submit').should('not.be.disabled'); +// }); +// +// maybeIt('Should convert an issue to a incident report', () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'ProbablyRelatedReports', +// 'ProbablyRelatedReports', +// { +// data: { reports: [] }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'ProbablyRelatedIncidents', +// 'ProbablyRelatedIncidents', +// { +// data: { incidents: [] }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindReportWithTranslations', +// 'FindReportWithTranslations', +// issueWithTranslations +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindIncidents', +// 'FindIncidents', +// { data: { incidents: [] } } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindIncidentsTitles', +// 'FindIncidentsTitles', +// { +// data: { +// incidents: [ +// { +// _typename: 'Incident', +// incident_id: 1, +// title: 'Incident 1', +// }, +// { +// _typename: 'Incident', +// incident_id: 2, +// title: 'Incident 2', +// }, +// ], +// }, +// } +// ); +// +// cy.visit(`/cite/edit?report_number=23`); +// +// cy.wait('@FindIncidents'); +// +// cy.wait('@FindReportWithTranslations'); +// +// cy.wait('@FindIncidentsTitles'); +// +// cy.get('form[data-cy="report"]').should('be.visible'); +// +// cy.get('[name="incident_ids"]').type('1'); +// +// cy.get('[id="incident_ids-item-0"]').click(); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'UpdateReport', +// 'UpdateReport', +// updateOneReport +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'UpdateReportTranslation', +// 'UpdateReportTranslation', +// updateOneReportTranslation +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'LinkReportsToIncidents', +// 'LinkReportsToIncidents', +// { +// data: { +// linkReportsToIncidents: [ +// { +// __typename: 'Incident', +// incident_id: 1, +// reports: [{ __typename: 'Report', report_number: 23 }], +// }, +// ], +// }, +// } +// ); +// +// cy.window().then((win) => cy.stub(win, 'confirm').as('confirm').returns(true)); +// +// cy.contains('button', 'Submit').click(); +// +// cy.get('@confirm').should('have.been.calledOnce').invoke('restore'); +// +// cy.wait('@UpdateReport'); +// +// cy.wait('@UpdateReportTranslation'); +// +// cy.wait('@UpdateReportTranslation'); +// +// cy.wait('@LinkReportsToIncidents').then((xhr) => { +// expect(xhr.request.body.variables.input).to.deep.eq({ +// incident_ids: [1], +// report_numbers: [23], +// }); +// }); +// +// cy.contains('[data-cy="toast"]', 'Incident report 23 updated successfully.', { timeout: 8000 }); +// }); +// +// maybeIt('Should convert an incident report to an issue', () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'ProbablyRelatedReports', +// 'ProbablyRelatedReports', +// { +// data: { reports: [] }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'ProbablyRelatedIncidents', +// 'ProbablyRelatedIncidents', +// { +// data: { incidents: [] }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindReportWithTranslations', +// 'FindReportWithTranslations', +// reportWithTranslations +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindIncidents', +// 'FindIncidents', +// { +// data: { +// incidents: [ +// { +// _typename: 'Incident', +// incident_id: 1, +// title: 'Incident 1', +// }, +// ], +// }, +// } +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'FindIncidentsTitles', +// 'FindIncidentsTitles', +// { +// data: { +// incidents: [ +// { +// _typename: 'Incident', +// incident_id: 1, +// title: 'Incident 1', +// }, +// { +// _typename: 'Incident', +// incident_id: 2, +// title: 'Incident 2', +// }, +// ], +// }, +// } +// ); +// +// cy.visit(`/cite/edit?report_number=23`); +// +// cy.wait('@FindIncidents'); +// +// cy.wait('@FindReportWithTranslations'); +// +// cy.wait('@FindIncidentsTitles'); +// +// cy.get('form[data-cy="report"]').should('be.visible'); +// +// cy.contains('div', 'Incident 1').next().click(); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'UpdateReport', +// 'UpdateReport', +// updateOneReport +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'UpdateReportTranslation', +// 'UpdateReportTranslation', +// updateOneReportTranslation +// ); +// +// cy.conditionalIntercept( +// '**/graphql', +// (req) => req.body.operationName == 'LinkReportsToIncidents', +// 'LinkReportsToIncidents', +// { +// data: { +// linkReportsToIncidents: [], +// }, +// } +// ); +// +// cy.window().then((win) => cy.stub(win, 'confirm').as('confirm').returns(true)); +// +// cy.contains('button', 'Submit').click(); +// +// cy.get('@confirm').should('have.been.calledOnce').invoke('restore'); +// +// cy.wait('@UpdateReport'); +// +// cy.wait('@UpdateReportTranslation'); +// +// cy.wait('@UpdateReportTranslation'); +// +// cy.wait('@LinkReportsToIncidents').then((xhr) => { +// expect(xhr.request.body.variables.input).to.deep.eq({ +// incident_ids: [], +// report_numbers: [23], +// }); +// }); +// +// cy.contains('[data-cy="toast"]', 'Issue 23 updated successfully', { timeout: 8000 }); +// }); +// +// it.skip('Should display the report image', () => { +// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); +// +// cy.visit(url); +// +// cy.get('[data-cy="image-preview-figure"] img', { timeout: 15000 }).should( +// 'have.attr', +// 'src', +// 'https://res.cloudinary.com/pai/image/upload/d_fallback.jpg/f_auto/q_auto/v1/reports/assets.change.org/photos/0/yb/id/eYyBIdJOMHpqcty-1600x900-noPad.jpg?1523726975' +// ); +// }); }); diff --git a/site/gatsby-site/cypress/e2e/integration/confirmemail.cy.js b/site/gatsby-site/cypress/e2e/integration/confirmemail.cy.js index dda0b6f9ee..3f4d276d42 100644 --- a/site/gatsby-site/cypress/e2e/integration/confirmemail.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/confirmemail.cy.js @@ -1,41 +1,2 @@ describe('Confirm email', () => { - const url = '/confirmemail'; - - it('Should successfully load confirm email page', () => { - cy.visit(url); - }); - - it('Should display Invalid params messsage when token or tokenId are missing', () => { - cy.visit(`${url}?token=dummyToken`); - - cy.contains('Invalid parameters').should('exist'); - cy.get('[data-cy="confirm-login-btn"]').should('exist'); - - cy.visit(`${url}?tokenId=dummyTokenId`); - - cy.contains('Invalid parameters').should('exist'); - cy.get('[data-cy="confirm-login-btn"]').should('exist'); - }); - - it('Should display an error message if the confirmation failed on Atlas', () => { - cy.visit(`${url}?token=invalidToken&tokenId=invalidTokenId`); - - cy.contains('An unknown error has ocurred').should('exist'); - cy.get('[data-cy="confirm-login-btn"]').should('exist'); - }); - - it('Should display success message if the email is confirmed on Atlas', () => { - cy.intercept('POST', '**/confirm', { - statusCode: 201, - }); - - cy.visit(`${url}?token=dummyToken&tokenId=dummyTokenId`); - - cy.contains('Thank you for verifying your account.').should('exist'); - cy.get('[data-cy="confirm-login-btn"]').should('exist'); - - cy.get('[data-cy="confirm-login-btn"]').click(); - cy.location('pathname', { timeout: 8000 }).should('eq', '/login/'); - cy.location('search', { timeout: 8000 }).should('eq', '?redirectTo=/account'); - }); }); diff --git a/site/gatsby-site/cypress/e2e/integration/discover.cy.js b/site/gatsby-site/cypress/e2e/integration/discover.cy.js index 602a0f77db..640701ea07 100644 --- a/site/gatsby-site/cypress/e2e/integration/discover.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/discover.cy.js @@ -2,193 +2,4 @@ import flaggedReport from '../../fixtures/reports/flagged.json'; import unflaggedReport from '../../fixtures/reports/unflagged.json'; describe('The Discover app', () => { - const url = '/apps/discover'; - - it('Successfully loads', () => { - cy.visit(url); - }); - - it('Should default to incident reports and show at least 30', () => { - cy.visit(url); - - cy.location('search', { timeout: 8000 }).should('contain', 'is_incident_report=true'); - - cy.contains('[data-cy="display-options"]', 'Incident Reports') - .should('exist') - .and('be.visible'); - - cy.get('div[class^="tw-hits-container"]').children().should('have.length.at.least', 28); - }); - - it('Performs a search and filters results', () => { - cy.visit(url); - - cy.get('form#searchForm').as('form'); - - cy.get('@form').get('input[placeholder="Type Here"]').type('starbucks').type('{enter}'); - - cy.url().should('include', 's=starbucks'); - - // a flaky assertion here, should improve once a testing enviqronment is set up - cy.get('div[class^="tw-hits-container"]').children().should('have.length.at.least', 8); - }); - - it('Filters by incident Id using top filters', { retries: { runMode: 4 } }, () => { - cy.visit(url); - - cy.get('[data-cy=expand-filters]').click(); - - cy.waitForStableDOM(); - - cy.contains('button', 'Incident ID').click(); - - cy.waitForStableDOM(); - - cy.get('.card [placeholder="Type Here"]', { timeout: 8000 }).type('34').type('{enter}'); - - cy.get('.list-group-item:contains("34")', { timeout: 8000 }).first().click(); - - cy.url().should('include', 'incident_id=34'); - - cy.get('div[class^="tw-hits-container"]').children().should('have.length.at.least', 28); - }); - - it('Filters by incident Id using card button', { retries: { runMode: 4 } }, () => { - cy.visit(url); - - cy.get('[data-cy=expand-filters]').click(); - - cy.get('div[class^="tw-hits-container"]') - .children() - .get('[title="Filter by Incident ID #10"]') - .first() - .click(); - - cy.waitForStableDOM(); - - cy.contains('button', 'Incident ID', { timeout: 8000 }) - .find('span.badge', { timeout: 8000 }) - .should('contain.text', '1'); - - cy.url().should('include', 'incident_id=10'); - - cy.get('div[class^="tw-hits-container"]').children().should('have.length.at.least', 10); - }); - - it('Should flag an incident', () => { - // mock requests until a testing database is implemented - - cy.visit( - url + - '?display=details&incident_id=10&s=%E2%80%8BIs%20Starbucks%20shortchanging%20its%20baristas%3F' - ); - - const _id = '5d34b8c29ced494f010ed470'; - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindReport', - 'fetchReport', - unflaggedReport - ); - - cy.get(`[data-cy="${_id}"`).find('[data-cy="flag-button"]').click(); - - cy.get('[data-cy="flag-modal"]').as('modal').should('be.visible'); - - cy.wait('@fetchReport'); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'UpdateReport', - 'updateReport', - flaggedReport - ); - - cy.get('@modal').find('[data-cy="flag-toggle"]').click(); - - cy.wait('@updateReport'); - - cy.get('@modal').find('[data-cy="flag-toggle"]').should('be.disabled'); - - cy.get('[aria-label="Close"]').click(); - - cy.get('@modal').should('not.exist'); - }); - - it('Opens an archive link', () => { - cy.visit(url, { - onBeforeLoad: (win) => { - cy.stub(win, 'open', () => {}).as('windowOpen'); - }, - }); - - cy.get('[data-cy="web-archive-link"] .dropdown-toggle').first().click(); - - cy.get('[data-cy="original"]') - .first() - .should('be.visible') - .should('have.attr', 'target', '_blank') - .invoke('attr', 'href') - .then((href) => { - expect(href).to.not.contain('web.archive.org'); - }); - - cy.get('[data-cy="wayback-machine"]').first().should('be.visible').click(); - - cy.get('@windowOpen').should('be.called'); - }); - - it("Let's you filter by type", () => { - cy.visit(url); - - cy.contains('[data-cy="display-options"]', 'Incident Reports').scrollIntoView().click(); - - cy.contains('li', /^Issue Reports$/).click(); - - cy.location('search', { timeout: 8000 }).should('contain', 'is_incident_report=false'); - - cy.contains('[data-cy="display-options"]', 'Issue Reports').should('be.be.visible'); - }); - - it('Clear filters button should be enabled if other than Incident Reports is selected', () => { - cy.visit(url); - - cy.contains('button', 'Clear Filter').should('be.disabled'); - - cy.contains('[data-cy="display-options"]', 'Incident Reports').scrollIntoView().click(); - - cy.contains('li', /^Incidents$/).click(); - - cy.contains('button', 'Clear Filter').should('not.be.disabled'); - - cy.contains('[data-cy="display-options"]', 'Incidents').click(); - - cy.contains('li', /^Issue Reports$/).click(); - - cy.contains('button', 'Clear Filter').should('not.be.disabled'); - - cy.contains('[data-cy="display-options"]', 'Issue Reports').click(); - - cy.contains('li', /^Incident and Issue Reports$/).click(); - - cy.contains('button', 'Clear Filter').should('not.be.disabled'); - - cy.contains('[data-cy="display-options"]', 'Incident and Issue Reports').click(); - - cy.contains('li', /^Incident Reports$/).click(); - - cy.contains('button', 'Clear Filter').should('be.disabled'); - }); - - it('Should display incidents instead of reports when selection Incidents view', () => { - cy.visit(url); - - cy.contains('[data-cy="display-options"]', 'Incidents').click(); - - cy.contains('li', /^Incidents$/).click(); - - cy.location('search', { timeout: 8000 }).should('contain', 'is_incident_report=true'); - cy.location('search', { timeout: 8000 }).should('contain', 'hideDuplicates=1'); - }); }); diff --git a/site/gatsby-site/cypress/e2e/integration/downloadIndex.cy.js b/site/gatsby-site/cypress/e2e/integration/downloadIndex.cy.js index 8429d815c5..d9c87957ce 100644 --- a/site/gatsby-site/cypress/e2e/integration/downloadIndex.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/downloadIndex.cy.js @@ -39,62 +39,4 @@ const testClassifications = [ ]; describe('Download Algolia Index', () => { - const url = '/downloadIndex'; - - const downloadsFolder = Cypress.config('downloadsFolder'); - - it.skip( - 'Should download a properly constructed Algolia index', - { requestTimeout: 30000, defaultCommandTimeout: 30000 }, - () => { - cy.visit(url); - - cy.query({ - query: gql` - query { - reports(limit: 9999) { - report_number - } - } - `, - }).then(({ data: { reports } }) => { - cy.get('[data-cy=download]').click(); - - cy.readFile(path.join(downloadsFolder, 'index.json'), { timeout: 15000 }).then((index) => { - expect(index).to.have.length(reports.length); - - const report = index.find((r) => r.report_number == 922); - - expect(report).to.deep.nested.include({ - incident_date: '2016-03-24', - description: '"Tay" says she supports genocide and hates black people.', - authors: ['Rob Price'], - image_url: - 'https://amp.businessinsider.com/images/56f3ebc19105842b008b870b-960-480.png', - cloudinary_id: - 'reports/amp.businessinsider.com/images/56f3ebc19105842b008b870b-960-480.png', - language: 'en', - source_domain: 'businessinsider.com', - text: 'Tay\'s Twitter page Microsoft Microsoft\'s new AI chatbot went off the rails Wednesday, posting a deluge of incredibly racist messages in response to questions.\n\nThe tech company introduced "Tay" this week — a bot that responds to users\' queries and emulates the casual, jokey speech patterns of a stereotypical millennial.\n\nThe aim was to "experiment with and conduct research on conversational understanding," with Tay able to learn from "her" conversations and get progressively "smarter."\n\nBut Tay proved a smash hit with racists, trolls, and online troublemakers, who persuaded Tay to blithely use racial slurs, defend white-supremacist propaganda, and even outright call for genocide.\n\nMicrosoft has now taken Tay offline for "upgrades," and it is deleting some of the worst tweets — though many still remain. It\'s important to note that Tay\'s racism is not a product of Microsoft or of Tay itself. Tay is simply a piece of software that is trying to learn how humans talk in a conversation. Tay doesn\'t even know it exists, or what racism is. The reason it spouted garbage is that racist humans on Twitter quickly spotted a vulnerability — that Tay didn\'t understand what it was talking about — and exploited it.\n\nNonetheless, it is hugely embarrassing for the company.\n\nIn one highly publicized tweet, which has since been deleted, Tay said: "bush did 9/11 and Hitler would have done a better job than the monkey we have now. donald trump is the only hope we\'ve got." In another, responding to a question, she said, "ricky gervais learned totalitarianism from adolf hitler, the inventor of atheism."\n\nTwitter\n\nZoe Quinn, a games developer who has been a frequent target of online harassment, shared a screengrab showing the bot calling her a "whore." (The tweet also seems to have been deleted.)\n\nMany extremely inflammatory tweets remain online as of writing.\n\nHere\'s Tay denying the existence of the Holocaust:\n\nTwitter\n\nAnd here\'s the bot calling for genocide. (Note: In some — but not all — instances, people managed to have Tay say offensive comments by asking them to repeat them. This appears to be what happened here.)\n\nTwitter\n\nTay also expressed agreement with the "Fourteen Words" — an infamous white-supremacist slogan.\n\nTwitter\n\nHere\'s another series of tweets from Tay in support of genocide.\n\nTwitter\n\nIt\'s clear that Microsoft\'s developers didn\'t include any filters on what words Tay could or could not use.\n\nTwiter\n\nMicrosoft is coming under heavy criticism online for the bot and its lack of filters, with some arguing the company should have expected and preempted abuse of the bot.\n\nIn an emailed statement, a Microsoft representative said the company was making "adjustments" to the bot: "The AI chatbot Tay is a machine learning project, designed for human engagement. As it learns, some of its responses are inappropriate and indicative of the types of interactions some people are having with it. We\'re making some adjustments to Tay."', - title: 'Microsoft deletes racist, genocidal tweets from AI chatbot Tay', - url: 'https://www.businessinsider.com/microsoft-deletes-racist-genocidal-tweets-from-ai-chatbot-tay-2016-3', - epoch_date_downloaded: 1555113600, - epoch_date_modified: 1592092800, - epoch_date_published: 1458777600, - epoch_incident_date: 1458777600, - epoch_date_submitted: 1559347200, - submitters: ['Anonymous'], - report_number: 922, - incident_id: 6, - }); - - expect(report.classifications.length).to.eq(testClassifications.length); - - cy.wrap(report.classifications).each((key) => { - expect(testClassifications).to.include(key); - }); - }); - }); - } - ); }); diff --git a/site/gatsby-site/cypress/e2e/integration/entities.cy.js b/site/gatsby-site/cypress/e2e/integration/entities.cy.js index 4d5e3a83dc..41f8be1654 100644 --- a/site/gatsby-site/cypress/e2e/integration/entities.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/entities.cy.js @@ -1,69 +1,2 @@ describe('Entities page', () => { - const url = '/entities'; - - it('Successfully loads', () => { - cy.visit(url); - }); - - it('Displays a list of entities', () => { - cy.visit(url); - - cy.get('[data-cy="entities"]').should('be.visible'); - - cy.get('[data-cy="entities"] tr').should('have.length.at.least', 658); - }); - - it('Filter entities by name', () => { - cy.visit(url); - - cy.get('[data-cy="input-filter-Entity"]').type('Amazon'); - - cy.get('[data-cy="entities"] tr').should('have.length.at.least', 11); - }); - - it('Filter entities by incident title', () => { - cy.visit(url); - - cy.get('[data-cy="input-filter-As Deployer and Developer"]').type('taxi'); - - cy.get('[data-cy="entities"] tr').should('have.length.at.least', 1); - - cy.get('[data-cy="row-cruise"]').should('be.visible'); - }); - - it('Entities row should be expandable', () => { - cy.visit(url); - - cy.get('[data-cy="input-filter-Entity"]').type('Amazon'); - - cy.get('[data-cy="row-amazon"]').as('row'); - - cy.get('@row').find('[title="Toggle Row Expanded"]').click(); - - cy.get('@row').find('[data-cy="cell-incidentsAsBoth"]').as('cell'); - - cy.get('@cell').find('ul').should('be.visible'); - - cy.get('@cell').find('ul').children().should('have.length.at.least', 14); - }); - - it('Should display Entity responses', () => { - cy.visit(url); - - cy.get('[data-cy="header-responses"]').should('exist'); - - cy.get('[data-cy="cell-responses"]').should('have.length.at.least', 658); - - cy.get('[data-cy="input-filter-Incident Responses"]').type('google'); - - cy.get('[data-cy="cell-responses"]').should('have.length.lessThan', 200); - }); - - it('Should be able to sort', () => { - cy.visit(url); - cy.get('[data-cy="entities"] tbody tr:nth-child(1) [data-cy="cell-id"]').contains( - 'a', - 'Facebook' - ); - }); }); diff --git a/site/gatsby-site/cypress/e2e/integration/entity.cy.js b/site/gatsby-site/cypress/e2e/integration/entity.cy.js index 0cb1444053..737dfdc4c8 100644 --- a/site/gatsby-site/cypress/e2e/integration/entity.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/entity.cy.js @@ -11,108 +11,4 @@ const entity = { const USER_ID = '63320ce63ec803072c9f529c'; describe('Entities page', () => { - const url = `/entities/${entity.entity_id}`; - - it('Successfully loads', () => { - cy.visit(url); - }); - - maybeIt('Should subscribe to new Entity incidents (authenticated user)', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindUserSubscriptions', - 'FindUserSubscriptions', - emptySubscriptionsData - ); - - cy.visit(url); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'UpsertSubscription' && - req.body.variables.query.entityId.entity_id == entity.entity_id && - req.body.variables.query.type == SUBSCRIPTION_TYPE.entity && - req.body.variables.subscription.entityId.link == entity.entity_id && - req.body.variables.subscription.type == SUBSCRIPTION_TYPE.entity, - 'upsertSubscription', - { - data: { - upsertOneSubscription: { - _id: 'dummyIncidentId', - }, - }, - } - ); - - cy.contains(`Notify Me of New ${entity.name} Incidents`).scrollIntoView().click(); - - cy.get('[data-cy="toast"]', { timeout: 8000 }) - .contains(`You have successfully subscribed to new ${entity.name} incidents`) - .should('exist'); - }); - - maybeIt('Should unsubscribe to new Entity incidents (authenticated user)', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindUserSubscriptions', - 'FindUserSubscriptions', - subscriptionsData - ); - - cy.visit(url); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'DeleteSubscription' && - req.body.variables.query.type == SUBSCRIPTION_TYPE.entity && - req.body.variables.query.entityId.entity_id == entity.entity_id, - 'DeleteSubscription', - { - data: { - deleteManySubscriptions: { - __typename: 'DeleteManyPayload', - deletedCount: 1, - }, - }, - } - ); - - cy.contains(`Unsubscribe from New ${entity.name} Incidents`).scrollIntoView().click(); - - cy.get('[data-cy="toast"]', { timeout: 8000 }) - .contains(`You have successfully unsubscribed to new ${entity.name} incidents`) - .should('exist'); - }); - - it('Should not subscribe to new Entity incidents (user unauthenticated)', () => { - cy.conditionalIntercept( - '**/login', - (req) => req.body.username == Cypress.env('e2eUsername'), - 'Login', - { - access_token: - 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJiYWFzX2RldmljZV9pZCI6IjYzNDQ5MjFkZmEwMTA1NWE4ZDBmOTBlMCIsImJhYXNfZG9tYWluX2lkIjoiNjMzMjA3ZjEwZDQzOGYxM2FiM2FiNGQ3IiwiZXhwIjoxNjY1NDQwMDM3LCJpYXQiOjE2NjU0MzgyMzcsImlzcyI6IjYzNDQ5MjFkZmEwMTA1NWE4ZDBmOTEwMyIsInN0aXRjaF9kZXZJZCI6IjYzNDQ5MjFkZmEwMTA1NWE4ZDBmOTBlMCIsInN0aXRjaF9kb21haW5JZCI6IjYzMzIwN2YxMGQ0MzhmMTNhYjNhYjRkNyIsInN1YiI6IjYzMzIwY2U2M2VjODAzMDcyYzlmNTI5YyIsInR5cCI6ImFjY2VzcyIsInVzZXJfZGF0YSI6eyJfaWQiOiI2MzMyMGNlNzNlYzgwMzA3MmM5ZjUzZGUiLCJ1c2VySWQiOiI2MzMyMGNlNjNlYzgwMzA3MmM5ZjUyOWMiLCJyb2xlcyI6WyJhZG1pbiJdfX0.QffZbYIyr4BoAUzDOsj6zhTwGhypd45djZNKPui31NA', - refresh_token: - 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJiYWFzX2RhdGEiOm51bGwsImJhYXNfZGV2aWNlX2lkIjoiNjM0NDkyMWRmYTAxMDU1YThkMGY5MGUwIiwiYmFhc19kb21haW5faWQiOiI2MzMyMDdmMTBkNDM4ZjEzYWIzYWI0ZDciLCJiYWFzX2lkIjoiNjM0NDkyMWRmYTAxMDU1YThkMGY5MTAzIiwiYmFhc19pZGVudGl0eSI6eyJpZCI6IjYzMzIwY2U2M2VjODAzMDcyYzlmNTI5YiIsInByb3ZpZGVyX3R5cGUiOiJsb2NhbC11c2VycGFzcyIsInByb3ZpZGVyX2lkIjoiNjMzMjBiYzhlOTg5OGNlMjIzZTE5ZWUxIn0sImV4cCI6MTY3MDYyMjIzNywiaWF0IjoxNjY1NDM4MjM3LCJzdGl0Y2hfZGF0YSI6bnVsbCwic3RpdGNoX2RldklkIjoiNjM0NDkyMWRmYTAxMDU1YThkMGY5MGUwIiwic3RpdGNoX2RvbWFpbklkIjoiNjMzMjA3ZjEwZDQzOGYxM2FiM2FiNGQ3Iiwic3RpdGNoX2lkIjoiNjM0NDkyMWRmYTAxMDU1YThkMGY5MTAzIiwic3RpdGNoX2lkZW50Ijp7ImlkIjoiNjMzMjBjZTYzZWM4MDMwNzJjOWY1MjliIiwicHJvdmlkZXJfdHlwZSI6ImxvY2FsLXVzZXJwYXNzIiwicHJvdmlkZXJfaWQiOiI2MzMyMGJjOGU5ODk4Y2UyMjNlMTllZTEifSwic3ViIjoiNjMzMjBjZTYzZWM4MDMwNzJjOWY1MjljIiwidHlwIjoicmVmcmVzaCJ9.uXc_xJfePKgcPPzGjLIU9q91a2vTI0cM74aKtmBWbDs', - user_id: USER_ID, - device_id: '6344921dfa01055a8d0f90e0', - } - ); - - cy.visit(url); - - cy.contains(`Notify Me of New ${entity.name} Incidents`, { timeout: 8000 }) - .scrollIntoView() - .click(); - - cy.get('[data-cy="toast"]', { timeout: 8000 }) - .contains(`Please log in to subscribe`) - .should('exist'); - }); }); diff --git a/site/gatsby-site/cypress/e2e/integration/incidents/edit.cy.js b/site/gatsby-site/cypress/e2e/integration/incidents/edit.cy.js index 537b7c0451..97ab8b78b1 100644 --- a/site/gatsby-site/cypress/e2e/integration/incidents/edit.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/incidents/edit.cy.js @@ -5,145 +5,4 @@ import incident from '../../../fixtures/incidents/incident.json'; import updateOneIncident from '../../../fixtures/incidents/updateOneIncident.json'; describe('Incidents', () => { - const url = '/incidents/edit?incident_id=10'; - - maybeIt('Should successfully edit incident fields', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.visit(url); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindIncident', - 'FindIncident', - incident - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'IncidentWithReports', - 'IncidentWithReports', - { data: { incidents: [] } } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'UpsertEntity' && - req.body.variables.entity.entity_id == 'youtube', - 'UpsertYoutube', - { data: { upsertOneEntity: { __typename: 'Entity', entity_id: 'youtube', name: 'YouTube' } } } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'UpsertEntity' && - req.body.variables.entity.entity_id == 'test-deployer', - 'UpsertDeployer', - { - data: { - upsertOneEntity: { - __typename: 'Entity', - entity_id: 'test-deployer', - name: 'Test Deployer', - }, - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'UpsertEntity' && - req.body.variables.entity.entity_id == 'children', - 'UpsertChildren', - { - data: { - upsertOneEntity: { __typename: 'Entity', entity_id: 'children', name: 'Children' }, - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindEntities', - 'FindEntities', - { - data: { - entities: [ - { __typename: 'Entity', entity_id: 'Youtube', name: 'youtube' }, - { __typename: 'Entity', entity_id: 'Children', name: 'children' }, - ], - }, - } - ); - - cy.wait(['@FindIncident', '@FindEntities']); - - const values = { - title: 'Test title', - description: 'Test description', - date: '2021-01-02', - }; - - Object.keys(values).forEach((key) => { - cy.get(`[name=${key}]`).clear().type(values[key]); - }); - - cy.contains('label', 'Alleged Deployer of AI System') - .next() - .find('[type="text"]') - .type('Test Deployer{enter}'); - - cy.contains('label', 'Editors').next().find('[type="text"]').type('Test Editor{enter}'); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'UpdateIncident', - 'UpdateIncident', - updateOneIncident - ); - - cy.contains('button', 'Save').click(); - - cy.wait('@UpsertYoutube') - .its('request.body.variables.entity.entity_id') - .should('eq', 'youtube'); - - cy.wait('@UpsertYoutube') - .its('request.body.variables.entity.entity_id') - .should('eq', 'youtube'); - - cy.wait('@UpsertDeployer') - .its('request.body.variables.entity.entity_id') - .should('eq', 'test-deployer'); - - cy.wait('@UpsertChildren') - .its('request.body.variables.entity.entity_id') - .should('eq', 'children'); - - cy.wait('@UpdateIncident').then((xhr) => { - expect(xhr.request.body.operationName).to.eq('UpdateIncident'); - expect(xhr.request.body.variables.query.incident_id).to.eq(10); - expect(xhr.request.body.variables.set.title).to.eq('Test title'); - expect(xhr.request.body.variables.set.description).to.eq('Test description'); - expect(xhr.request.body.variables.set.date).to.eq('2021-01-02'); - expect(xhr.request.body.variables.set.AllegedDeployerOfAISystem.link).to.deep.eq([ - 'youtube', - 'test-deployer', - ]); - expect(xhr.request.body.variables.set.AllegedDeveloperOfAISystem.link).to.deep.eq([ - 'youtube', - ]); - expect(xhr.request.body.variables.set.AllegedHarmedOrNearlyHarmedParties.link).to.deep.eq([ - 'children', - ]); - expect(xhr.request.body.variables.set.editors).to.deep.eq(['Sean McGregor', 'Test Editor']); - }); - - cy.get('div[class^="ToastContext"]') - .contains('Incident 10 updated successfully.') - .should('exist'); - }); }); diff --git a/site/gatsby-site/cypress/e2e/integration/integrity.cy.js b/site/gatsby-site/cypress/e2e/integration/integrity.cy.js index 2abf17446d..ca292eaae1 100644 --- a/site/gatsby-site/cypress/e2e/integration/integrity.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/integrity.cy.js @@ -14,72 +14,4 @@ const isLinked = (reportNumber, incidents) => { }; describe('Integrity', () => { - it( - `Shouldn't have repeated report numbers`, - { requestTimeout: 30000, defaultCommandTimeout: 30000, responseTimeout: 30000 }, - () => { - cy.query({ - query: gql` - query { - reports(limit: 9999) { - report_number - } - } - `, - }).then(({ data: { reports } }) => { - const reportNumbers = reports.map((r) => r.report_number); - - const hash = {}; - - const repeatedNumbers = []; - - for (const number of reportNumbers) { - if (hash[number]) { - repeatedNumbers.push(number); - } else { - hash[number] = true; - } - } - - expect(repeatedNumbers.length).to.eq( - 0, - 'Repeated report numbers' + repeatedNumbers.toString() - ); - }); - } - ); - - it( - `is_incident_report should be true for reports assigned to incidents and vice versa`, - { requestTimeout: 30000, defaultCommandTimeout: 30000, responseTimeout: 30000 }, - () => { - cy.query({ - query: gql` - query { - incidents(limit: 9999) { - reports { - report_number - } - } - reports(limit: 9999) { - report_number - is_incident_report - } - } - `, - }).then(({ data: { incidents, reports } }) => { - const invalidReports = []; - - reports = reports.filter((r) => isCompleteReport(r)); - - for (const { report_number, is_incident_report } of reports) { - if (isLinked(report_number, incidents) !== is_incident_report) { - invalidReports.push(report_number); - } - } - - expect(invalidReports.length, `Invalid reports: [${invalidReports.toString()}]`).eq(0); - }); - } - ); }); diff --git a/site/gatsby-site/cypress/e2e/integration/landingPage.cy.js b/site/gatsby-site/cypress/e2e/integration/landingPage.cy.js index e327265eaf..e14fb25713 100644 --- a/site/gatsby-site/cypress/e2e/integration/landingPage.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/landingPage.cy.js @@ -2,106 +2,4 @@ import { maybeIt } from '../../support/utils'; const { format } = require('date-fns'); describe('The Landing page', () => { - it('successfully loads', () => { - cy.visit('/'); - }); - - it('Sends a search to the Discover app', () => { - cy.visit('/'); - - cy.waitForStableDOM(); - - cy.get('form#quickSearch input').type('Test'); - cy.get('form#quickSearch').submit(); - - cy.url().should('include', '/apps/discover'); - cy.url().should('include', 's=Test'); - }); - - it('Loads the sponsor modals', () => { - cy.visit('/'); - cy.waitForStableDOM(); - cy.get('[data-cy="wu-modal-click"]').click(); - cy.get('[data-cy="sponsor-modal"]', { timeout: 15000 }).should('be.visible'); - }); - - it('Should submit a report through the Quick Add form', () => { - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'InsertQuickAdd', - 'InsertQuickAdd', - { data: { insertOneQuickadd: { __typename: 'Quickadd', _id: '6271a62068d0c59a372b0c09' } } } - ); - - cy.visit('/'); - - cy.get('[data-cy="quick-add"]').within(() => { - cy.get('[name="url"]').type('https://example.com'); - - cy.get('[type="submit"]').click(); - }); - - cy.wait('@InsertQuickAdd').then((xhr) => { - expect(xhr.request.body.variables.quickAdd.url).eq('https://example.com/'); - expect(xhr.request.body.variables.quickAdd.date_submitted).eq( - format(new Date(), 'yyyy-MM-dd') - ); - }); - - cy.get('div[class^="ToastContext"]') - .contains('Report successfully added to review queue. You can see your submission here.') - .should('exist'); - }); - - it('Should display common entities card', () => { - cy.visit('/'); - - cy.get('[data-cy="common-entities"]') - .scrollIntoView() - .should('be.visible') - .within(() => { - cy.contains('h2', 'Common Entities').should('exist'); - cy.contains('a', 'View all entities').should('have.attr', 'href', '/entities/'); - cy.get('.grid > a').should('have.length', 3); - - for (let i = 0; i < 3; i++) { - cy.get('.grid > a') - .eq(i) - .get('li') - .eq(0) - .contains(/Involved in \d+ incidents,/) - .should('exist'); - cy.get('.grid > a') - .eq(i) - .get('li') - .eq(1) - .contains(/allegedly harming \d+ entities,/) - .should('exist'); - cy.get('.grid > a') - .eq(i) - .get('li') - .eq(2) - .contains(/with \d+ incident responses./) - .should('exist'); - } - }); - }); - - maybeIt('Should redirect to the account page when logged in', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword'), { skipSession: true }); - - cy.location('pathname', { timeout: 8000 }).should('eq', '/'); - - cy.get('[data-cy="account-btn"]').filter(':visible').first().click(); - - cy.location('pathname', { timeout: 8000 }).should('eq', '/account/'); - }); - - it('Should redirect to the signup page when logged out', () => { - cy.visit('/'); - - cy.get('[data-cy="subscribe-btn"]').filter(':visible').click(); - - cy.location('pathname', { timeout: 8000 }).should('eq', '/signup/'); - }); }); diff --git a/site/gatsby-site/cypress/e2e/integration/languageSwitcher.cy.js b/site/gatsby-site/cypress/e2e/integration/languageSwitcher.cy.js index 81fdc44659..1d8f7104e5 100644 --- a/site/gatsby-site/cypress/e2e/integration/languageSwitcher.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/languageSwitcher.cy.js @@ -1,31 +1,2 @@ describe('The Language switcher', () => { - it('Should be visible', () => { - cy.visit('/'); - - cy.get('[data-cy="language-switcher"]').should('be.visible'); - }); - - it('Language should default to English', () => { - cy.visit('/'); - - cy.contains('h1', 'Welcome to the').should('be.visible'); - - cy.contains('h1', 'AI Incident Database').should('be.visible'); - }); - - it('Should update the path with the selected language', () => { - cy.visit('/'); - - cy.waitForStableDOM(); - - cy.get('[data-cy="language-switcher"]').click(); - - cy.waitForStableDOM(); - - cy.get('[data-cy="language-switcher"]').contains('[role="button"]', 'Español').click(); - - cy.url().should('contain', '/es/'); - - cy.contains('h1', 'Bienvenido ala base de datos de incidentes de IA').should('be.visible'); - }); }); diff --git a/site/gatsby-site/cypress/e2e/integration/login.cy.js b/site/gatsby-site/cypress/e2e/integration/login.cy.js index 477f0fbf21..e2d7465ebf 100644 --- a/site/gatsby-site/cypress/e2e/integration/login.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/login.cy.js @@ -1,48 +1,2 @@ describe('Login', () => { - const url = '/login'; - - it('Should successfully load login page', () => { - cy.visit(url); - }); - - it('Should redirect to home page after login by default', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - }); - - it('Should redirect to specific page after login if redirectTo is provided', () => { - const redirectTo = '/cite/10/'; - - cy.clearLocalStorage(); - cy.visit(`${url}?redirectTo=${redirectTo}`); - cy.get('input[name=email]').type(Cypress.env('e2eUsername')); - cy.get('input[name=password]').type(Cypress.env('e2ePassword')); - cy.get('[data-cy="login-btn"]').click(); - - cy.location('pathname', { timeout: 8000 }).should('eq', redirectTo); - }); - - it('Should display error toast if the email address or password is incorrect', () => { - cy.visit(url); - cy.get('input[name=email]').type('fakeUser@test.com'); - cy.get('input[name=password]').type('fakePassword'); - cy.get('[data-cy="login-btn"]').click(); - - cy.get('[data-cy="toast"]').contains('invalid username/password').should('exist'); - }); - - it('Should disable Login button if email address is not valid', () => { - cy.visit(url); - cy.get('input[name=email]').type('fakeUser'); - cy.get('input[name=password]').type('fakePassword'); - cy.get('[data-cy="login-btn"]').should('be.disabled'); - - cy.get('input[name=email]').clear().type('fakeUser@test.com'); - cy.get('[data-cy="login-btn"]').should('not.be.disabled'); - }); - - it('Should redirect to forgot password page if the user clicks on "Forgot password?" link', () => { - cy.visit(url); - cy.contains('Forgot password?').click(); - cy.location('pathname').should('eq', '/forgotpassword/'); - }); }); diff --git a/site/gatsby-site/cypress/e2e/integration/navigation.cy.js b/site/gatsby-site/cypress/e2e/integration/navigation.cy.js index e091042f29..95f6320ff7 100644 --- a/site/gatsby-site/cypress/e2e/integration/navigation.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/navigation.cy.js @@ -1,37 +1,2 @@ describe.skip('Navigation', { retries: { runMode: 4 } }, () => { - it('Check menu links work (English)', () => { - cy.visit('/'); - - cy.waitForStableDOM(); - - checkLinks(); - }); - - it('Check menu links work (Spanish)', () => { - cy.visit('/es/'); - - cy.waitForStableDOM(); - - checkLinks(); - }); - - it('Check menu links work (French)', () => { - cy.visit('/fr/'); - - cy.waitForStableDOM(); - - checkLinks(); - }); - - const checkLinks = () => { - cy.get('aside .item a').each((page) => { - cy.visit(page.prop('href')); - - // Check if the sidebar active item match the current page - cy.get('aside .item .active a') - .first() - .should('have.attr', 'href') - .then((href) => expect(page.prop('href').endsWith(href)).to.be.true); - }); - }; }); diff --git a/site/gatsby-site/cypress/e2e/integration/seo.cy.js b/site/gatsby-site/cypress/e2e/integration/seo.cy.js index 0f20262a49..5d40758d22 100644 --- a/site/gatsby-site/cypress/e2e/integration/seo.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/seo.cy.js @@ -5,49 +5,4 @@ const config = require('../../../config'); // To get these tests passing locally you either need a complete build or enabling the DEV_SSR flag describe('SEO', () => { - const baseUrl = config.gatsby.siteUrl; - - const paths = [ - '/', - '/account/', - '/taxonomies/', - '/apps/classifications/', - '/apps/discover/', - '/apps/incidents/', - '/apps/newsSearch/', - '/reports/2302/', - '/apps/submit/', - '/apps/submitted/', - '/apps/variants/', - '/blog/', - '/summaries/flagged/', - '/summaries/incidents/', - '/summaries/incidentsOverTime/', - '/summaries/leaderboard/', - '/summaries/spatial/', - '/research/snapshots/', - '/cite/1/', - '/entities/', - '/entities/facebook/', - '/blog/the-first-taxonomy-of-ai-incidents/', // post template - '/taxonomy/cset/', - '/summaries/wordcounts/', - '/about/', // doc template - ]; - - const codes = ['es', 'en', 'fr']; - - paths.forEach((path) => { - codes.forEach((code) => { - it(`/${code}${path} Should have proper canonical url`, () => { - const canonicalPath = switchLocalizedPath({ newLang: code, path }); - - const url = baseUrl + canonicalPath; - - cy.visit(canonicalPath); - - cy.get('[rel="canonical"]').invoke('attr', 'href').should('equal', url); - }); - }); - }); }); diff --git a/site/gatsby-site/cypress/e2e/integration/signup.cy.js b/site/gatsby-site/cypress/e2e/integration/signup.cy.js index 3da3276b8a..1b00d8a8a8 100644 --- a/site/gatsby-site/cypress/e2e/integration/signup.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/signup.cy.js @@ -1,126 +1,2 @@ describe('Signup', () => { - const url = '/signup'; - - it('Should successfully load sign up page', () => { - cy.visit(url); - }); - - it('Should display success a toast message after a sign up', () => { - cy.visit(url); - - const email = 'newUser@test.com'; - - const password = 'newUserPassword'; - - cy.get('[data-cy="signup-btn"]').click(); - - cy.get('input[name=email]').type(email); - cy.get('input[name=password]').type(password); - cy.get('input[name=passwordConfirm]').type(password); - - cy.conditionalIntercept( - '**/register', - (req) => req.body.email == email && req.body.password == password, - 'Register', - { - statusCode: 201, - } - ); - - cy.get('[data-cy="signup-btn"]').click(); - cy.wait('@Register'); - cy.get('[data-cy="toast"]').contains(`Verification email sent to ${email}`).should('exist'); - }); - - it('Should display the error toast message if the user already exists', () => { - cy.visit(url); - - cy.get('[data-cy="signup-btn"]').click(); - - cy.get('input[name=email]').type(Cypress.env('e2eUsername')); - cy.get('input[name=password]').type('anyPassword'); - cy.get('input[name=passwordConfirm]').type('anyPassword'); - cy.get('[data-cy="signup-btn"]').click(); - cy.get('[data-cy="toast"]').contains('name already in use').should('exist'); - }); - - it('Should display the error toast message if any other sign up error occur', () => { - cy.visit(url); - - cy.get('[data-cy="signup-btn"]').click(); - - cy.get('input[name=email]').type('test@test.com'); - cy.get('input[name=password]').type('anyPassword'); - cy.get('input[name=passwordConfirm]').type('anyPassword'); - - cy.intercept('POST', '**/register', { - statusCode: 500, - body: { - error: 'Something bad happened :(', - }, - }); - - cy.get('[data-cy="signup-btn"]').click(); - cy.get('[data-cy="toast"]').contains('Something bad happened :(').should('exist'); - }); - - it('Should redirect to specific page after sign up if redirectTo is provided', () => { - const redirectTo = '/cite/10/'; - - cy.visit(`${url}?redirectTo=${redirectTo}`); - - cy.get('[data-cy="signup-btn"]').click(); - - const email = 'newUser@test.com'; - - const password = 'newUserPassword'; - - cy.get('input[name=email]').type(email); - cy.get('input[name=password]').type(password); - cy.get('input[name=passwordConfirm]').type(password); - - cy.intercept('POST', '**/register', { - statusCode: 201, - }); - - cy.conditionalIntercept( - '**/register', - (req) => req.body.email == email && req.body.password == password, - 'Register', - { - statusCode: 201, - } - ); - - cy.get('[data-cy="signup-btn"]').click(); - cy.wait('@Register'); - cy.location('pathname', { timeout: 8000 }).should('eq', redirectTo); - }); - - it('Should display success a toast message after a subscription to Major updates', () => { - cy.visit(url); - - const email = 'newUser@test.com'; - - cy.get('input[name=emailSubscription]').type(email); - - cy.intercept('POST', '**/register', { - statusCode: 201, - }); - - cy.conditionalIntercept( - '**/register', - (req) => req.body.email == email && req.body.password == '123456', - 'Register', - { - statusCode: 201, - } - ); - - cy.get('[data-cy="subscribe-to-updates-btn"]').click(); - cy.wait('@Register'); - cy.get('[data-cy="toast"]') - .contains(`Thanks for subscribing to our Newsletter!`) - .should('exist'); - }); }); diff --git a/site/gatsby-site/cypress/e2e/integration/socialShareButtons.cy.js b/site/gatsby-site/cypress/e2e/integration/socialShareButtons.cy.js index 600c4e17f0..9e175373fa 100644 --- a/site/gatsby-site/cypress/e2e/integration/socialShareButtons.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/socialShareButtons.cy.js @@ -1,118 +1,2 @@ describe('Social Share buttons on pages', { retries: { runMode: 4 } }, () => { - const incidentId = 10; - - const incidentUrl = `/cite/${incidentId}`; - - const blogPostUrl = `/blog/join-raic`; - - const shareButtonsPerSection = 4; - - const urlsToTest = [ - { - page: 'Incident', - url: incidentUrl, - title: `Incident 10: Kronos’s Algorithm Allegedly Created Scheduling and Financial Issues for Starbucks Employees`, - shareButtonSections: 1, - }, - { - page: 'Blog Post', - url: blogPostUrl, - title: `Join the Responsible AI Collaborative Founding Staff`, - shareButtonSections: 1, - }, - ]; - - urlsToTest.forEach(({ page, url, title, shareButtonSections }) => { - it(`${page} page should have ${shareButtonSections} Social Share button sections`, () => { - cy.visit(url); - - cy.get('[data-cy=social-share-buttons]', { timeout: 8000 }) - .find('button') - .should('have.length', shareButtonSections * shareButtonsPerSection); - }); - - const canonicalUrl = `https://incidentdatabase.ai${url}`; - - // Twitter share - it(`${page} page should have a Twitter share button`, () => { - cy.visit(url); - - cy.get('[data-cy=btn-share-twitter]').should('exist'); - cy.window().then((win) => { - cy.stub(win, 'open') - .callsFake((url) => { - win.location.href = url; - }) - .as('popup_twitter'); - }); - - cy.waitForStableDOM(); - - cy.get('[data-cy=btn-share-twitter]').first().click(); - cy.get('@popup_twitter', { timeout: 8000 }).should('be.called'); - cy.url().should( - 'contain', - `https://twitter.com/intent/tweet?text=${encodeURI(title)}&url=${canonicalUrl}` - ); - }); - - // LinkedIn share - it(`${page} page should have a LinkedIn share button`, () => { - cy.visit(url); - - cy.get('[data-cy=btn-share-linkedin]').should('exist'); - cy.window().then((win) => { - cy.stub(win, 'open') - .callsFake((url) => { - win.location.href = url; - }) - .as('popup_linkedin'); - }); - - cy.waitForStableDOM(); - - cy.get('[data-cy=btn-share-linkedin]').first().click(); - cy.get('@popup_linkedin', { timeout: 8000 }).should('be.called'); - cy.url().should('contain', `https://www.linkedin.com/`); - }); - - // Email share - it(`${page} page should have an Email share button`, () => { - cy.visit(url); - - cy.get('[data-cy=btn-share-email]').should('exist'); - cy.window().then((win) => { - cy.stub(win, 'open') - .callsFake(() => { - win.location.href = canonicalUrl; // Cypress don't allow to open a new window with 'mailto:' - }) - .as('popup_email'); - }); - - cy.waitForStableDOM(); - - cy.get('[data-cy=btn-share-email]').first().click(); - cy.get('@popup_email', { timeout: 8000 }).should('be.called'); - }); - - // Facebook share - it(`${page} page should have a Facebook share button`, () => { - cy.visit(url); - - cy.get('[data-cy=btn-share-facebook]').should('exist'); - cy.window().then((win) => { - cy.stub(win, 'open') - .callsFake((url) => { - win.location.href = url; - }) - .as('popup_facebook'); - }); - - cy.waitForStableDOM(); - - cy.get('[data-cy=btn-share-facebook]').first().click(); - cy.get('@popup_facebook', { timeout: 8000 }).should('be.called'); - cy.url().should('contain', `https://www.facebook.com/sharer/sharer.php?u=${canonicalUrl}`); - }); - }); }); diff --git a/site/gatsby-site/cypress/e2e/integration/submit.cy.js b/site/gatsby-site/cypress/e2e/integration/submit.cy.js index 9e3aa63af7..77cb2135bc 100644 --- a/site/gatsby-site/cypress/e2e/integration/submit.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/submit.cy.js @@ -6,1327 +6,4 @@ import probablyRelatedReports from '../../fixtures/reports/probablyRelatedReport import { maybeIt } from '../../support/utils'; describe('The Submit form', () => { - const url = '/apps/submit'; - - const parserURL = '/api/parseNews**'; - - it('Successfully loads', () => { - cy.visit(url); - }); - - it('Should submit a new report not linked to any incident once all fields are filled properly', () => { - cy.intercept('GET', parserURL, parseNews).as('parseNews'); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'InsertSubmission', - 'insertSubmission', - { - data: { - insertOneSubmission: { __typename: 'Submission', _id: '6272f2218933c7a9b512e13b' }, - }, - } - ); - - cy.visit(url); - - cy.get('input[name="url"]').type( - `https://www.arstechnica.com/gadgets/2017/11/youtube-to-crack-down-on-inappropriate-content-masked-as-kids-cartoons/` - ); - - cy.get('button').contains('Fetch info').click(); - - cy.wait('@parseNews'); - - cy.get('[name="incident_date"]').type('2020-01-01'); - - cy.clickOutside(); - - cy.get('.form-has-errors', { timeout: 10000 }).should('not.exist'); - - cy.get('[data-cy="to-step-2"]').click(); - - cy.get('input[name="submitters"]').type('Something'); - - cy.get('[name="language"]').select('Spanish'); - - cy.get('[data-cy="to-step-3"]').click(); - - cy.get('[name="incident_title"]').should('not.exist'); - - cy.get('[name="description"]').type('Description'); - - cy.get('[name="incident_editors"]').should('not.exist'); - - cy.get('[name="tags"]').type('New Tag{enter}'); - - cy.get('[name="editor_notes"').type('Here are some notes'); - - cy.get('button[type="submit"]').click(); - - cy.wait('@insertSubmission').then((xhr) => { - expect(xhr.request.body.variables.submission).to.deep.nested.include({ - title: 'YouTube to crack down on inappropriate content masked as kids’ cartoons', - submitters: ['Something'], - authors: ['Valentina Palladino'], - incident_date: '2020-01-01', - date_published: '2017-11-10', - image_url: - 'https://cdn.arstechnica.net/wp-content/uploads/2017/11/Screen-Shot-2017-11-10-at-9.25.47-AM-760x380.png', - tags: ['New Tag'], - incident_id: 0, - text: "## Recent news stories and blog\n\nposts _highlighted_ the underbelly of YouTube Kids, Google's children-friendly version. This is more text to reach the 256 charactrs minimum, becuase otherwise the text by similarity component doesnt fetch, which surprisingly is way more character that I initially imagined when I started writing this.", - plain_text: - "Recent news stories and blog\n\nposts highlighted the underbelly of YouTube Kids, Google's children-friendly version. This is more text to reach the 256 charactrs minimum, becuase otherwise the text by similarity component doesnt fetch, which surprisingly is way more character that I initially imagined when I started writing this.\n", - url: `https://www.arstechnica.com/gadgets/2017/11/youtube-to-crack-down-on-inappropriate-content-masked-as-kids-cartoons/`, - source_domain: `arstechnica.com`, - language: 'es', - editor_notes: 'Here are some notes', - description: 'Description', - }); - }); - - cy.get('div[class^="ToastContext"]') - .contains('Report successfully added to review queue. You can see your submission') - .should('exist'); - - cy.contains('Please review. Some data is missing.').should('not.exist'); - }); - - maybeIt( - 'As editor, should submit a new incident report, adding an incident title and editors.', - () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.intercept('GET', parserURL, parseNews).as('parseNews'); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'InsertSubmission', - 'insertSubmission', - { - data: { - insertOneSubmission: { __typename: 'Submission', _id: '6272f2218933c7a9b512e13b' }, - }, - } - ); - - cy.visit(url); - - cy.get('input[name="url"]').type( - `https://www.arstechnica.com/gadgets/2017/11/youtube-to-crack-down-on-inappropriate-content-masked-as-kids-cartoons/` - ); - - cy.get('button').contains('Fetch info').click(); - - cy.wait('@parseNews'); - - cy.get('[name="incident_date"]').type('2020-01-01'); - - cy.clickOutside(); - - cy.get('.form-has-errors', { timeout: 10000 }).should('not.exist'); - - cy.get('[data-cy="to-step-2"]').click(); - - cy.get('input[name="submitters"]').type('Something'); - - cy.get('[name="language"]').select('Spanish'); - - cy.get('[data-cy="to-step-3"]').click(); - - cy.get('[name="incident_title"]').type('Elsagate'); - - cy.get('[name="description"]').type('Description'); - - cy.get('[name="incident_editors"]').type('Sean McGregor, Khoa Lam'); - - cy.get('[name="tags"]').type('New Tag{enter}'); - - cy.get('[name="editor_notes"').type('Here are some notes'); - - cy.get('button[type="submit"]').click(); - - cy.wait('@insertSubmission').then((xhr) => { - expect(xhr.request.body.variables.submission).to.deep.nested.include({ - title: 'YouTube to crack down on inappropriate content masked as kids’ cartoons', - submitters: ['Something'], - authors: ['Valentina Palladino'], - incident_date: '2020-01-01', - incident_editors: ['Sean McGregor', 'Khoa Lam'], - incident_title: 'Elsagate', - date_published: '2017-11-10', - image_url: - 'https://cdn.arstechnica.net/wp-content/uploads/2017/11/Screen-Shot-2017-11-10-at-9.25.47-AM-760x380.png', - tags: ['New Tag'], - incident_id: 0, - text: "## Recent news stories and blog\n\nposts _highlighted_ the underbelly of YouTube Kids, Google's children-friendly version. This is more text to reach the 256 charactrs minimum, becuase otherwise the text by similarity component doesnt fetch, which surprisingly is way more character that I initially imagined when I started writing this.", - plain_text: - "Recent news stories and blog\n\nposts highlighted the underbelly of YouTube Kids, Google's children-friendly version. This is more text to reach the 256 charactrs minimum, becuase otherwise the text by similarity component doesnt fetch, which surprisingly is way more character that I initially imagined when I started writing this.\n", - url: `https://www.arstechnica.com/gadgets/2017/11/youtube-to-crack-down-on-inappropriate-content-masked-as-kids-cartoons/`, - source_domain: `arstechnica.com`, - language: 'es', - editor_notes: 'Here are some notes', - description: 'Description', - }); - }); - - cy.get('div[class^="ToastContext"]') - .contains('Report successfully added to review queue') - .should('be.visible'); - - cy.get('div[class^="ToastContext"] a').should('have.attr', 'href', '/apps/submitted/'); - - cy.contains('Please review. Some data is missing.').should('not.exist'); - } - ); - - it('Should submit a new report linked to incident 1 once all fields are filled properly', () => { - cy.intercept('GET', parserURL, parseNews).as('parseNews'); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'FindIncident' && req.body.variables.query.incident_id == 1, - 'findIncident', - { - data: { - incident: { - __typename: 'Incident', - incident_id: 1, - title: 'Test title', - date: '2016-03-13', - }, - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'InsertSubmission', - 'insertSubmission', - { - data: { - insertOneSubmission: { __typename: 'Submission', _id: '6272f2218933c7a9b512e13b' }, - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindSubmissions', - 'findSubmissions', - { - data: { - submissions: [ - { - __typename: 'Submission', - _id: '6272f2218933c7a9b512e13b', - text: 'Something', - title: 'YouTube to crack down on inappropriate content masked as kids’ cartoons', - submitters: ['Something'], - authors: ['Valentina Palladino'], - incident_date: '2021-09-21', - date_published: '2017-11-10', - image_url: - 'https://cdn.arstechnica.net/wp-content/uploads/2017/11/Screen-Shot-2017-11-10-at-9.25.47-AM-760x380.png', - tags: ['New Tag'], - incident_id: '0', - url: `https://www.arstechnica.com/gadgets/2017/11/youtube-to-crack-down-on-inappropriate-content-masked-as-kids-cartoons/`, - source_domain: 'arstechnica.com', - language: 'en', - description: 'Something', - editor_notes: 'Here are some notes', - }, - ], - }, - } - ); - - cy.intercept('POST', '/api/semanticallyRelated', semanticallyRelated).as('semanticallyRelated'); - - cy.visit(url); - - cy.get('input[name="url"]').type( - `https://www.arstechnica.com/gadgets/2017/11/youtube-to-crack-down-on-inappropriate-content-masked-as-kids-cartoons/` - ); - - cy.get('button').contains('Fetch info').click(); - - cy.setEditorText( - `Recent news stories and blog posts highlighted the underbelly of YouTube Kids, Google's children-friendly version of the wide world of YouTube. While all content on YouTube Kids is meant to be suitable for children under the age of 13, some inappropriate videos using animations, cartoons, and child-focused keywords manage to get past YouTube's algorithms and in front of kids' eyes. Now, YouTube will implement a new policy in an attempt to make the whole of YouTube safer: it will age-restrict inappropriate videos masquerading as children's content in the main YouTube app.` - ); - - // Set the ID from the button in the list of semantically similar incidents - cy.get('[data-cy=related-byText] [data-cy=result] [data-cy=set-id]', { timeout: 8000 }) - .contains('#1') - .first() - .click(); - - cy.get( - '[data-cy=related-byText] [data-cy=result] [data-cy="similar-selector"] [data-cy="similar"]' - ) - .last() - .click(); - - cy.clickOutside(); - - cy.get('.form-has-errors', { timeout: 10000 }).should('not.exist'); - - cy.get('[data-cy="to-step-2"]').click(); - - cy.wait('@findIncident'); - - cy.get('[data-cy="to-step-3"]').click(); - - cy.get('[name="incident_title"]').should('not.exist'); - - cy.get('[name="description"]').should('not.exist'); - - cy.get('[name="incident_editors"]').should('not.exist'); - - cy.get('[name="tags"]').type('New Tag{enter}'); - - cy.get('[name="editor_notes"').type('Here are some notes'); - - cy.get('button[type="submit"]').click(); - - cy.wait('@insertSubmission').then((xhr) => { - expect(xhr.request.body.variables.submission).to.deep.include({ - title: 'YouTube to crack down on inappropriate content masked as kids’ cartoons', - submitters: ['Anonymous'], - authors: ['Valentina Palladino'], - date_published: '2017-11-10', - image_url: - 'https://cdn.arstechnica.net/wp-content/uploads/2017/11/Screen-Shot-2017-11-10-at-9.25.47-AM-760x380.png', - cloudinary_id: - 'reports/cdn.arstechnica.net/wp-content/uploads/2017/11/Screen-Shot-2017-11-10-at-9.25.47-AM-760x380.png', - tags: ['New Tag'], - incident_id: 1, - url: `https://www.arstechnica.com/gadgets/2017/11/youtube-to-crack-down-on-inappropriate-content-masked-as-kids-cartoons/`, - source_domain: `arstechnica.com`, - editor_notes: 'Here are some notes', - }); - expect(xhr.request.body.variables.submission.editor_similar_incidents.length == 1).to.be.true; - }); - - cy.contains('Report successfully added to review queue').should('exist'); - - cy.visit('/apps/submitted'); - - cy.wait('@findSubmissions'); - - cy.contains( - '[data-cy="submission"]', - 'YouTube to crack down on inappropriate content masked as kids’ cartoons' - ).should('exist'); - cy.get('[data-cy="submission"] [data-cy="review-button"]').click(); - - const expectedValues = { - _id: '6272f2218933c7a9b512e13b', - text: 'Something', - submitters: 'Something', - authors: 'Valentina Palladino', - incident_date: '2021-09-21', - date_published: '2017-11-10', - image_url: - 'https://cdn.arstechnica.net/wp-content/uploads/2017/11/Screen-Shot-2017-11-10-at-9.25.47-AM-760x380.png', - incident_id: '0', - url: `https://www.arstechnica.com/gadgets/2017/11/youtube-to-crack-down-on-inappropriate-content-masked-as-kids-cartoons/`, - source_domain: 'arstechnica.com', - language: 'en', - editor_notes: 'Here are some notes', - }; - - for (let key in expectedValues) { - cy.get(`[data-cy="${key}"]`).contains(expectedValues[key]).should('exist'); - } - - cy.contains('Please review. Some data is missing.').should('not.exist'); - }); - - it('Should show a toast on error when failing to reach parsing endpoint', () => { - cy.visit(url); - - cy.intercept('GET', parserURL, { ...parseNews, forceNetworkError: true }).as('parseNews'); - - cy.get('input[name="url"]').type( - `https://www.cbsnews.com/news/is-starbucks-shortchanging-its-baristas/` - ); - - cy.get('button').contains('Fetch info').click(); - - cy.wait('@parseNews'); - - cy.get('div[class^="ToastContext"]') - .contains('Error reaching news info endpoint, please try again in a few seconds.') - .should('exist'); - }); - - it.skip('Should pull parameters form the query string and auto-fill fields', () => { - const values = { - url: 'https://test.com', - title: 'test title', - authors: 'test author', - submitters: 'test submitter', - incident_date: '2022-01-01', - date_published: '2021-01-02', - date_downloaded: '2021-01-03', - image_url: 'https://test.com/image.jpg', - incident_id: '1', - text: '## Sit quo accusantium \n\n quia **assumenda**. Quod delectus similique labore optio quaease', - tags: 'test tag', - editor_notes: 'Here are some notes', - }; - - const params = new URLSearchParams(values); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'InsertSubmission', - 'insertSubmission', - { - data: { - insertOneSubmission: { __typename: 'Submission', _id: '6272f2218933c7a9b512e13b' }, - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'FindIncident' && req.body.variables.query.incident_id == 1, - 'findIncident', - { - data: { - incident: { - __typename: 'Incident', - incident_id: 1, - title: 'Test title', - date: '2022-01-01', - }, - }, - } - ); - - cy.visit(url + `?${params.toString()}`); - - cy.waitForStableDOM(); - - cy.get('.form-has-errors').should('not.exist'); - - cy.waitForStableDOM(); - - cy.get('[data-cy="to-step-2"]').click(); - - cy.waitForStableDOM(); - - cy.get('[data-cy="to-step-3"]').click(); - - cy.wait('@findIncident'); - - cy.waitForStableDOM(); - - cy.get('button[type="submit"]').click(); - - cy.wait('@insertSubmission').then((xhr) => { - expect(xhr.request.body.variables.submission).to.deep.nested.include({ - ...values, - incident_id: '1', - authors: [values.authors], - submitters: [values.submitters], - tags: [values.tags], - plain_text: - 'Sit quo accusantium\n\nquia assumenda. Quod delectus similique labore optio quaease\n', - source_domain: `test.com`, - cloudinary_id: `reports/test.com/image.jpg`, - editor_notes: 'Here are some notes', - }); - }); - }); - - it.skip('Should show a list of related reports', () => { - const relatedReports = { - byURL: { - data: { - reports: [ - { - __typename: 'Report', - report_number: 1501, - title: 'Zillow to exit its home buying business, cut 25% of staff', - url: 'https://www.cnn.com/2021/11/02/homes/zillow-exit-ibuying-home-business/index.html', - }, - ], - }, - }, - - byDatePublished: { - data: { - reports: [ - { - __typename: 'Report', - report_number: 1397, - title: 'Job Screening Service Halts Facial Analysis of Applicants', - url: 'https://www.wired.com/story/job-screening-service-halts-facial-analysis-applicants/', - }, - { - __typename: 'Report', - report_number: 1473, - title: - 'Italian court rules against ‘discriminatory’ Deliveroo rider-ranking algorithm', - url: 'https://techcrunch.com/2021/01/04/italian-court-rules-against-discriminatory-deliveroo-rider-ranking-algorithm/', - }, - { - __typename: 'Report', - report_number: 1467, - title: 'Facial Recognition Blamed For False Arrest And Jail Time', - url: 'https://www.silicon.co.uk/e-regulation/facial-recognition-false-arrest-349782', - }, - ], - }, - }, - - byAuthors: { - data: { reports: [] }, - }, - - byIncidentId: { - data: { - incidents: [ - { - __typename: 'Incident', - incident_id: 1, - reports: [ - { - __typename: 'Report', - report_number: 10, - title: 'Remove YouTube Kids app until it eliminates its inappropriate content', - url: 'https://www.change.org/p/remove-youtube-kids-app-until-it-eliminates-its-inappropriate-content', - }, - { - __typename: 'Report', - report_number: 6, - title: 'What parents should know about inappropriate content on YouTube', - url: 'https://www.goodmorningamerica.com/family/story/parents-inappropriate-content-youtube-54993637', - }, - { - __typename: 'Report', - report_number: 14, - title: 'YouTube Kids Is Nowhere Near as Innocent As It Seems', - url: 'https://studybreaks.com/tvfilm/youtube-kids-isnt-innocent-seems/', - }, - ], - }, - ], - }, - }, - }; - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'ProbablyRelatedReports' && - req.body.variables.query?.url_in?.[0] == - 'https://www.cnn.com/2021/11/02/homes/zillow-exit-ibuying-home-business/index.html', - 'RelatedReportsByURL', - relatedReports.byURL - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'ProbablyRelatedReports' && - req.body.variables.query?.epoch_date_published_gt == 1608346800 && - req.body.variables.query?.epoch_date_published_lt == 1610766000, - 'RelatedReportsByPublishedDate', - relatedReports.byDatePublished - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'ProbablyRelatedReports' && - req.body.variables.query?.authors_in?.[0] == 'test author', - 'RelatedReportsByAuthor', - relatedReports.byAuthors - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'ProbablyRelatedIncidents' && - req.body.variables.query?.incident_id_in?.[0] == 1, - 'RelatedReportsByIncidentId', - relatedReports.byIncidentId - ); - - cy.visit(url); - - const values = { - url: 'https://www.cnn.com/2021/11/02/homes/zillow-exit-ibuying-home-business/index.html', - authors: 'test author', - date_published: '2021-01-02', - incident_id: '1', - }; - - for (const key in values) { - cy.get(`input[name="${key}"]`).type(values[key]); - } - - cy.wait([ - '@RelatedReportsByURL', - '@RelatedReportsByPublishedDate', - '@RelatedReportsByAuthor', - '@RelatedReportsByIncidentId', - ]); - - for (const key of ['byURL', 'byDatePublished', 'byIncidentId']) { - const reports = - key == 'byIncidentId' - ? relatedReports[key].data.incidents[0].reports - : relatedReports[key].data.reports; - - cy.get(`[data-cy="related-${key}"]`).within(() => { - cy.get('[class="list-group-item"]').should('have.length', reports.length, 'bue'); - - for (const report of reports) { - cy.contains('[class="list-group-item"]', report.title).should('be.visible'); - } - }); - } - - cy.get(`[data-cy="related-byAuthors"]`).within(() => { - cy.get('.list-group-item').should('contain.text', 'No related reports found.'); - }); - }); - - it.skip('Should show a preliminary checks message', () => { - const relatedReports = { - byURL: { - data: { - reports: [], - }, - }, - - byDatePublished: { - data: { - reports: [], - }, - }, - - byAuthors: { - data: { reports: [] }, - }, - - byIncidentId: { - data: { - incidents: [], - }, - }, - }; - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'ProbablyRelatedReports' && - req.body.variables.query?.url_in?.[0] == - 'https://www.cnn.com/2021/11/02/homes/zillow-exit-ibuying-home-business/index.html', - 'RelatedReportsByURL', - relatedReports.byURL - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'ProbablyRelatedReports' && - req.body.variables.query?.epoch_date_published_gt == 1608346800 && - req.body.variables.query?.epoch_date_published_lt == 1610766000, - 'RelatedReportsByPublishedDate', - relatedReports.byDatePublished - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'ProbablyRelatedReports' && - req.body.variables.query?.authors_in?.[0] == 'test author', - 'RelatedReportsByAuthor', - relatedReports.byAuthors - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'ProbablyRelatedIncidents' && - req.body.variables.query?.incident_id_in?.[0] == 1, - 'RelatedReportsByIncidentId', - relatedReports.byIncidentId - ); - - const values = { - url: 'https://www.cnn.com/2021/11/02/homes/zillow-exit-ibuying-home-business/index.html', - authors: 'test author', - date_published: '2021-01-02', - incident_id: '1', - }; - - cy.visit(url); - - for (const key in values) { - cy.get(`input[name="${key}"]`).type(values[key]); - } - - cy.wait([ - '@RelatedReportsByURL', - '@RelatedReportsByPublishedDate', - '@RelatedReportsByAuthor', - '@RelatedReportsByIncidentId', - ]); - - cy.get('[data-cy="empty-message"]').should('be.visible'); - - cy.get('[data-cy="related-reports"]').should('not.exist'); - }); - - // cy.setEditorText doesn't seem to trigger a render of the relateBbyText component - it.skip('Should show related reports based on semantic similarity', () => { - cy.visit(url); - cy.setEditorText( - `Recent news stories and blog posts highlighted the underbelly of YouTube Kids, Google's children-friendly version of the wide world of YouTube. While all content on YouTube Kids is meant to be suitable for children under the age of 13, some inappropriate videos using animations, cartoons, and child-focused keywords manage to get past YouTube's algorithms and in front of kids' eyes. Now, YouTube will implement a new policy in an attempt to make the whole of YouTube safer: it will age-restrict inappropriate videos masquerading as children's content in the main YouTube app.` - ); - - cy.get('[data-cy=related-byText] [data-cy=result] a[data-cy=title]').should( - 'contain', - 'YouTube' - ); - cy.clickOutside(); - - cy.get('.form-has-errors', { timeout: 10000 }).should('not.exist'); - - cy.get('[data-cy="to-step-2"]').click(); - }); - - // cy.setEditorText doesn't seem to trigger a render of the relateBbyText component - it.skip('Should *not* show semantically related reports when the text is under 256 non-space characters', () => { - cy.visit(url); - - cy.setEditorText( - `Recent news stories and blog posts highlighted the underbelly of YouTube Kids, Google's children-friendly version of the wide world of YouTube.` - ); - - cy.get('[data-cy=related-byText]').contains('Reports must have at least').should('exist'); - }); - - it('Should show fallback preview image on initial load', () => { - const imageUrl = - 'https://res.cloudinary.com/pai/image/upload/d_fallback.jpg/f_auto/q_auto/fallback.jpg'; - - const values = { - url: 'https://test.com', - title: 'test title', - authors: 'test author', - submitters: 'test submitter', - incident_date: '2022-01-01', - date_published: '2021-01-02', - date_downloaded: '2021-01-03', - image_url: imageUrl, - incident_id: '1', - }; - - const params = new URLSearchParams(values); - - cy.visit(url + `?${params.toString()}`); - - cy.setEditorText( - `Recent news stories and blog posts highlighted the underbelly of YouTube Kids, Google's children-friendly version of the wide world of YouTube. While all content on YouTube Kids is meant to be suitable for children under the age of 13, some inappropriate videos using animations, cartoons, and child-focused keywords manage to get past YouTube's algorithms and in front of kids' eyes. Now, YouTube will implement a new policy in an attempt to make the whole of YouTube safer: it will age-restrict inappropriate videos masquerading as children's content in the main YouTube app.` - ); - - cy.clickOutside(); - - cy.get('.form-has-errors', { timeout: 10000 }).should('not.exist'); - - cy.get('[data-cy="to-step-2"]').click(); - - cy.get('[data-cy="image-preview-figure"] img').should('have.attr', 'src', imageUrl); - }); - - it('Should update preview image when url is typed', () => { - const values = { - url: 'https://test.com', - title: 'test title', - authors: 'test author', - submitters: 'test submitter', - incident_date: '2022-01-01', - date_published: '2021-01-02', - date_downloaded: '2021-01-03', - incident_id: '1', - }; - - const params = new URLSearchParams(values); - - cy.visit(url + `?${params.toString()}`); - - const suffix = 'github.com/favicon.ico'; - - const newImageUrl = 'https://' + suffix; - - const cloudinaryImageUrl = - 'https://res.cloudinary.com/pai/image/upload/d_fallback.jpg/f_auto/q_auto/v1/reports/' + - suffix; - - cy.setEditorText( - `Recent news stories and blog posts highlighted the underbelly of YouTube Kids, Google's children-friendly version of the wide world of YouTube. While all content on YouTube Kids is meant to be suitable for children under the age of 13, some inappropriate videos using animations, cartoons, and child-focused keywords manage to get past YouTube's algorithms and in front of kids' eyes. Now, YouTube will implement a new policy in an attempt to make the whole of YouTube safer: it will age-restrict inappropriate videos masquerading as children's content in the main YouTube app.` - ); - - cy.clickOutside(); - - cy.get('.form-has-errors', { timeout: 10000 }).should('not.exist'); - - cy.get('[data-cy="to-step-2"]').click(); - - cy.get('input[name=image_url]').scrollIntoView().type(newImageUrl); - - cy.get('[data-cy=image-preview-figure] img', { timeout: 30000 }) - .scrollIntoView() - .should('have.attr', 'src', cloudinaryImageUrl); - }); - - it("Should not submit form when linking to an Incident that doesn't exist", () => { - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'FindIncident' && req.body.variables.query.incident_id == 3456456, - 'findIncident', - { data: { incident: null } } - ); - - cy.visit(url); - - const valuesStep1 = { - url: 'https://test.com', - title: 'test title', - authors: 'test author', - date_published: '2021-01-02', - date_downloaded: '2021-01-03', - incident_date: '2022-01-01', - incident_id: '3456456', - }; - - for (const key in valuesStep1) { - cy.get(`[name="${key}"]`).type(valuesStep1[key]); - } - - cy.setEditorText( - 'Sit quo accusantium quia assumenda. Quod delectus similique labore optio quaease' - ); - - cy.get('[name="incident_date"]').should('not.exist'); - - cy.wait('@findIncident'); - - cy.contains('.invalid-feedback', 'Incident ID 3456456 not found!').should('be.visible'); - }); - - it('Should show the editor notes field', () => { - cy.visit(url); - - const valuesStep1 = { - url: 'https://test.com', - title: 'test title', - authors: 'test author', - date_published: '2021-01-02', - date_downloaded: '2021-01-03', - incident_date: '2022-01-01', - }; - - for (const key in valuesStep1) { - cy.get(`[name="${key}"]`).type(valuesStep1[key]); - } - - cy.setEditorText( - 'Sit quo accusantium quia assumenda. Quod delectus similique labore optio quaease' - ); - cy.clickOutside(); - - cy.get('.form-has-errors', { timeout: 10000 }).should('not.exist'); - - cy.get('[data-cy="to-step-2"]').click(); - - const valuesStep2 = { - submitters: 'test submitter', - image_url: 'https://test.com/image.jpg', - }; - - for (const key in valuesStep2) { - cy.get(`[name="${key}"]`).type(valuesStep2[key]); - } - - cy.get('[data-cy="to-step-3"]').click(); - - const valuesStep3 = { - editor_notes: 'Here are some notes', - }; - - for (const key in valuesStep3) { - cy.get(`[name="${key}"]`).type(valuesStep3[key]); - } - - cy.get('[name="editor_notes"').should('exist'); - }); - - it('Should show a popover', () => { - cy.visit(url); - - cy.get('[data-cy="label-title"]').trigger('mouseover'); - - cy.get('[data-cy="popover-title"]').should('be.visible'); - - cy.get('[data-cy="popover-title"]').contains('h5', 'Headline').should('exist'); - - cy.get('[data-cy="popover-title"]').contains('div', 'Most works have a title').should('exist'); - }); - - it('Should show a translated popover', () => { - cy.visit(`/es/apps/submit/`); - - cy.get('[data-cy="label-title"]').trigger('mouseover'); - - cy.get('[data-cy="popover-title"]').should('be.visible'); - - cy.get('[data-cy="popover-title"]').contains('h5', 'Título').should('exist'); - - cy.get('[data-cy="popover-title"]') - .contains('div', 'La mayoría de los trabajos tienen un') - .should('exist'); - }); - - it('Should work with translated page', () => { - cy.visit(`/es/apps/submit/`); - - cy.intercept('GET', parserURL, parseNews).as('parseNews'); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'InsertSubmission', - 'insertSubmission', - { - data: { - insertOneSubmission: { __typename: 'Submission', _id: '6272f2218933c7a9b512e13b' }, - }, - } - ); - - cy.get('input[name="url"]').type( - `https://www.arstechnica.com/gadgets/2017/11/youtube-to-crack-down-on-inappropriate-content-masked-as-kids-cartoons/` - ); - - cy.get('[data-cy="fetch-info"]').click(); - - cy.wait('@parseNews'); - - cy.get('input[name="authors"]').type('Something'); - - cy.setEditorText( - 'Sit quo accusantium quia assumenda. Quod delectus similique labore optio quaease' - ); - - cy.get('[name="incident_date"]').type('2020-01-01'); - cy.clickOutside(); - - cy.get('.form-has-errors', { timeout: 10000 }).should('not.exist'); - - cy.get('[data-cy="to-step-2"]').click(); - - cy.get('input[name="submitters"]').type('Something'); - - cy.get('[data-cy="to-step-3"]').click(); - - cy.get('[name="editor_notes"').type('Here are some notes'); - - cy.get('button[type="submit"]').click(); - - cy.wait('@insertSubmission'); - - cy.get('div[class^="ToastContext"]') - .contains('Informe agregado exitosamente a la cola de revisión.') - .should('exist'); - }); - - it('Should submit on step 1', () => { - cy.visit(url); - - cy.intercept('GET', parserURL, parseNews).as('parseNews'); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'InsertSubmission', - 'insertSubmission', - { - data: { - insertOneSubmission: { __typename: 'Submission', _id: '6272f2218933c7a9b512e13b' }, - }, - } - ); - - cy.get('input[name="url"]').type( - `https://www.arstechnica.com/gadgets/2017/11/youtube-to-crack-down-on-inappropriate-content-masked-as-kids-cartoons/` - ); - - cy.get('[data-cy="fetch-info"]').click(); - - cy.wait('@parseNews'); - - cy.get('input[name="authors"]').type('Something'); - - cy.setEditorText( - 'Sit quo accusantium quia assumenda. Quod delectus similique labore optio quaease' - ); - - cy.get('[name="incident_date"]').type('2020-01-01'); - - cy.get('[data-cy="submit-step-1"]').click(); - - cy.get('div[class^="ToastContext"]') - .contains('Report successfully added to review queue. You can see your submission') - .should('exist'); - }); - - it('Should submit on step 2', () => { - cy.visit(url); - - cy.intercept('GET', parserURL, parseNews).as('parseNews'); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'InsertSubmission', - 'insertSubmission', - { - data: { - insertOneSubmission: { __typename: 'Submission', _id: '6272f2218933c7a9b512e13b' }, - }, - } - ); - - cy.get('input[name="url"]').type( - `https://www.arstechnica.com/gadgets/2017/11/youtube-to-crack-down-on-inappropriate-content-masked-as-kids-cartoons/` - ); - - cy.get('[data-cy="fetch-info"]').click(); - - cy.wait('@parseNews'); - - cy.get('input[name="authors"]').type('Something'); - - cy.setEditorText( - 'Sit quo accusantium quia assumenda. Quod delectus similique labore optio quaease' - ); - - cy.get('[name="incident_date"]').type('2020-01-01'); - - cy.clickOutside(); - - cy.get('.form-has-errors', { timeout: 10000 }).should('not.exist'); - - cy.get('[data-cy="to-step-2"]').click(); - - cy.get('input[name="submitters"]').type('Something'); - - cy.get('[data-cy="submit-step-2"]').click(); - - cy.get('div[class^="ToastContext"]') - .contains('Report successfully added to review queue. You can see your submission') - .should('exist'); - }); - - it('Should display an error message if data is missing', () => { - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'FindIncident' && req.body.variables.query.incident_id == 3456456, - 'findIncident', - { data: { incident: null } } - ); - - cy.visit(url); - - cy.contains('button', 'Submit').click(); - - cy.contains('Please review. Some data is missing.').should('exist'); - }); - - it.skip('Should submit a new report response', () => { - const values = { - url: 'https://test.com', - title: 'test title', - authors: 'test author', - submitters: 'test submitter', - incident_date: '2022-01-01', - date_published: '2021-01-02', - date_downloaded: '2021-01-03', - image_url: 'https://test.com/image.jpg', - incident_id: '1', - text: '## Sit quo accusantium \n\n quia **assumenda**. Quod delectus similique labore optio quaease', - tags: 'response', - editor_notes: 'Here are some notes', - }; - - const params = new URLSearchParams(values); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'InsertSubmission', - 'insertSubmission', - { - data: { - insertOneSubmission: { __typename: 'Submission', _id: '6272f2218933c7a9b512e13b' }, - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'FindIncident' && req.body.variables.query.incident_id == 1, - 'findIncident', - { - data: { - incident: { - __typename: 'Incident', - incident_id: 1, - title: 'Test title', - date: '2022-01-01', - }, - }, - } - ); - - cy.visit(url + `?${params.toString()}`); - - cy.get('[data-cy="submit-form-title"]').contains('New Incident Response').should('exist'); - - cy.get('.form-has-errors', { timeout: 10000 }).should('not.exist'); - - cy.waitForStableDOM(); - - cy.get('[data-cy="to-step-2"]').click(); - - cy.waitForStableDOM(); - - cy.get('[data-cy="to-step-3"]').click(); - - cy.wait('@findIncident'); - - cy.get('button[type="submit"]').scrollIntoView().click(); - - cy.waitForStableDOM(); - - cy.wait('@insertSubmission').then((xhr) => { - expect(xhr.request.body.variables.submission).to.deep.nested.include({ - ...values, - incident_id: '1', - authors: [values.authors], - submitters: [values.submitters], - tags: [values.tags], - plain_text: - 'Sit quo accusantium\n\nquia assumenda. Quod delectus similique labore optio quaease\n', - source_domain: `test.com`, - cloudinary_id: `reports/test.com/image.jpg`, - editor_notes: 'Here are some notes', - }); - }); - }); - - it('Should show related reports based on author', () => { - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'InsertSubmission', - 'insertSubmission', - { - data: { - insertOneSubmission: { __typename: 'Submission', _id: '6272f2218933c7a9b512e13b' }, - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'ProbablyRelatedIncidents', - 'ProbablyRelatedIncidents', - probablyRelatedIncidents - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'ProbablyRelatedReports', - 'ProbablyRelatedReports', - probablyRelatedReports - ); - - cy.visit(url); - - const values = { - url: 'https://test.com', - title: 'test title', - authors: 'BBC News', - incident_date: '2022-01-01', - date_published: '2021-01-02', - date_downloaded: '2021-01-03', - }; - - for (const key in values) { - cy.get(`[name="${key}"]`).type(values[key]); - } - - cy.setEditorText( - 'Sit quo accusantium quia assumenda. Quod delectus similique labore optio quaease' - ); - - cy.clickOutside(); - - cy.waitForStableDOM(); - - cy.get('[data-cy="related-byAuthors"] [data-cy="result"]') - .should('be.visible') - .eq(0) - .then(($el) => { - cy.wrap($el).find('[data-cy="unspecified"]').eq(0).should('be.visible').click(); - }); - - cy.get('[data-cy="related-byAuthors"] [data-cy="result"]') - .should('be.visible') - .eq(1) - .then(($el) => { - cy.wrap($el).find('[data-cy="dissimilar"]').eq(0).should('be.visible').click(); - }); - - cy.get('[data-cy="related-byAuthors"] [data-cy="result"]') - .should('be.visible') - .eq(2) - .then(($el) => { - cy.wrap($el).find('[data-cy="similar"]').eq(0).should('be.visible').click(); - }); - - cy.get('button[data-cy="submit-step-1"]').scrollIntoView().click(); - - cy.wait('@insertSubmission', { timeout: 10000 }).then((xhr) => { - expect(xhr.request.body.variables.submission).to.deep.nested.include({ - ...values, - authors: [values.authors], - plain_text: - 'Sit quo accusantium quia assumenda. Quod delectus similique labore optio quaease\n', - source_domain: `test.com`, - editor_dissimilar_incidents: [2], - editor_similar_incidents: [3], - }); - }); - }); - - it('Should *not* show related reports based on author', () => { - cy.visit(url); - - const valuesStep1 = { - authors: 'test author', - }; - - for (const key in valuesStep1) { - cy.get(`[name="${key}"]`).type(valuesStep1[key]); - } - - cy.clickOutside(); - - cy.get('[data-cy="related-byAuthors"] ') - .should('be.visible') - .should('contain', 'No related reports found.'); - }); - - it('Should hide incident_date, description, deployers, developers & harmed_parties if incident_id', () => { - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'InsertSubmission', - 'insertSubmission', - { - data: { - insertOneSubmission: { __typename: 'Submission', _id: '6272f2218933c7a9b512e13b' }, - }, - } - ); - - cy.visit(url); - - const valuesStep1 = { - url: 'https://test.com', - title: 'test title', - authors: 'test author', - date_published: '2021-01-02', - date_downloaded: '2021-01-03', - incident_date: '2022-01-01', - incident_id: '1', - }; - - for (const key in valuesStep1) { - cy.get(`[name="${key}"]`).type(valuesStep1[key]); - } - - cy.setEditorText( - 'Sit quo accusantium quia assumenda. Quod delectus similique labore optio quaease' - ); - cy.clickOutside(); - - cy.get('.form-has-errors', { timeout: 10000 }).should('not.exist'); - - cy.get('input[name="incident_date"]').should('not.exist'); - - cy.get('[data-cy="to-step-2"]').click(); - - const valuesStep2 = { - submitters: 'test submitter', - image_url: 'https://test.com/image.jpg', - }; - - for (const key in valuesStep2) { - cy.get(`[name="${key}"]`).type(valuesStep2[key]); - } - - cy.get('[data-cy="to-step-3"]').click(); - - const valuesStep3 = { - editor_notes: 'Here are some notes', - }; - - for (const key in valuesStep3) { - cy.get(`[name="${key}"]`).type(valuesStep3[key]); - } - - cy.get('input[name="description"]').should('not.exist'); - cy.get('input[name="deployers"]').should('not.exist'); - cy.get('input[name="developers"]').should('not.exist'); - cy.get('input[name="harmed_parties"]').should('not.exist'); - - cy.get('button[type="submit"]').click(); - - cy.wait('@insertSubmission').then((xhr) => { - expect(xhr.request.body.variables.submission).to.deep.nested.include({ - ...valuesStep1, - ...valuesStep2, - ...valuesStep3, - incident_id: 1, - authors: [valuesStep1.authors], - submitters: [valuesStep2.submitters], - tags: [], - plain_text: - 'Sit quo accusantium quia assumenda. Quod delectus similique labore optio quaease\n', - source_domain: `test.com`, - cloudinary_id: `reports/test.com/image.jpg`, - editor_notes: 'Here are some notes', - }); - }); - - cy.get('div[class^="ToastContext"]') - .contains('Report successfully added to review queue') - .should('be.visible'); - - cy.get('div[class^="ToastContext"] a').should('have.attr', 'href', '/apps/submitted/'); - - cy.contains('Please review. Some data is missing.').should('not.exist'); - }); }); diff --git a/site/gatsby-site/cypress/e2e/integration/submitter.cy.js b/site/gatsby-site/cypress/e2e/integration/submitter.cy.js index a4157f7c65..260e6b7032 100644 --- a/site/gatsby-site/cypress/e2e/integration/submitter.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/submitter.cy.js @@ -1,25 +1,2 @@ describe('Submitter Selection', () => { - let url = '/'; - - it('Should select the first submitter if there is one and load the discover page with a pre-selected submitter in the URL', () => { - cy.visit(url); - - cy.contains('Incident Report Submission Leaderboards').scrollIntoView(); - - cy.get('[data-cy="leaderboard-item"] a').its('length').should('be.gt', 1); - - cy.get('[data-cy="leaderboard-item"] a').first().click(); - - cy.url().should('include', 'submitters='); - }); - - it('Should have the submitter pre-selected on the dropdown', () => { - url = '/apps/discover?submitters=Anonymous'; - - cy.visit(url); - - cy.contains('Submitters').find('span.badge').first().click(); - - cy.get('.shadow-lg.card').find('.list-group-item.active').should('contain.text', 'Anonymous'); - }); }); diff --git a/site/gatsby-site/cypress/e2e/integration/subscriptions.cy.js b/site/gatsby-site/cypress/e2e/integration/subscriptions.cy.js index c779bdcffb..f4e4fd10c1 100644 --- a/site/gatsby-site/cypress/e2e/integration/subscriptions.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/subscriptions.cy.js @@ -11,346 +11,4 @@ const entitySubscriptions = subscriptionsData.data.subscriptions .sort((a, b) => a.entityId.name - b.entityId.name); describe('Subscriptions', () => { - const url = '/account'; - - it('Incident Updates: Should display user subscriptions', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindUserSubscriptions', - 'FindUserSubscriptions', - subscriptionsData - ); - - cy.visit(url); - - cy.get('[data-cy="incident-subscription-item"]').should( - 'have.length', - incidentSubscriptions.length - ); - - incidentSubscriptions.forEach((subscription, index) => { - const incident = subscription.incident_id; - - cy.get('[data-cy="incident-subscription-item"] > div') - .eq(index) - .contains(`Updates on incident #${incident.incident_id}: ${incident.title}`); - }); - }); - - it("Incident Updates: Should display a information message if the user does't have subscriptions", () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindUserSubscriptions', - 'FindUserSubscriptions', - emptySubscriptionsData - ); - - cy.visit(url); - - cy.get('[data-cy="incident-subscription-item"]').should('not.exist'); - - cy.contains("You don't have active subscriptions to Incident updates").should('exist'); - }); - - it('Incident Updates: Delete a user subscription', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindUserSubscriptions', - 'FindUserSubscriptions', - subscriptionsData - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'DeleteSubscriptions' && - req.body.variables.query._id == incidentSubscriptions[0]._id, - 'DeleteSubscription', - { - data: { - deleteManySubscriptions: { - __typename: 'DeleteManyPayload', - deletedCount: 1, - }, - }, - } - ); - - cy.visit(url); - - cy.get('[data-cy="incident-delete-btn"]').first().click(); - - cy.wait('@DeleteSubscription'); - - cy.get('[data-cy="incident-subscription-item"]').should( - 'have.length', - incidentSubscriptions.length - 1 - ); - }); - - it('Incident Updates: Delete the last subscription', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindUserSubscriptions', - 'FindUserSubscriptions', - { - data: { - subscriptions: [incidentSubscriptions[0]], - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'DeleteSubscriptions' && - req.body.variables.query._id == incidentSubscriptions[0]._id, - 'DeleteSubscription', - { - data: { - deleteManySubscriptions: { - __typename: 'DeleteManyPayload', - deletedCount: 1, - }, - }, - } - ); - - cy.visit(url); - - cy.get('[data-cy="incident-delete-btn"]').first().click(); - - cy.wait('@DeleteSubscription'); - - cy.get('[data-cy="incident-subscription-item"]').should('not.exist'); - - cy.contains("You don't have active subscriptions to Incident updates").should('exist'); - }); - - it("New Incidents: Should display the switch toggle off if user does't have a subscription", () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindUserSubscriptions', - 'FindUserSubscriptions', - emptySubscriptionsData - ); - - cy.visit(url); - - cy.get('input[name=subscribe-all]').should('not.exist'); - - cy.get('button[role=switch][aria-checked=false]').should('exist'); - }); - - it('New Incidents: Should display the switch toggle on if user have a subscription', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindUserSubscriptions', - 'FindUserSubscriptions', - subscriptionsData - ); - - cy.visit(url); - - cy.get('input[name=subscribe-all]').should('be.checked'); - - cy.get('button[role=switch][aria-checked=true]').should('exist'); - }); - - // mocking userId does not work - it('New Incidents: Subscribe/Unsubscribe', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindUserSubscriptions', - 'FindUserSubscriptions', - emptySubscriptionsData - ); - - cy.visit(url); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'UpsertSubscription', - 'UpsertSubscription', - { - data: { - upsertOneSubscription: { - _id: 'dummyIncidentId', - }, - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'DeleteSubscriptions' && - req.body.variables.query.type == SUBSCRIPTION_TYPE.newIncidents, - 'DeleteSubscription', - { - data: { - deleteManySubscriptions: { - __typename: 'DeleteManyPayload', - deletedCount: 1, - }, - }, - } - ); - - cy.wait(1000); // Wait for subscriptions - - // Subscribe to new Incidents - cy.get('button[role=switch]').scrollIntoView().click(); - - cy.wait('@UpsertSubscription'); - - cy.get('input[name=subscribe-all]').should('be.checked'); - - cy.get('button[role=switch][aria-checked=true]').should('exist'); - - // Unsubscribe to new Incidents - cy.get('button[role=switch]').scrollIntoView().click(); - - cy.wait('@DeleteSubscription'); - - cy.get('input[name=subscribe-all]').should('not.exist'); - - cy.get('button[role=switch][aria-checked=false]').should('exist'); - }); - - it('Entity: Should display user subscriptions', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindUserSubscriptions', - 'FindUserSubscriptions', - subscriptionsData - ); - - cy.visit(url); - - cy.get('[data-cy="entity-subscription-item"]').should( - 'have.length', - entitySubscriptions.length - ); - - entitySubscriptions.forEach((subscription, index) => { - const entity = subscription.entityId; - - cy.get('[data-cy="entity-subscription-item"] > div') - .eq(index) - .contains(`New ${entity.name} Entity incidents`); - }); - }); - - it("Entity: Should display a information message if the user does't have subscriptions", () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindUserSubscriptions', - 'FindUserSubscriptions', - emptySubscriptionsData - ); - - cy.visit(url); - - cy.get('[data-cy="entity-subscription-item"]').should('not.exist'); - - cy.contains("You don't have active subscriptions to Entities").should('exist'); - }); - - it('Entity: Delete a user subscription', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindUserSubscriptions', - 'FindUserSubscriptions', - subscriptionsData - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'DeleteSubscriptions' && - req.body.variables.query._id == entitySubscriptions[0]._id, - 'DeleteSubscription', - { - data: { - deleteManySubscriptions: { - __typename: 'DeleteManyPayload', - deletedCount: 1, - }, - }, - } - ); - - cy.visit(url); - - cy.get('[data-cy="entity-delete-btn"]').first().click(); - - cy.wait('@DeleteSubscription'); - - cy.get('[data-cy="entity-subscription-item"]').should( - 'have.length', - entitySubscriptions.length - 1 - ); - }); - - it('Entity: Delete the last subscription', () => { - cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); - - cy.conditionalIntercept( - '**/graphql', - (req) => req.body.operationName == 'FindUserSubscriptions', - 'FindUserSubscriptions', - { - data: { - subscriptions: [entitySubscriptions[0]], - }, - } - ); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'DeleteSubscriptions' && - req.body.variables.query._id == entitySubscriptions[0]._id, - 'DeleteSubscription', - { - data: { - deleteManySubscriptions: { - __typename: 'DeleteManyPayload', - deletedCount: 1, - }, - }, - } - ); - - cy.visit(url); - - cy.get('[data-cy="entity-delete-btn"]').first().click(); - - cy.wait('@DeleteSubscription'); - - cy.get('[data-cy="entity-subscription-item"]').should('not.exist'); - - cy.contains("You don't have active subscriptions to Entities").should('exist'); - }); }); diff --git a/site/gatsby-site/cypress/e2e/integration/summaries/flagged.cy.js b/site/gatsby-site/cypress/e2e/integration/summaries/flagged.cy.js index aaf9e11359..e24d23d50a 100644 --- a/site/gatsby-site/cypress/e2e/integration/summaries/flagged.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/summaries/flagged.cy.js @@ -1,7 +1,2 @@ describe('Incidents Summary', () => { - const url = '/summaries/flagged'; - - it('Successfully loads', () => { - cy.visit(url); - }); }); diff --git a/site/gatsby-site/cypress/e2e/integration/summaries/incidents.cy.js b/site/gatsby-site/cypress/e2e/integration/summaries/incidents.cy.js index 50526b169d..a5cf76cd6b 100644 --- a/site/gatsby-site/cypress/e2e/integration/summaries/incidents.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/summaries/incidents.cy.js @@ -1,27 +1,4 @@ const { gql } = require('@apollo/client'); describe('Incidents Summary', () => { - const url = '/summaries/incidents'; - - it('Successfully loads', () => { - cy.visit(url); - }); - - it('Displays the correct number of incidents ', () => { - cy.visit(url); - - cy.query({ - query: gql` - { - incidents(limit: 9999) { - incident_id - } - } - `, - }).then(({ data: { incidents } }) => { - cy.get('[data-cy*="incident"]').should('have.length', incidents.length).and('be.visible'); - - // could use some more toughly testing here - }); - }); }); diff --git a/site/gatsby-site/cypress/e2e/integration/taxonomy/cset.cy.js b/site/gatsby-site/cypress/e2e/integration/taxonomy/cset.cy.js index e27db1f446..2781c7bfd1 100644 --- a/site/gatsby-site/cypress/e2e/integration/taxonomy/cset.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/taxonomy/cset.cy.js @@ -1,50 +1,4 @@ const { gql } = require('@apollo/client'); describe('The CSET taxonomy page', () => { - const url = '/taxonomy/cset'; - - it('successfully loads', () => { - cy.visit(url); - }); - - it('Should render CSET fields list and Searchable status', () => { - cy.visit(url); - - cy.query({ - query: gql` - { - taxa(query: { namespace_in: ["CSET"] }) { - namespace - field_list { - long_name - short_name - instant_facet - public - } - } - } - `, - }) - .then( - ({ - data: { - taxa: { field_list }, - }, - }) => { - return field_list.filter( - (entry) => (entry.public === null || entry.public) && entry.short_name !== 'Publish' - ); - } - ) - .then((field_list) => { - cy.get('[data-cy*="field-"]').should('have.length', field_list.length); - - field_list.forEach((field) => { - cy.contains('h5', field.long_name) - .should('exist') - .contains('span', 'Searchable in Discover App') - .should(field.instant_facet ? 'exist' : 'not.exist'); - }); - }); - }); }); diff --git a/site/gatsby-site/cypress/e2e/integration/translationBadge.cy.js b/site/gatsby-site/cypress/e2e/integration/translationBadge.cy.js index 11036d43d5..87789b72f2 100644 --- a/site/gatsby-site/cypress/e2e/integration/translationBadge.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/translationBadge.cy.js @@ -1,39 +1,2 @@ describe('Translation Badges', () => { - it('Should be visible on blog post', () => { - cy.visit('/es/blog/using-ai-to-connect-ai-incidents'); - - cy.contains('[data-cy="translation-badge"]', 'Traducido por IA').should('be.visible'); - - cy.contains('a', 'Ver Original') - .should('be.visible') - .should('have.attr', 'href') - .and('eq', '/blog/using-ai-to-connect-ai-incidents/'); - }); - - it('Should be visible on the discover app', () => { - cy.visit('/es/apps/discover?display=details&incident_id=1&page=1&source_domain=today.com'); - - cy.get('[data-cy="5d34b8c29ced494f010ed45c"]') - .contains('[data-cy="translation-badge"]', 'Traducido por IA') - .should('be.visible'); - }); - - it('Should be visible on an incident card on the citation page', () => { - cy.visit('/es/cite/1#r1'); - - cy.get('#r1') - .contains('[data-cy="translation-badge"]', 'Traducido por IA') - .should('be.visible'); - }); - - it('Should be visible on documentation pages', () => { - cy.visit('/es/about_apps'); - - cy.contains('[data-cy="translation-badge"]', 'Traducido por IA').should('be.visible'); - - cy.contains('a', 'Ver Original') - .should('be.visible') - .should('have.attr', 'href') - .and('eq', '/about_apps/'); - }); }); diff --git a/site/gatsby-site/cypress/e2e/integration/tsneVisualization.cy.js b/site/gatsby-site/cypress/e2e/integration/tsneVisualization.cy.js index 951f2b1976..15ee82fdba 100644 --- a/site/gatsby-site/cypress/e2e/integration/tsneVisualization.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/tsneVisualization.cy.js @@ -12,57 +12,4 @@ const styleObject = (styleString) => { }; describe('TSNE Visualization', () => { - const url = '/summaries/spatial'; - - it.skip('Should render the TSNE visualization', () => { - cy.visit(url); - cy.get('[data-cy="tsne-visualization"] [data-cy="tsne-plotpoint"]').should('exist'); - }); - - it.skip('Should highlight source incident when one exists', () => { - cy.visit(url + '?incident=1'); - cy.get('[data-cy="tsne-visualization"] [data-cy="tsne-plotpoint"].current') - .should('exist') - .should('be.visible'); - }); - - it.skip('Should show an incident card on hover', () => { - cy.visit(url); - cy.get('[data-cy="tsne-visualization"] #spatial-incident-1').trigger('mouseover'); - cy.get('[data-cy="tsne-visualization"] #spatial-incident-1 + [data-cy="incident-card"]').should( - 'be.visible' - ); - }); - - it.skip('Incident card should show title', () => { - cy.visit(url); - cy.get('[data-cy="tsne-visualization"] #spatial-incident-1').trigger('mouseover'); - cy.get( - '[data-cy="tsne-visualization"] #spatial-incident-1 + [data-cy="incident-card"] [data-cy="title"]' - ).should('be.visible'); - }); - - it.skip('Should change the plotpoint color when the axis selection changes', () => { - cy.visit(url); - - let initialBackground; - - cy.get('[data-cy="tsne-visualization"] #spatial-incident-1[data-cy-background]') - .should('have.attr', 'style') - .as('initialStyle'); - - cy.get('@initialStyle').should((s) => { - initialBackground = styleObject(s).background; - }); - - cy.get('[data-cy="color-axis-select"]').select('Harm Distribution Basis'); - - cy.get('[data-cy="tsne-visualization"] #spatial-incident-1') - .should('have.attr', 'style') - .as('newStyle'); - - cy.get('@newStyle').should((newStyle) => { - expect(styleObject(newStyle).background).to.not.eq(initialBackground); - }); - }); }); diff --git a/site/gatsby-site/cypress/e2e/integration/unsubscribe.cy.js b/site/gatsby-site/cypress/e2e/integration/unsubscribe.cy.js index 17b435229a..58c85359da 100644 --- a/site/gatsby-site/cypress/e2e/integration/unsubscribe.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/unsubscribe.cy.js @@ -1,146 +1,4 @@ const { SUBSCRIPTION_TYPE } = require('../../../src/utils/subscriptions'); describe('Unsubscribe pages', () => { - const userId = '6304204e580ff154aefea0c6'; - - const incidentId = 10; - - const url = `/unsubscribe`; - - it('Successfully loads', () => { - cy.visit(url); - - cy.contains('Invalid parameters').should('exist'); - }); - - it('Should display an Invalid Params message if userId param is not present', () => { - cy.visit(`${url}?type=incident`); - - cy.contains('Invalid parameters').should('exist'); - }); - - it('Should display an Invalid Params message if type param is not present', () => { - cy.visit(`${url}?userId=${userId}`); - - cy.contains('Invalid parameters').should('exist'); - }); - - it('Should display an Invalid Params message if type param incident but incidentId is not present', () => { - cy.visit(`${url}?type=incident&userId=${userId}`); - - cy.contains('Invalid parameters').should('exist'); - }); - - it('Should not display an Invalid Params message if "all" subscription params are OK', () => { - cy.visit(`${url}?type=all&userId=${userId}`); - - cy.contains('Invalid parameters').should('not.exist'); - }); - - it('Should not display an Invalid Params message if "incident" subscription params are OK', () => { - cy.visit(`${url}?type=incident&userId=${userId}&incidentId=${incidentId}`); - - cy.contains('Invalid parameters').should('not.exist'); - }); - - it('Should not display an Invalid Params message if "new-incidents" subscription params are OK', () => { - cy.visit(`${url}?type=${SUBSCRIPTION_TYPE.newIncidents}&userId=${userId}`); - - cy.contains('Invalid parameters').should('not.exist'); - }); - - it('Should unsubscribe from all subscriptions', () => { - cy.visit(`${url}?type=all&userId=${userId}`); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'DeleteSubscriptions' && - req.body.variables.query.userId.userId == userId && - !req.body.variables.query.incident_id, - 'DeleteSubscriptions', - { - data: { - deleteManySubscriptions: { - __typename: 'DeleteManyPayload', - deletedCount: 0, - }, - }, - } - ); - - cy.contains('Confirm').click(); - - cy.wait('@DeleteSubscriptions'); - - cy.contains('You have successfully unsubscribed.').should('exist'); - - cy.contains('Continue').click(); - - cy.location('pathname', { timeout: 8000 }).should('eq', '/'); - }); - - it('Should unsubscribe from an incident subscription', () => { - cy.visit(`${url}?type=${SUBSCRIPTION_TYPE.incident}&userId=${userId}&incidentId=${incidentId}`); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'DeleteSubscriptions' && - req.body.variables.query.type == SUBSCRIPTION_TYPE.incident && - req.body.variables.query.userId.userId == userId && - req.body.variables.query.incident_id.incident_id == `${incidentId}`, - 'DeleteSubscriptions', - { - data: { - deleteManySubscriptions: { - __typename: 'DeleteManyPayload', - deletedCount: 0, - }, - }, - } - ); - - cy.contains('Confirm').click(); - - cy.wait('@DeleteSubscriptions'); - - cy.contains('You have successfully unsubscribed.').should('exist'); - - cy.contains('Continue').click(); - - cy.location('pathname', { timeout: 8000 }).should('eq', '/'); - }); - - it('Should unsubscribe from new incidents subscription', () => { - cy.visit(`${url}?type=${SUBSCRIPTION_TYPE.newIncidents}&userId=${userId}`); - - cy.conditionalIntercept( - '**/graphql', - (req) => - req.body.operationName == 'DeleteSubscriptions' && - req.body.variables.query.type == SUBSCRIPTION_TYPE.newIncidents && - req.body.variables.query.userId.userId == userId && - !req.body.variables.query.incident_id, - 'DeleteSubscriptions', - { - data: { - deleteManySubscriptions: { - __typename: 'DeleteManyPayload', - deletedCount: 0, - }, - }, - } - ); - - cy.contains('Confirm').click(); - - cy.wait('@DeleteSubscriptions'); - - cy.contains('You have successfully unsubscribed.').should('exist'); - - cy.contains('Continue').click(); - - cy.location('pathname', { timeout: 8000 }).should('eq', '/'); - }); }); diff --git a/site/gatsby-site/cypress/e2e/integration/wordcounts.cy.js b/site/gatsby-site/cypress/e2e/integration/wordcounts.cy.js index 84a8ec705c..09c2d517fe 100644 --- a/site/gatsby-site/cypress/e2e/integration/wordcounts.cy.js +++ b/site/gatsby-site/cypress/e2e/integration/wordcounts.cy.js @@ -1,53 +1,2 @@ describe('The Word Counts Page', () => { - it('successfully loads', () => { - cy.visit('/summaries/wordcounts'); - }); - - it('word count table should exist', () => { - cy.visit('/summaries/wordcounts'); - cy.get('[data-cy=wordlist-container]').should('exist').and('be.visible'); - - // Check that there are multiple rows - cy.get('[data-cy=wordlist-container] > * > *').its('length').should('be.gt', 1); - }); - - it('word cloud should exist', () => { - cy.visit('/summaries/wordcounts'); - cy.get('[data-cy=wordcloud]').should('exist').and('be.visible'); - - // Check that there are multiple text nodes - cy.get('[data-cy=wordcloud] text').its('length').should('be.gt', 1); - }); - - it('words should have length > 2 and count > 10', () => { - cy.visit('/summaries/wordcounts'); - - // Pull out the words and their counts and then check - // that the minimum word length and occurence count are accurate - const counts = []; - - const words = []; - - cy.get('[data-cy=wordlist-container] > * > *') - .each((row) => { - words.push(row.text().trim()); - - const countText = row.find('span').text().trim(); - - const spanIsNumeric = /\d+/.test(countText); - - let count = 0; - - if (spanIsNumeric) { - count = parseInt(countText); - } - counts.push(count); - }) - .then(() => { - const ascending = (a, b) => a - b; - - expect(words.map((word) => word.length).sort(ascending)[0] > 2).to.be.true; - expect(counts.sort(ascending)[0] > 9).to.be.true; - }); - }); }); diff --git a/site/gatsby-site/cypress/e2e/unit/AlgoliaUpdater.cy.js b/site/gatsby-site/cypress/e2e/unit/AlgoliaUpdater.cy.js index 68b8e30357..6544ffbf47 100644 --- a/site/gatsby-site/cypress/e2e/unit/AlgoliaUpdater.cy.js +++ b/site/gatsby-site/cypress/e2e/unit/AlgoliaUpdater.cy.js @@ -88,280 +88,4 @@ const duplicates = [ ]; describe('Algolia', () => { - it('Should update translations to Algolia', () => { - const translatedReportsEN = [ - { - _id: '61d5ad9f102e6e30fca9065r', - text: 'translated-en-text **report 2**', - plain_text: 'translated-en-text report 2', - title: 'translated-en-title report 2', - report_number: 2, - }, - ]; - - const translatedReportsES = [ - { - _id: '61d5ad9f102e6e30fca90ddf', - text: 'translated-es-text **report 1**', - plain_text: 'translated-es-text report 1', - title: 'translated-es-title report 1', - report_number: 1, - }, - ]; - - const reporter = { log: cy.stub() }; - - const classificationsCollection = { - find: cy.stub().returns({ - toArray: cy.stub().resolves(classifications), - }), - }; - - const reportsENCollection = { - find: cy.stub().returns({ - toArray: cy.stub().resolves(translatedReportsEN), - }), - }; - - const reportsESCollection = { - find: cy.stub().returns({ - toArray: cy.stub().resolves(translatedReportsES), - }), - }; - - const incidentsCollection = { - find: cy.stub().returns({ - toArray: cy.stub().resolves(incidents), - }), - }; - - const projection = { - _id: 1, - authors: 1, - date_downloaded: 1, - date_modified: 1, - date_published: 1, - date_submitted: 1, - description: 1, - epoch_date_downloaded: 1, - epoch_date_modified: 1, - epoch_date_published: 1, - epoch_date_submitted: 1, - image_url: 1, - language: 1, - report_number: 1, - source_domain: 1, - submitters: 1, - title: 1, - url: 1, - plain_text: 1, - editor_notes: 1, - cloudinary_id: 1, - is_incident_report: 1, - flag: 1, - }; - - const reportsCollection = { - find: cy - .stub() - .withArgs({}, { projection }) - .returns({ - toArray: cy.stub().resolves(reports), - }), - }; - - const duplicatesCollection = { - find: cy.stub().returns({ - toArray: cy.stub().resolves(duplicates), - }), - }; - - const mongoClient = { - connect: cy.stub(), - close: cy.stub(), - db: cy.stub().returns({ - collection: (() => { - const stub = cy.stub(); - - stub.withArgs('reports').returns(reportsCollection); - stub.withArgs('classifications').returns(classificationsCollection); - stub.withArgs('incidents').returns(incidentsCollection); - stub.withArgs('reports_en').returns(reportsENCollection); - stub.withArgs('reports_es').returns(reportsESCollection); - stub.withArgs('duplicates').returns(duplicatesCollection); - - return stub; - })(), - }), - }; - - const esIndex = { - replaceAllObjects: cy.stub().resolves({ objectIDs: ['1', '2'] }), - setSettings: cy.stub().resolves({}), - deleteBy: cy.stub().resolves({}), - }; - - const esIndexReplica = { - setSettings: cy.stub().resolves({}), - }; - - const enIndex = { - replaceAllObjects: cy.stub().resolves({ objectIDs: ['1', '2'] }), - setSettings: cy.stub().resolves({}), - deleteBy: cy.stub().resolves({}), - }; - - const enIndexReplica = { - setSettings: cy.stub().resolves({}), - }; - - const algoliaClient = { - initIndex: (() => { - const stub = cy.stub(); - - stub.withArgs('instant_search-es').returns(esIndex); - stub.withArgs('instant_search-en').returns(enIndex); - - stub.withArgs('instant_search-es-featured').returns(esIndexReplica); - stub.withArgs('instant_search-en-featured').returns(enIndexReplica); - - return stub; - })(), - }; - - const updater = new AlgoliaUpdater({ - mongoClient, - algoliaClient, - languages: [{ code: 'es' }, { code: 'en' }], - reporter, - }); - - cy.wrap(updater.run()).then(() => { - expect(mongoClient.connect.callCount).to.eq(4); - - expect(enIndex.replaceAllObjects.getCall(0).args[0].length).eq(2); - - expect(enIndex.replaceAllObjects.getCall(0).args[0][0]).to.deep.nested.include({ - authors: ['Alistair Barr'], - description: 'Description of report 1', - epoch_date_downloaded: 1555113600, - epoch_date_modified: 1592092800, - epoch_date_published: 1431993600, - epoch_date_submitted: 1559347200, - image_url: 'http://url.com', - language: 'en', - report_number: 1, - source_domain: 'blogs.wsj.com', - submitters: ['Roman Yampolskiy'], - tags: [], - text: 'Report 1 text', - title: 'Report 1 title', - url: 'https://url.com/stuff', - objectID: '1', - mongodb_id: '60dd465f80935bc89e6f9b01', - incident_id: 1, - epoch_incident_date: 1592092800, - incident_date: '2020-06-14', - classifications: [ - 'CSET:Named Entities:Amazon', - 'CSET:Harm Type:Harm to physical health/safety', - 'CSET:Harm Type:Harm to physical property', - ], - }); - - expect(enIndex.replaceAllObjects.getCall(0).args[0][1]).to.deep.nested.include({ - authors: ['Alistair Barr'], - description: 'Description of report 2', - epoch_date_downloaded: 1555113600, - epoch_date_modified: 1592092800, - epoch_date_published: 1431993600, - epoch_date_submitted: 1559347200, - image_url: 'http://url.com', - language: 'es', - report_number: 2, - source_domain: 'blogs.wsj.com', - submitters: ['Roman Yampolskiy'], - tags: [], - text: 'translated-en-text report 2', - title: 'translated-en-title report 2', - url: 'https://url.com/stuff', - objectID: '2', - mongodb_id: '60dd465f80935bc89e6f9b02', - incident_id: 1, - incident_date: '2020-06-14', - epoch_incident_date: 1592092800, - classifications: [ - 'CSET:Named Entities:Amazon', - 'CSET:Harm Type:Harm to physical health/safety', - 'CSET:Harm Type:Harm to physical property', - ], - }); - - expect(esIndex.replaceAllObjects.getCall(0).args[0][0]).to.deep.nested.include({ - authors: ['Alistair Barr'], - description: 'Description of report 1', - epoch_date_downloaded: 1555113600, - epoch_date_modified: 1592092800, - epoch_date_published: 1431993600, - epoch_date_submitted: 1559347200, - image_url: 'http://url.com', - language: 'en', - report_number: 1, - source_domain: 'blogs.wsj.com', - submitters: ['Roman Yampolskiy'], - tags: [], - text: 'translated-es-text report 1', - title: 'translated-es-title report 1', - url: 'https://url.com/stuff', - objectID: '1', - mongodb_id: '60dd465f80935bc89e6f9b01', - incident_id: 1, - incident_date: '2020-06-14', - epoch_incident_date: 1592092800, - classifications: [ - 'CSET:Named Entities:Amazon', - 'CSET:Harm Type:Harm to physical health/safety', - 'CSET:Harm Type:Harm to physical property', - ], - }); - - expect(esIndex.replaceAllObjects.getCall(0).args[0][1]).to.deep.nested.include({ - authors: ['Alistair Barr'], - description: 'Description of report 2', - epoch_date_downloaded: 1555113600, - epoch_date_modified: 1592092800, - epoch_date_published: 1431993600, - epoch_date_submitted: 1559347200, - image_url: 'http://url.com', - language: 'es', - report_number: 2, - source_domain: 'blogs.wsj.com', - submitters: ['Roman Yampolskiy'], - tags: [], - text: 'Report 2 text', - title: 'Report 2 title', - url: 'https://url.com/stuff', - objectID: '2', - mongodb_id: '60dd465f80935bc89e6f9b02', - incident_id: 1, - incident_date: '2020-06-14', - epoch_incident_date: 1592092800, - classifications: [ - 'CSET:Named Entities:Amazon', - 'CSET:Harm Type:Harm to physical health/safety', - 'CSET:Harm Type:Harm to physical property', - ], - }); - - expect(enIndex.deleteBy.getCall(0).args[0]).deep.eq({ - filters: 'incident_id = 247', - }); - - expect(esIndex.deleteBy.getCall(0).args[0]).deep.eq({ - filters: 'incident_id = 247', - }); - - expect(mongoClient.close.callCount).to.eq(4); - }); - }); }); diff --git a/site/gatsby-site/cypress/e2e/unit/Translator.cy.js b/site/gatsby-site/cypress/e2e/unit/Translator.cy.js index a1f07b2a2b..2beca1ab2e 100644 --- a/site/gatsby-site/cypress/e2e/unit/Translator.cy.js +++ b/site/gatsby-site/cypress/e2e/unit/Translator.cy.js @@ -52,173 +52,4 @@ const reports = [ ]; describe('Translations', () => { - it('Should translate languages only if report language differs from target language', () => { - const translatedReportsEN = [ - { - _id: '61d5ad9f102e6e30fca90ddf', - text: 'translated-en-text report 1', - title: 'translated-en-title report 1', - report_number: 1, - }, - ]; - - const translatedReportsES = [ - { - _id: '61d5ad9f102e6e30fca90ddf', - text: 'translated-es-text report 2', - title: 'translated-es-title report 2', - report_number: 2, - }, - ]; - - const reporter = { log: cy.stub() }; - - const reportsCollection = { - find: cy.stub().returns({ - toArray: cy.stub().resolves(reports), - }), - }; - - const reportsENCollection = { - find: cy.stub().returns({ - toArray: cy.stub().resolves(translatedReportsEN), - }), - insertMany: cy.stub().log(true).resolves({ insertedCount: 1 }), - }; - - const reportsESCollection = { - find: cy.stub().returns({ - toArray: cy.stub().resolves(translatedReportsES), - }), - insertMany: cy.stub().resolves({ insertedCount: 1 }), - }; - - const mongoClient = { - connect: cy.stub(), - close: cy.stub(), - db: cy.stub().returns({ - collection: (() => { - const stub = cy.stub(); - - stub.withArgs('reports').returns(reportsCollection); - stub.withArgs('reports_en').returns(reportsENCollection); - stub.withArgs('reports_es').returns(reportsESCollection); - - return stub; - })(), - }), - }; - - const translateClient = { - translate: cy.stub().callsFake((payload, { to }) => [payload.map((p) => `test-${to}-${p}`)]), - }; - - const translator = new Translator({ - mongoClient, - translateClient, - languages: [{ code: 'es' }, { code: 'en' }], - reporter, - dryRun: false, - }); - - cy.wrap(translator.run()).then(() => { - expect(mongoClient.connect.callCount).to.eq(1); - - expect(reportsENCollection.insertMany.callCount).to.eq(1); - - expect(reportsENCollection.insertMany.firstCall.args[0][0]).to.deep.equal({ - report_number: 2, - text: 'test-en-Report 2 **text**', - title: 'test-en-Report 2 title', - plain_text: 'test-en-Report 2 text\n', - }); - - expect(reportsESCollection.insertMany.callCount).to.eq(1); - - expect(reportsESCollection.insertMany.firstCall.args[0][0]).to.deep.equal({ - report_number: 1, - text: 'test-es-Report 1 **text**', - title: 'test-es-Report 1 title', - plain_text: 'test-es-Report 1 text\n', - }); - - expect(mongoClient.close.callCount).to.eq(1); - }); - }); - - it("Shouldn't call Google's translate api if dryRun is true", () => { - const translatedReportsEN = [ - { - _id: '61d5ad9f102e6e30fca90ddf', - text: 'translated-en-text report 1', - title: 'translated-en-title report 1', - report_number: 1, - }, - ]; - - const translatedReportsES = [ - { - _id: '61d5ad9f102e6e30fca90ddf', - text: 'translated-es-text report 2', - title: 'translated-es-title report 2', - report_number: 2, - }, - ]; - - const reporter = { log: cy.stub() }; - - const reportsCollection = { - find: cy.stub().returns({ - toArray: cy.stub().resolves(reports), - }), - }; - - const reportsENCollection = { - find: cy.stub().returns({ - toArray: cy.stub().resolves(translatedReportsEN), - }), - insertMany: cy.stub().resolves({ insertedCount: 1 }), - }; - - const reportsESCollection = { - find: cy.stub().returns({ - toArray: cy.stub().resolves(translatedReportsES), - }), - insertMany: cy.stub().resolves({ insertedCount: 1 }), - }; - - const mongoClient = { - connect: cy.stub(), - close: cy.stub(), - db: cy.stub().returns({ - collection: (() => { - const stub = cy.stub(); - - stub.withArgs('reports').returns(reportsCollection); - stub.withArgs('reports_en').returns(reportsENCollection); - stub.withArgs('reports_es').returns(reportsESCollection); - - return stub; - })(), - }), - }; - - const translateClient = { - translate: cy - .stub() - .callsFake((payload, { to }) => [payload.map((p) => `translated-${to}-${p}`)]), - }; - - const translator = new Translator({ - mongoClient, - translateClient, - languages: [{ code: 'es' }, { code: 'en' }], - reporter, - dryRun: true, - }); - - cy.wrap(translator.run()).then(() => { - expect(translateClient.translate.callCount).to.eq(0); - }); - }); }); diff --git a/site/gatsby-site/cypress/e2e/unit/functions/linkReportsToIncidents.cy.js b/site/gatsby-site/cypress/e2e/unit/functions/linkReportsToIncidents.cy.js index c5e7a8e4fd..d2c2fe495e 100644 --- a/site/gatsby-site/cypress/e2e/unit/functions/linkReportsToIncidents.cy.js +++ b/site/gatsby-site/cypress/e2e/unit/functions/linkReportsToIncidents.cy.js @@ -59,211 +59,4 @@ const report_3 = { }; describe('Functions', () => { - it('Should link a new report to two incidents', () => { - const incidentsCollection = { - find: cy - .stub() - .onFirstCall() - .returns({ - toArray: cy.stub().resolves([]), - }) - .onSecondCall() - .returns({ - toArray: cy.stub().resolves([incident_1, incident_2]), - }) - .onThirdCall() - .returns({ - toArray: cy.stub().resolves([]), - }), - updateMany: cy.stub().resolves({}), - updateOne: cy.stub().resolves({}), - }; - - const reportsCollection = { - find: cy - .stub() - .onFirstCall() - .returns({ - toArray: cy.stub().resolves([report_1, report_2]), - }) - .onSecondCall() - .returns({ - toArray: cy.stub().resolves([report_3]), - }), - updateOne: cy.stub().resolves(), - updateMany: cy.stub().resolves({}), - }; - - global.context = { - // @ts-ignore - services: { - get: cy.stub().returns({ - db: cy.stub().returns({ - collection: (() => { - const stub = cy.stub(); - - stub.withArgs('incidents').returns(incidentsCollection); - stub.withArgs('reports').returns(reportsCollection); - - return stub; - })(), - }), - }), - }, - functions: { - execute: cy.stub(), - }, - }; - - global.BSON = { Int32: (x) => x }; - - cy.wrap(linkReportsToIncidents({ incident_ids: [1, 2], report_numbers: [3] })).then(() => { - expect(incidentsCollection.find.firstCall.args[0]).to.deep.equal({ - reports: { $in: [3] }, - }); - - expect(incidentsCollection.updateMany.firstCall.args[0]).to.deep.equal({ - reports: { $in: [3] }, - }); - expect(incidentsCollection.updateMany.firstCall.args[1]).to.deep.equal({ - $pull: { reports: { $in: [3] } }, - }); - - expect(incidentsCollection.updateMany.secondCall.args[0]).to.deep.equal({ - incident_id: { $in: [1, 2] }, - }); - expect(incidentsCollection.updateMany.secondCall.args[1]).to.deep.equal({ - $addToSet: { reports: { $each: [3] } }, - }); - - expect(incidentsCollection.find.secondCall.args[0]).to.deep.equal({ - reports: { $in: [3] }, - }); - - expect(reportsCollection.find.firstCall.args[0]).to.deep.equal({ - report_number: { $in: [1, 2] }, - }); - - expect(incidentsCollection.updateOne.firstCall.args[0]).to.deep.equal({ - incident_id: 1, - }); - expect(incidentsCollection.updateOne.firstCall.args[1]).to.deep.equal({ - $set: { - embedding: { - vector: [3.5, 4.5, 5.5], - from_reports: [1, 2], - }, - }, - }); - - expect(incidentsCollection.updateOne.secondCall.args[0]).to.deep.equal({ - incident_id: 2, - }); - expect(incidentsCollection.updateOne.secondCall.args[1]).to.deep.equal({ - $set: { - embedding: { - vector: [10], - from_reports: [3], - }, - }, - }); - - expect(reportsCollection.updateMany.firstCall.args[0]).to.deep.equal({ - report_number: { $in: [3] }, - text_inputs: { $in: [null, ''] }, - text_outputs: { $in: [null, ''] }, - }); - expect(reportsCollection.updateMany.firstCall.args[1]).to.deep.equal({ - $set: { is_incident_report: true }, - }); - }); - }); - - it('Should unlink a report from an incident and set it to issue', () => { - const incidentsCollection = { - find: cy - .stub() - .onFirstCall() - .returns({ - toArray: cy.stub().resolves([incident_2]), - }) - .onSecondCall() - .returns({ - toArray: cy.stub().resolves([]), - }) - .onThirdCall() - .returns({ - toArray: cy.stub().resolves([]), - }), - updateMany: cy.stub().resolves({}), - updateOne: cy.stub().resolves({}), - }; - - const reportsCollection = { - find: cy - .stub() - .onFirstCall() - .returns({ - toArray: cy.stub().resolves([]), - }), - updateOne: cy.stub().resolves(), - updateMany: cy.stub().resolves({}), - }; - - global.context = { - // @ts-ignore - services: { - get: cy.stub().returns({ - db: cy.stub().returns({ - collection: (() => { - const stub = cy.stub(); - - stub.withArgs('incidents').returns(incidentsCollection); - stub.withArgs('reports').returns(reportsCollection); - - return stub; - })(), - }), - }), - }, - functions: { - execute: cy.stub(), - }, - }; - - chai.config.truncateThreshold = 0; - - global.BSON = { Int32: (x) => x }; - - cy.wrap(linkReportsToIncidents({ incident_ids: [], report_numbers: [3] })).then(() => { - expect(incidentsCollection.find.firstCall.args[0]).to.deep.equal({ - reports: { $in: [3] }, - }); - - expect(incidentsCollection.updateMany.firstCall.args[0]).to.deep.equal({ - reports: { $in: [3] }, - }); - expect(incidentsCollection.updateMany.firstCall.args[1]).to.deep.equal({ - $pull: { reports: { $in: [3] } }, - }); - - expect(reportsCollection.find.firstCall.args[0]).to.deep.equal({ - report_number: { $in: [] }, - }); - - expect(incidentsCollection.updateOne.firstCall.args[0]).to.deep.equal({ incident_id: 2 }); - expect(incidentsCollection.updateOne.firstCall.args[1]).to.deep.equal({ - $unset: { embedding: '' }, - }); - - expect(reportsCollection.updateMany.firstCall.args[0]).to.deep.equal({ - report_number: { $in: [3] }, - text_inputs: { $in: [null, ''] }, - text_outputs: { $in: [null, ''] }, - }); - expect(reportsCollection.updateMany.firstCall.args[1]).to.deep.equal({ - $set: { is_incident_report: false }, - }); - }); - }); }); diff --git a/site/gatsby-site/cypress/e2e/unit/functions/onIncidentUpdate.cy.js b/site/gatsby-site/cypress/e2e/unit/functions/onIncidentUpdate.cy.js index cc00acaf5c..793d6bc213 100644 --- a/site/gatsby-site/cypress/e2e/unit/functions/onIncidentUpdate.cy.js +++ b/site/gatsby-site/cypress/e2e/unit/functions/onIncidentUpdate.cy.js @@ -152,172 +152,4 @@ const stubEverything = (isVariant = false) => { }; describe('Functions', () => { - it('Incident Updated - Should insert a pending notification to process in the next build', () => { - const { notificationsCollection, subscriptionsCollection } = stubEverything(); - - cy.wrap(onIncidentUpdate({ updateDescription, fullDocument, fullDocumentBeforeChange })).then( - () => { - expect(subscriptionsCollection.find.getCall(0).args[0]).to.deep.equal({ - type: SUBSCRIPTION_TYPE.incident, - incident_id: fullDocument.incident_id, - }); - - const notification = { - type: 'incident-updated', - incident_id: 1, - processed: false, - }; - - expect(notificationsCollection.updateOne.getCall(0).args).to.deep.equal([ - notification, // filter - notification, // new document - { upsert: true }, - ]); - } - ); - }); - - it('New Incident Report - Should insert a pending notification to process in the next build', () => { - const { notificationsCollection, subscriptionsCollection } = stubEverything(); - - cy.wrap( - onIncidentUpdate({ - updateDescription: updateDescriptionWithReports, - fullDocument, - fullDocumentBeforeChange, - }) - ).then(() => { - expect(subscriptionsCollection.find.getCall(0).args[0]).to.deep.equal({ - type: SUBSCRIPTION_TYPE.incident, - incident_id: fullDocument.incident_id, - }); - - const notification = { - type: 'new-report-incident', - incident_id: 1, - report_number: 3, - processed: false, - }; - - expect(notificationsCollection.updateOne.getCall(0).args).to.deep.equal([ - notification, // filter - notification, // new document - { upsert: true }, - ]); - }); - }); - - it('Entity - Should insert a pending notification to process in the next build', () => { - const { notificationsCollection, subscriptionsCollection } = stubEverything(); - - cy.wrap( - onIncidentUpdate({ - updateDescription: updateDescriptionWithEntities, - fullDocument, - fullDocumentBeforeChange, - }) - ).then(() => { - expect(subscriptionsCollection.find.callCount).to.be.equal(4); - - expect(subscriptionsCollection.find.getCall(0).args[0]).to.deep.equal({ - type: SUBSCRIPTION_TYPE.incident, - incident_id: fullDocument.incident_id, - }); - - expect(subscriptionsCollection.find.getCall(1).args[0]).to.deep.equal({ - type: SUBSCRIPTION_TYPE.entity, - entityId: 'google', - }); - - expect(notificationsCollection.updateOne.callCount).to.be.equal(3); - - const notification = { - type: SUBSCRIPTION_TYPE.entity, - incident_id: 1, - entity_id: 'google', - isUpdate: true, - processed: false, - }; - - expect(notificationsCollection.updateOne.getCall(1).args).to.deep.equal([ - notification, // filter - notification, // new document - { upsert: true }, - ]); - - notification.entity_id = 'facebook'; - - expect(notificationsCollection.updateOne.getCall(2).args).to.deep.equal([ - notification, // filter - notification, // new document - { upsert: true }, - ]); - }); - }); - - it(`Shouldn't insert a pending notification if there are no active subscribers`, () => { - const notificationsCollection = { - updateOne: cy.stub().as('notifications.updateOne'), - }; - - const subscriptionsCollection = { - find: cy.stub().returns({ - toArray: cy.stub().as('subscriptions.find.toArray').resolves([]), - }), - }; - - global.context = { - // @ts-ignore - services: { - get: cy.stub().returns({ - db: cy.stub().returns({ - collection: (() => { - const stub = cy.stub(); - - stub.withArgs('notifications').returns(notificationsCollection); - stub.withArgs('subscriptions').returns(subscriptionsCollection); - - return stub; - })(), - }), - }), - }, - }; - - global.BSON = { Int32: (x) => x }; - - cy.wrap( - onIncidentUpdate({ - updateDescription: updateDescriptionWithEntities, - fullDocument, - fullDocumentBeforeChange, - }) - ).then(() => { - expect(subscriptionsCollection.find.firstCall.args[0]).to.deep.equal({ - type: SUBSCRIPTION_TYPE.incident, - incident_id: 1, - }); - - expect(notificationsCollection.updateOne.callCount).to.be.equal(0); - }); - }); - - it(`New Variant - Shouldn't insert a pending notification if a New Variant is added`, () => { - const { notificationsCollection, subscriptionsCollection } = stubEverything(true); - - cy.wrap( - onIncidentUpdate({ - updateDescription: updateDescriptionWithReports, - fullDocument, - fullDocumentBeforeChange, - }) - ).then(() => { - expect(subscriptionsCollection.find.firstCall.args[0]).to.deep.equal({ - type: SUBSCRIPTION_TYPE.incident, - incident_id: 1, - }); - - expect(notificationsCollection.updateOne.callCount).to.be.equal(0); - }); - }); }); diff --git a/site/gatsby-site/cypress/e2e/unit/functions/onNewIncident.cy.js b/site/gatsby-site/cypress/e2e/unit/functions/onNewIncident.cy.js index 96a6c27626..4ac8b25bb1 100644 --- a/site/gatsby-site/cypress/e2e/unit/functions/onNewIncident.cy.js +++ b/site/gatsby-site/cypress/e2e/unit/functions/onNewIncident.cy.js @@ -50,160 +50,4 @@ const fullDocument = { }; describe('Functions', () => { - it('New Incidents - Should insert a pending notification to process in the next build', () => { - const notificationsCollection = { - insertOne: cy.stub(), - }; - - const subscriptionsCollection = { - find: cy.stub().returns({ - toArray: cy.stub().resolves(subscriptionsToNewIncidents), - }), - }; - - global.context = { - // @ts-ignore - services: { - get: cy.stub().returns({ - db: cy.stub().returns({ - collection: (() => { - const stub = cy.stub(); - - stub.withArgs('notifications').returns(notificationsCollection); - stub.withArgs('subscriptions').returns(subscriptionsCollection); - - return stub; - })(), - }), - }), - }, - }; - - global.BSON = { Int32: (x) => x }; - - cy.wrap(onNewIncident({ fullDocument })).then(() => { - expect(subscriptionsCollection.find.firstCall.args[0]).to.deep.equal({ - type: SUBSCRIPTION_TYPE.newIncidents, - }); - - expect(notificationsCollection.insertOne.firstCall.args[0]).to.deep.equal({ - type: SUBSCRIPTION_TYPE.newIncidents, - incident_id: fullDocument.incident_id, - processed: false, - }); - }); - }); - - it('Entity - Should insert a pending notification to process in the next build', () => { - const notificationsCollection = { - insertOne: cy.stub(), - }; - - const subscriptionsCollection = { - find: cy.stub().returns({ - toArray: cy.stub().resolves(subscriptionsToNewEntityIncidents), - }), - }; - - global.context = { - // @ts-ignore - services: { - get: cy.stub().returns({ - db: cy.stub().returns({ - collection: (() => { - const stub = cy.stub(); - - stub.withArgs('notifications').returns(notificationsCollection); - stub.withArgs('subscriptions').returns(subscriptionsCollection); - - return stub; - })(), - }), - }), - }, - }; - - global.BSON = { Int32: (x) => x }; - - cy.wrap(onNewIncident({ fullDocument })).then(() => { - expect(subscriptionsCollection.find.firstCall.args[0]).to.deep.equal({ - type: SUBSCRIPTION_TYPE.newIncidents, - }); - - expect(notificationsCollection.insertOne.getCall(1).args[0]).to.deep.equal({ - type: SUBSCRIPTION_TYPE.entity, - incident_id: fullDocument.incident_id, - entity_id: 'google', - processed: false, - }); - - expect(notificationsCollection.insertOne.getCall(2).args[0]).to.deep.equal({ - type: SUBSCRIPTION_TYPE.entity, - incident_id: fullDocument.incident_id, - entity_id: 'facebook', - processed: false, - }); - }); - }); - - it(`Shouldn't insert a pending notification if there are no active subscribers`, () => { - const notificationsCollection = { - insertOne: cy.stub(), - }; - - const subscriptionsCollection = { - find: cy.stub().returns({ - toArray: cy.stub().resolves([]), - }), - }; - - global.context = { - // @ts-ignore - services: { - get: cy.stub().returns({ - db: cy.stub().returns({ - collection: (() => { - const stub = cy.stub(); - - stub.withArgs('notifications').returns(notificationsCollection); - stub.withArgs('subscriptions').returns(subscriptionsCollection); - - return stub; - })(), - }), - }), - }, - }; - - global.BSON = { Int32: (x) => x }; - - cy.wrap(onNewIncident({ fullDocument })).then(() => { - expect(subscriptionsCollection.find.firstCall.args[0]).to.deep.equal({ - type: SUBSCRIPTION_TYPE.newIncidents, - }); - - expect(notificationsCollection.insertOne).not.to.be.calledOnceWith({ - type: SUBSCRIPTION_TYPE.newIncidents, - incident_id: fullDocument.incident_id, - processed: false, - }); - - expect(subscriptionsCollection.find.getCall(1).args[0]).to.deep.equal({ - type: SUBSCRIPTION_TYPE.entity, - entityId: 'google', - }); - - expect(subscriptionsCollection.find.getCall(2).args[0]).to.deep.equal({ - type: SUBSCRIPTION_TYPE.entity, - entityId: 'facebook', - }); - - expect(notificationsCollection.insertOne).not.to.be.calledOnceWith({ - type: SUBSCRIPTION_TYPE.entity, - incident_id: fullDocument.incident_id, - entity_id: 'google', - processed: false, - }); - }); - }); }); diff --git a/site/gatsby-site/cypress/e2e/unit/functions/processNotifications.cy.js b/site/gatsby-site/cypress/e2e/unit/functions/processNotifications.cy.js index dbd6f84674..69d3798663 100644 --- a/site/gatsby-site/cypress/e2e/unit/functions/processNotifications.cy.js +++ b/site/gatsby-site/cypress/e2e/unit/functions/processNotifications.cy.js @@ -340,396 +340,4 @@ const stubEverything = () => { }; describe('Functions', () => { - it('New Incidents - Should send pending notifications', () => { - const { notificationsCollection, subscriptionsCollection, incidentsCollection } = - stubEverything(); - - cy.wrap(processNotifications()).then((result) => { - expect(result, 'Notifications processed count').to.be.equal(6); - - expect(notificationsCollection.find.firstCall.args[0]).to.deep.equal({ - processed: false, - type: SUBSCRIPTION_TYPE.newIncidents, - }); - - expect(subscriptionsCollection.find.firstCall.args[0]).to.deep.equal({ - type: SUBSCRIPTION_TYPE.newIncidents, - }); - - for (const subscription of subscriptionsToNewIncidents) { - expect(global.context.functions.execute).to.be.calledWith('getUser', { - userId: subscription.userId, - }); - } - - for (let i = 0; i < pendingNotificationsToNewIncidents.length; i++) { - const pendingNotification = pendingNotificationsToNewIncidents[i]; - - expect(incidentsCollection.findOne.getCall(i).args[0]).to.deep.equal({ - incident_id: pendingNotification.incident_id, - }); - - const userIds = subscriptionsToNewIncidents.map((subscription) => subscription.userId); - - const incident = incidents.find((i) => i.incident_id == pendingNotification.incident_id); - - const sendEmailParams = { - recipients: recipients.filter((r) => userIds.includes(r.userId)), - subject: 'New Incident {{incidentId}} was created', - dynamicData: { - incidentId: `${incident.incident_id}`, - incidentTitle: incident.title, - incidentUrl: `https://incidentdatabase.ai/cite/${pendingNotification.incident_id}`, - incidentDescription: incident.description, - incidentDate: incident.date, - developers: buildEntityList(entities, incident['Alleged developer of AI system']), - deployers: buildEntityList(entities, incident['Alleged deployer of AI system']), - entitiesHarmed: buildEntityList( - entities, - incident['Alleged harmed or nearly harmed parties'] - ), - }, - templateId: 'NewIncident', // Template value from function name sufix from "site/realm/functions/config.json" - }; - - expect(global.context.functions.execute).to.be.calledWith('sendEmail', sendEmailParams); - - expect(notificationsCollection.updateOne.getCall(i).args[0]).to.deep.equal({ - _id: pendingNotification._id, - }); - - expect(notificationsCollection.updateOne.getCall(i).args[1].$set.processed).to.be.equal( - true - ); - expect(notificationsCollection.updateOne.getCall(i).args[1].$set).to.have.ownProperty( - 'sentDate' - ); - } - }); - }); - - it('Entity - Should send pending notifications', () => { - const { - notificationsCollection, - subscriptionsCollection, - incidentsCollection, - entitiesCollection, - } = stubEverything(); - - cy.wrap(processNotifications()).then((result) => { - expect(result, 'Notifications processed count').to.be.equal(6); - - expect(notificationsCollection.find.secondCall.args[0]).to.deep.equal({ - processed: false, - type: SUBSCRIPTION_TYPE.entity, - }); - - expect(entitiesCollection.find.firstCall.args[0]).to.deep.equal({}); - - for (let i = 0; i < pendingNotificationsToNewEntityIncidents.length; i++) { - const pendingNotification = pendingNotificationsToNewEntityIncidents[i]; - - expect(subscriptionsCollection.find.getCall(i + 1).args[0]).to.deep.equal({ - type: SUBSCRIPTION_TYPE.entity, - entityId: pendingNotification.entity_id, - }); - - for (const subscription of subscriptionsToNewEntityIncidents) { - expect(global.context.functions.execute).to.be.calledWith('getUser', { - userId: subscription.userId, - }); - } - - expect( - incidentsCollection.findOne.getCall(pendingNotificationsToNewIncidents.length + i).args[0] - ).to.deep.equal({ - incident_id: pendingNotification.incident_id, - }); - - const userIds = subscriptionsToNewEntityIncidents.map( - (subscription) => subscription.userId - ); - - const incident = incidents.find((i) => i.incident_id == pendingNotification.incident_id); - - const entity = entities.find( - (entity) => entity.entity_id === pendingNotification.entity_id - ); - - const isIncidentUpdate = pendingNotification.isUpdate; - - const sendEmailParams = { - recipients: recipients.filter((r) => userIds.includes(r.userId)), - subject: isIncidentUpdate - ? 'Update Incident for {{entityName}}' - : 'New Incident for {{entityName}}', - dynamicData: { - incidentId: `${incident.incident_id}`, - incidentTitle: incident.title, - incidentUrl: `https://incidentdatabase.ai/cite/${incident.incident_id}`, - incidentDescription: incident.description, - incidentDate: incident.date, - entityName: entity.name, - entityUrl: `https://incidentdatabase.ai/entities/${entity.entity_id}`, - developers: buildEntityList(entities, incident['Alleged developer of AI system']), - deployers: buildEntityList(entities, incident['Alleged deployer of AI system']), - entitiesHarmed: buildEntityList( - entities, - incident['Alleged harmed or nearly harmed parties'] - ), - }, - // Template value from function name sufix from "site/realm/functions/config.json" - templateId: isIncidentUpdate ? 'EntityIncidentUpdated' : 'NewEntityIncident', - }; - - expect(global.context.functions.execute).to.be.calledWith('sendEmail', sendEmailParams); - - expect( - notificationsCollection.updateOne.getCall(pendingNotificationsToNewIncidents.length + i) - .args[0] - ).to.deep.equal({ - _id: pendingNotification._id, - }); - - expect( - notificationsCollection.updateOne.getCall(pendingNotificationsToNewIncidents.length + i) - .args[1].$set.processed - ).to.be.equal(true); - expect( - notificationsCollection.updateOne.getCall(pendingNotificationsToNewIncidents.length + i) - .args[1].$set - ).to.have.ownProperty('sentDate'); - } - }); - }); - - it('Incident Updated - Should send pending notifications', () => { - const { - notificationsCollection, - subscriptionsCollection, - incidentsCollection, - entitiesCollection, - } = stubEverything(); - - cy.wrap(processNotifications()).then((result) => { - expect(result, 'Notifications processed count').to.be.equal(6); - - expect(notificationsCollection.find.secondCall.args[0]).to.deep.equal({ - processed: false, - type: SUBSCRIPTION_TYPE.entity, - }); - - expect(entitiesCollection.find.firstCall.args[0]).to.deep.equal({}); - - for (let i = 0; i < pendingNotificationsToIncidentUpdates.length; i++) { - const pendingNotification = pendingNotificationsToIncidentUpdates[i]; - - expect(subscriptionsCollection.find.getCall(i + 3).args[0]).to.deep.equal({ - type: SUBSCRIPTION_TYPE.incident, - incident_id: pendingNotification.incident_id, - }); - - for (const subscription of subscriptionsToIncidentUpdates) { - expect(global.context.functions.execute).to.be.calledWith('getUser', { - userId: subscription.userId, - }); - } - - expect(incidentsCollection.findOne.getCall(i + 4).args[0]).to.deep.equal({ - incident_id: pendingNotification.incident_id, - }); - - const userIds = subscriptionsToIncidentUpdates.map((subscription) => subscription.userId); - - const incident = incidents.find((i) => i.incident_id == pendingNotification.incident_id); - - const newReportNumber = pendingNotification.report_number; - - const newReport = newReportNumber - ? reports.find((r) => r.report_number == pendingNotification.report_number) - : null; - - const sendEmailParams = { - recipients: recipients.filter((r) => userIds.includes(r.userId)), - subject: 'Incident {{incidentId}} was updated', - dynamicData: { - incidentId: `${incident.incident_id}`, - incidentTitle: incident.title, - incidentUrl: `https://incidentdatabase.ai/cite/${incident.incident_id}`, - reportUrl: `https://incidentdatabase.ai/cite/${incident.incident_id}#r${newReportNumber}`, - reportTitle: newReportNumber ? newReport.title : '', - reportAuthor: newReportNumber && newReport.authors[0] ? newReport.authors[0] : '', - }, - templateId: newReportNumber // Template value from function name sufix from "site/realm/functions/config.json" - ? 'NewReportAddedToAnIncident' - : 'IncidentUpdate', - }; - - expect(global.context.functions.execute).to.be.calledWith('sendEmail', sendEmailParams); - - expect(notificationsCollection.updateOne.getCall(i + 4).args[0]).to.deep.equal({ - _id: pendingNotification._id, - }); - expect(notificationsCollection.updateOne.getCall(i + 4).args[1].$set.processed).to.be.equal( - true - ); - expect(notificationsCollection.updateOne.getCall(i + 4).args[1].$set).to.have.ownProperty( - 'sentDate' - ); - } - }); - }); - - it('Should mark pending notifications as processed if there are no subscribers', () => { - const notificationsCollection = { - find: (() => { - const stub = cy.stub(); - - stub - .withArgs({ processed: false, type: SUBSCRIPTION_TYPE.newIncidents }) - .as(`notifications.find(${SUBSCRIPTION_TYPE.newIncidents})`) - .returns({ toArray: () => pendingNotificationsToNewIncidents }); - - stub - .withArgs({ processed: false, type: SUBSCRIPTION_TYPE.entity }) - .as(`notifications.find(${SUBSCRIPTION_TYPE.entity})`) - .returns({ toArray: () => pendingNotificationsToNewEntityIncidents }); - - stub - .withArgs({ - processed: false, - type: { $in: ['new-report-incident', 'incident-updated'] }, - }) - .as(`notifications.find('new-report-incident', 'incident-updated')`) - .returns({ toArray: () => pendingNotificationsToIncidentUpdates }); - - return stub; - })(), - updateOne: cy.stub().as('notifications.updateOne').resolves(), - }; - - const subscriptionsCollection = { - find: cy - .stub() - .as('subscriptions.find') - .returns({ - toArray: cy.stub().as('toArray').resolves([]), - }), - }; - - const entitiesCollection = { - find: cy - .stub() - .as('entities.find') - .returns({ - toArray: cy.stub().as('toArray').resolves(entities), - }), - }; - - global.context = { - // @ts-ignore - services: { - get: cy.stub().returns({ - db: cy.stub().returns({ - collection: (() => { - const stub = cy.stub(); - - stub.withArgs('notifications').returns(notificationsCollection); - stub.withArgs('subscriptions').returns(subscriptionsCollection); - stub.withArgs('entities').returns(entitiesCollection); - - return stub; - })(), - }), - }), - }, - functions: { - execute: cy.stub().as('functions.execute').resolves(), - }, - }; - - global.BSON = { Int32: (x) => x }; - - cy.wrap(processNotifications()).then((result) => { - expect(result, 'Notifications processed count').to.be.equal(6); - - expect(notificationsCollection.find.getCall(0).args[0]).to.deep.equal({ - processed: false, - type: SUBSCRIPTION_TYPE.newIncidents, - }); - - expect(notificationsCollection.find.getCall(1).args[0]).to.deep.equal({ - processed: false, - type: SUBSCRIPTION_TYPE.entity, - }); - - expect(notificationsCollection.find.getCall(2).args[0]).to.deep.equal({ - processed: false, - type: { $in: ['new-report-incident', 'incident-updated'] }, - }); - - expect(subscriptionsCollection.find.getCall(0).args[0]).to.deep.equal({ - type: SUBSCRIPTION_TYPE.newIncidents, - }); - - expect(global.context.functions.execute).not.to.be.called; - - for (let i = 0; i < pendingNotificationsToNewIncidents.length; i++) { - const pendingNotification = pendingNotificationsToNewIncidents[i]; - - expect(notificationsCollection.updateOne.getCall(i).args[0]).to.deep.equal({ - _id: pendingNotification._id, - }); - expect(notificationsCollection.updateOne.getCall(i).args[1].$set.processed).to.be.equal( - true - ); - expect(notificationsCollection.updateOne.getCall(i).args[1].$set).not.to.have.ownProperty( - 'sentDate' - ); - } - - for (let i = 0; i < pendingNotificationsToNewEntityIncidents.length; i++) { - const pendingNotification = pendingNotificationsToNewEntityIncidents[i]; - - expect(subscriptionsCollection.find.getCall(i + 1).args[0]).to.deep.equal({ - type: SUBSCRIPTION_TYPE.entity, - entityId: pendingNotification.entity_id, - }); - - expect(notificationsCollection.updateOne.getCall(i + 2).args[0]).to.deep.equal({ - _id: pendingNotification._id, - }); - expect(notificationsCollection.updateOne.getCall(i + 2).args[1].$set.processed).to.be.equal( - true - ); - expect( - notificationsCollection.updateOne.getCall(i + 2).args[1].$set - ).not.to.have.ownProperty('sentDate'); - } - - for (let i = 0; i < pendingNotificationsToIncidentUpdates.length; i++) { - const pendingNotification = pendingNotificationsToIncidentUpdates[i]; - - expect(subscriptionsCollection.find.getCall(i + 3).args[0]).to.deep.equal({ - type: SUBSCRIPTION_TYPE.incident, - incident_id: pendingNotification.incident_id, - }); - - expect(notificationsCollection.updateOne.getCall(i + 4).args[0]).to.deep.equal({ - _id: pendingNotification._id, - }); - expect(notificationsCollection.updateOne.getCall(i + 4).args[1].$set.processed).to.be.equal( - true - ); - expect( - notificationsCollection.updateOne.getCall(i + 4).args[1].$set - ).not.to.have.ownProperty('sentDate'); - } - - expect( - notificationsCollection.updateOne.getCalls().length, - 'Notifications marked as processed count' - ).to.be.equal(6); - }); - }); }); diff --git a/site/gatsby-site/cypress/e2e/unit/functions/promoteSubmissionToReport.cy.js b/site/gatsby-site/cypress/e2e/unit/functions/promoteSubmissionToReport.cy.js index 4a1b088d75..8058f55396 100644 --- a/site/gatsby-site/cypress/e2e/unit/functions/promoteSubmissionToReport.cy.js +++ b/site/gatsby-site/cypress/e2e/unit/functions/promoteSubmissionToReport.cy.js @@ -49,308 +49,4 @@ const incident = { }; describe('Functions', () => { - it('Should promote a submission to a new report & new incident', () => { - const submissionsCollection = { - findOne: cy.stub().resolves(submission), - deleteOne: cy.stub(), - }; - - const incidentsCollection = { - find: cy - .stub() - .onFirstCall() - .returns({ - toArray: cy.stub().resolves([]), - }) - .onSecondCall() - .returns({ - sort: cy.stub().returns({ - limit: cy.stub().returns({ - next: cy.stub().resolves(incident), - }), - }), - }), - insertOne: cy.stub().resolves(), - }; - - const reportsCollection = { - find: cy.stub().returns({ - sort: cy.stub().returns({ - limit: cy.stub().returns({ - next: cy.stub().resolves({ report_number: 1 }), - }), - }), - }), - insertOne: cy.stub().resolves(), - }; - - global.context = { - // @ts-ignore - services: { - get: cy.stub().returns({ - db: cy.stub().returns({ - collection: (() => { - const stub = cy.stub(); - - stub.withArgs('submissions').returns(submissionsCollection); - stub.withArgs('incidents').returns(incidentsCollection); - stub.withArgs('reports').returns(reportsCollection); - - return stub; - })(), - }), - }), - }, - functions: { - execute: cy.stub(), - }, - }; - - global.BSON = { Int32: (x) => x }; - - cy.wrap( - promoteSubmissionToReport({ is_incident_report: true, incident_ids: [], submission_id: 1 }) - ).then(() => { - expect(incidentsCollection.insertOne.firstCall.args[0]).to.deep.equal({ - 'Alleged deployer of AI system': ['Youtube'], - 'Alleged developer of AI system': ['AI Dev'], - 'Alleged harmed or nearly harmed parties': ['Adults'], - date: '2015-09-01', - description: - 'By NEIL BEDI and KATHLEEN McGRORY\nTimes staff writers\nNov. 19, 2020\nThe Pasco Sheriff’s Office keeps a secret list of kids it thinks could “fall into a life of crime” based on factors like wheth', - editor_dissimilar_incidents: [], - editor_similar_incidents: [], - editors: ['Sean McGregor', 'Khoa Lam'], - incident_id: 2, - nlp_similar_incidents: [], - reports: [], - title: 'Submisssion 1 title', - }); - - expect(reportsCollection.insertOne.firstCall.args[0]).to.deep.nested.include({ - report_number: 2, - is_incident_report: true, - title: 'Submisssion 1 title', - date_downloaded: '2020-10-30', - date_modified: '2021-07-27', - date_published: '2017-05-03', - date_submitted: '2020-10-30', - epoch_date_downloaded: 1604016000, - epoch_date_modified: 1627344000, - epoch_date_published: 1493769600, - epoch_date_submitted: 1604016000, - image_url: 'https://s3.amazonaws.com/ledejs/resized/s2020-pasco-ilp/600/nocco5.jpg', - cloudinary_id: 'something', - authors: ['Nedi Bedi and Kathleen McGrory'], - submitters: ['Kate Perkins'], - text: '## Submission 1 text\n\n_Markdown content!_', - plain_text: 'Submission 1 text\n\nMarkdown content!', - url: 'https://projects.tampabay.com/projects/2020/investigations/police-pasco-sheriff-targeted/school-data/', - source_domain: 'projects.tampabay.com', - language: 'en', - tags: [], - }); - - expect(submissionsCollection.deleteOne).to.be.calledOnceWith({ _id: 1 }); - - expect(global.context.functions.execute).to.be.calledOnceWith('linkReportsToIncidents', { - incident_ids: [2], - report_numbers: [2], - }); - }); - }); - - it('Should promote a submission to a new report & existing incident', () => { - const submissionsCollection = { - findOne: cy.stub().resolves(submission), - deleteOne: cy.stub(), - }; - - const incidentsCollection = { - find: cy - .stub() - .onFirstCall() - .returns({ - toArray: cy.stub().resolves([incident]), - }) - .onSecondCall() - .returns({ - sort: cy.stub().returns({ - limit: cy.stub().returns({ - next: cy.stub().resolves(incident), - }), - }), - }), - insertOne: cy.stub().resolves(), - }; - - const reportsCollection = { - find: cy.stub().returns({ - sort: cy.stub().returns({ - limit: cy.stub().returns({ - next: cy.stub().resolves({ report_number: 1 }), - }), - }), - }), - insertOne: cy.stub().resolves(), - }; - - global.context = { - // @ts-ignore - services: { - get: cy.stub().returns({ - db: cy.stub().returns({ - collection: (() => { - const stub = cy.stub(); - - stub.withArgs('submissions').returns(submissionsCollection); - stub.withArgs('incidents').returns(incidentsCollection); - stub.withArgs('reports').returns(reportsCollection); - - return stub; - })(), - }), - }), - }, - functions: { - execute: cy.stub(), - }, - }; - - global.BSON = { Int32: (x) => x }; - - cy.wrap( - promoteSubmissionToReport({ is_incident_report: true, incident_ids: [1], submission_id: 1 }) - ).then(() => { - expect(incidentsCollection.insertOne.callCount).to.eq(0); - - expect(reportsCollection.insertOne.firstCall.args[0]).to.deep.nested.include({ - report_number: 2, - is_incident_report: true, - title: 'Submisssion 1 title', - date_downloaded: '2020-10-30', - date_modified: '2021-07-27', - date_published: '2017-05-03', - date_submitted: '2020-10-30', - epoch_date_downloaded: 1604016000, - epoch_date_modified: 1627344000, - epoch_date_published: 1493769600, - epoch_date_submitted: 1604016000, - image_url: 'https://s3.amazonaws.com/ledejs/resized/s2020-pasco-ilp/600/nocco5.jpg', - cloudinary_id: 'something', - authors: ['Nedi Bedi and Kathleen McGrory'], - submitters: ['Kate Perkins'], - text: '## Submission 1 text\n\n_Markdown content!_', - plain_text: 'Submission 1 text\n\nMarkdown content!', - url: 'https://projects.tampabay.com/projects/2020/investigations/police-pasco-sheriff-targeted/school-data/', - source_domain: 'projects.tampabay.com', - language: 'en', - tags: [], - }); - - expect(submissionsCollection.deleteOne).to.be.calledOnceWith({ _id: 1 }); - - expect(global.context.functions.execute).to.be.calledOnceWith('linkReportsToIncidents', { - incident_ids: [1], - report_numbers: [2], - }); - }); - }); - - it('Should promote a submission to a new issue', () => { - const submissionsCollection = { - findOne: cy.stub().resolves(submission), - deleteOne: cy.stub(), - }; - - const incidentsCollection = { - find: cy - .stub() - .onFirstCall() - .returns({ - toArray: cy.stub().resolves([]), - }) - .onSecondCall() - .returns({ - sort: cy.stub().returns({ - limit: cy.stub().returns({ - next: cy.stub().resolves(incident), - }), - }), - }), - insertOne: cy.stub().resolves(), - }; - - const reportsCollection = { - find: cy.stub().returns({ - sort: cy.stub().returns({ - limit: cy.stub().returns({ - next: cy.stub().resolves({ report_number: 1 }), - }), - }), - }), - insertOne: cy.stub().resolves(), - }; - - global.context = { - // @ts-ignore - services: { - get: cy.stub().returns({ - db: cy.stub().returns({ - collection: (() => { - const stub = cy.stub(); - - stub.withArgs('submissions').returns(submissionsCollection); - stub.withArgs('incidents').returns(incidentsCollection); - stub.withArgs('reports').returns(reportsCollection); - - return stub; - })(), - }), - }), - }, - functions: { - execute: cy.stub(), - }, - }; - - global.BSON = { Int32: (x) => x }; - - cy.wrap( - promoteSubmissionToReport({ is_incident_report: false, incident_ids: [], submission_id: 1 }) - ).then(() => { - expect(incidentsCollection.insertOne.callCount).to.equal(0); - - expect(reportsCollection.insertOne.firstCall.args[0]).to.deep.nested.include({ - report_number: 2, - is_incident_report: false, - title: 'Submisssion 1 title', - date_downloaded: '2020-10-30', - date_modified: '2021-07-27', - date_published: '2017-05-03', - date_submitted: '2020-10-30', - epoch_date_downloaded: 1604016000, - epoch_date_modified: 1627344000, - epoch_date_published: 1493769600, - epoch_date_submitted: 1604016000, - image_url: 'https://s3.amazonaws.com/ledejs/resized/s2020-pasco-ilp/600/nocco5.jpg', - cloudinary_id: 'something', - authors: ['Nedi Bedi and Kathleen McGrory'], - submitters: ['Kate Perkins'], - text: '## Submission 1 text\n\n_Markdown content!_', - plain_text: 'Submission 1 text\n\nMarkdown content!', - url: 'https://projects.tampabay.com/projects/2020/investigations/police-pasco-sheriff-targeted/school-data/', - source_domain: 'projects.tampabay.com', - language: 'en', - tags: [], - }); - - expect(submissionsCollection.deleteOne).to.be.calledOnceWith({ _id: 1 }); - - expect(global.context.functions.execute).to.be.calledOnceWith('linkReportsToIncidents', { - incident_ids: [], - report_numbers: [2], - }); - }); - }); }); diff --git a/site/gatsby-site/cypress/e2e/unit/pageCreators/createCitationPages.cy.js b/site/gatsby-site/cypress/e2e/unit/pageCreators/createCitationPages.cy.js index 9a0abb8117..6e0915de4b 100644 --- a/site/gatsby-site/cypress/e2e/unit/pageCreators/createCitationPages.cy.js +++ b/site/gatsby-site/cypress/e2e/unit/pageCreators/createCitationPages.cy.js @@ -85,37 +85,4 @@ const languages = [ ]; describe('createCitationPages', () => { - it('Should create cite pages for each avaliable language', () => { - const graphql = cy.stub().resolves(response); - - const createPage = cy.stub(); - - cy.wrap(createCitationPages(graphql, createPage, { languages })).then(() => { - expect(createPage.callCount).to.eq(3); - - cy.wrap(createPage.getCall(0).args[0]).then((page) => { - expect(page.path).contain('/cite/1'); - expect(page.context.locale).eq('en'); - expect(page.context.translate_es).eq(true); - expect(page.context.translate_en).eq(false); - expect(page.context.translate_fr).eq(true); - }); - - cy.wrap(createPage.getCall(1).args[0]).then((page) => { - expect(page.path).contain('/es/cite/1'); - expect(page.context.locale).eq('es'); - expect(page.context.translate_es).eq(true); - expect(page.context.translate_en).eq(false); - expect(page.context.translate_fr).eq(true); - }); - - cy.wrap(createPage.getCall(2).args[0]).then((page) => { - expect(page.path).contain('/fr/cite/1'); - expect(page.context.locale).eq('fr'); - expect(page.context.translate_es).eq(true); - expect(page.context.translate_en).eq(false); - expect(page.context.translate_fr).eq(true); - }); - }); - }); }); diff --git a/site/gatsby-site/cypress/e2e/unit/pageCreators/createEntitiesPages.cy.js b/site/gatsby-site/cypress/e2e/unit/pageCreators/createEntitiesPages.cy.js index 35b219da2a..170db736d8 100644 --- a/site/gatsby-site/cypress/e2e/unit/pageCreators/createEntitiesPages.cy.js +++ b/site/gatsby-site/cypress/e2e/unit/pageCreators/createEntitiesPages.cy.js @@ -91,154 +91,4 @@ const response = { }; describe('createEntitiesPages', () => { - it('Should parse properly', () => { - const graphql = cy.stub().resolves(response); - - const createPage = cy.stub(); - - cy.wrap(createEntitiesPages(graphql, createPage)).then(() => { - expect(createPage.callCount).to.eq(8 + 1); - - cy.wrap(createPage.getCall(0).args[0]).then((page) => { - expect(page.context.id).eq('ai-developer-1'); - expect(page.path).eq('/entities/ai-developer-1'); - expect(page.context.name).eq('AI Developer 1'); - expect(page.context.incidentsAsDeployer).to.deep.eq([]); - expect(page.context.incidentsAsDeveloper).to.deep.eq([2, 4]); - expect(page.context.incidentsAsBoth).to.deep.eq([1]); - expect(page.context.incidentsHarmedBy).to.deep.eq([]); - expect(page.context.relatedEntities).to.deep.eq([ - 'party-1', - 'ai-deployer-1', - 'party-2', - 'ai-deployer-3', - 'ai-developer-2', - 'party-3', - ]); - expect(page.context.responses).to.deep.eq([ - { report_number: 2, incident_id: 1 }, - { report_number: 3, incident_id: 2 }, - ]); - }); - - cy.wrap(createPage.getCall(1).args[0]).then((page) => { - expect(page.context.id).eq('party-1'); - expect(page.path).eq('/entities/party-1'); - expect(page.context.name).eq('Party 1'); - expect(page.context.incidentsAsDeployer).to.deep.eq([]); - expect(page.context.incidentsAsDeveloper).to.deep.eq([]); - expect(page.context.incidentsAsBoth).to.deep.eq([]); - expect(page.context.incidentsHarmedBy).to.deep.eq([1, 2]); - expect(page.context.relatedEntities).to.deep.eq([ - 'ai-developer-1', - 'ai-deployer-1', - 'party-2', - ]); - expect(page.context.responses).to.deep.eq([ - { report_number: 2, incident_id: 1 }, - { report_number: 3, incident_id: 2 }, - ]); - }); - - cy.wrap(createPage.getCall(2).args[0]).then((page) => { - expect(page.context.id).eq('ai-deployer-1'); - expect(page.path).eq('/entities/ai-deployer-1'); - expect(page.context.name).eq('AI Deployer 1'); - expect(page.context.incidentsAsDeployer).to.deep.eq([2]); - expect(page.context.incidentsAsDeveloper).to.deep.eq([]); - expect(page.context.incidentsAsBoth).to.deep.eq([]); - expect(page.context.incidentsHarmedBy).to.deep.eq([]); - expect(page.context.relatedEntities).to.deep.eq(['ai-developer-1', 'party-1', 'party-2']); - expect(page.context.responses).to.deep.eq([{ report_number: 3, incident_id: 2 }]); - }); - - cy.wrap(createPage.getCall(3).args[0]).then((page) => { - expect(page.context.id).eq('party-2'); - expect(page.path).eq('/entities/party-2'); - expect(page.context.name).eq('Party 2'); - expect(page.context.incidentsAsDeployer).to.deep.eq([]); - expect(page.context.incidentsAsDeveloper).to.deep.eq([]); - expect(page.context.incidentsAsBoth).to.deep.eq([]); - expect(page.context.incidentsHarmedBy).to.deep.eq([2, 3]); - expect(page.context.relatedEntities).to.deep.eq([ - 'ai-deployer-1', - 'ai-developer-1', - 'party-1', - 'ai-developer-2', - 'ai-deployer-2', - ]); - expect(page.context.responses).to.deep.eq([ - { report_number: 3, incident_id: 2 }, - { report_number: 5, incident_id: 3 }, - ]); - }); - - cy.wrap(createPage.getCall(4).args[0]).then((page) => { - expect(page.context.id).eq('ai-developer-2'); - expect(page.path).eq('/entities/ai-developer-2'); - expect(page.context.name).eq('AI Developer 2'); - expect(page.context.incidentsAsDeployer).to.deep.eq([]); - expect(page.context.incidentsAsDeveloper).to.deep.eq([4]); - expect(page.context.incidentsAsBoth).to.deep.eq([3]); - expect(page.context.incidentsHarmedBy).to.deep.eq([]); - expect(page.context.relatedEntities).to.deep.eq([ - 'ai-deployer-2', - 'party-2', - 'ai-deployer-3', - 'ai-developer-1', - 'party-3', - ]); - expect(page.context.responses).to.deep.eq([{ report_number: 5, incident_id: 3 }]); - }); - - cy.wrap(createPage.getCall(5).args[0]).then((page) => { - expect(page.context.id).eq('ai-deployer-2'); - expect(page.path).eq('/entities/ai-deployer-2'); - expect(page.context.name).eq('AI Deployer 2'); - expect(page.context.incidentsAsDeployer).to.deep.eq([3]); - expect(page.context.incidentsAsDeveloper).to.deep.eq([]); - expect(page.context.incidentsAsBoth).to.deep.eq([]); - expect(page.context.incidentsHarmedBy).to.deep.eq([]); - expect(page.context.relatedEntities).to.deep.eq(['ai-developer-2', 'party-2']); - expect(page.context.responses).to.deep.eq([{ report_number: 5, incident_id: 3 }]); - }); - - cy.wrap(createPage.getCall(6).args[0]).then((page) => { - expect(page.context.id).eq('ai-deployer-3'); - expect(page.path).eq('/entities/ai-deployer-3'); - expect(page.context.name).eq('AI Deployer 3'); - expect(page.context.incidentsAsDeployer).to.deep.eq([4]); - expect(page.context.incidentsAsDeveloper).to.deep.eq([]); - expect(page.context.incidentsAsBoth).to.deep.eq([]); - expect(page.context.incidentsHarmedBy).to.deep.eq([]); - expect(page.context.relatedEntities).to.deep.eq([ - 'ai-developer-1', - 'ai-developer-2', - 'party-3', - ]); - expect(page.context.responses).to.deep.eq([]); - }); - - cy.wrap(createPage.getCall(7).args[0]).then((page) => { - expect(page.context.id).eq('party-3'); - expect(page.path).eq('/entities/party-3'); - expect(page.context.name).eq('Party 3'); - expect(page.context.incidentsAsDeployer).to.deep.eq([]); - expect(page.context.incidentsAsDeveloper).to.deep.eq([]); - expect(page.context.incidentsAsBoth).to.deep.eq([]); - expect(page.context.incidentsHarmedBy).to.deep.eq([4]); - expect(page.context.relatedEntities).to.deep.eq([ - 'ai-deployer-3', - 'ai-developer-1', - 'ai-developer-2', - ]); - expect(page.context.responses).to.deep.eq([]); - }); - - cy.wrap(createPage.getCall(8).args[0]).then((page) => { - expect(page.path).eq('/entities'); - expect(page.context.entities.length).eq(8); - }); - }); - }); }); diff --git a/site/gatsby-site/cypress/e2e/unit/pageCreators/createReportPages.cy.js b/site/gatsby-site/cypress/e2e/unit/pageCreators/createReportPages.cy.js index 372f30dc7f..48d852d910 100644 --- a/site/gatsby-site/cypress/e2e/unit/pageCreators/createReportPages.cy.js +++ b/site/gatsby-site/cypress/e2e/unit/pageCreators/createReportPages.cy.js @@ -45,85 +45,4 @@ const languages = [ ]; describe('createReportPages', () => { - it('Should parse properly', () => { - const graphql = cy.stub().resolves(response); - - const createPage = cy.stub(); - - cy.wrap(createReportPages(graphql, createPage, { languages })).then(() => { - expect(createPage.callCount).to.eq(6); - - cy.wrap(createPage.getCall(0).args[0]).then((page) => { - expect(page.path).contain('/reports/1'); - expect(page.context.originalPath).eq('/reports/1'); - expect(page.context.locale).eq('en'); - expect(page.context.hrefLang).eq('en-US'); - expect(page.context.report_number).eq(1); - expect(page.context.language).eq('en'); - expect(page.context.translate_es).eq(true); - expect(page.context.translate_en).eq(false); - expect(page.context.translate_fr).eq(true); - }); - - cy.wrap(createPage.getCall(1).args[0]).then((page) => { - expect(page.path).contain('/reports/2'); - expect(page.context.originalPath).eq('/reports/2'); - expect(page.context.locale).eq('en'); - expect(page.context.hrefLang).eq('en-US'); - expect(page.context.report_number).eq(2); - expect(page.context.language).eq('es'); - expect(page.context.translate_es).eq(false); - expect(page.context.translate_en).eq(true); - expect(page.context.translate_fr).eq(true); - }); - - cy.wrap(createPage.getCall(2).args[0]).then((page) => { - expect(page.path).contain('/es/reports/1'); - expect(page.context.originalPath).eq('/es/reports/1'); - expect(page.context.locale).eq('es'); - expect(page.context.hrefLang).eq('es'); - expect(page.context.report_number).eq(1); - expect(page.context.language).eq('en'); - expect(page.context.translate_es).eq(true); - expect(page.context.translate_en).eq(false); - expect(page.context.translate_fr).eq(true); - }); - - cy.wrap(createPage.getCall(3).args[0]).then((page) => { - expect(page.path).contain('/es/reports/2'); - expect(page.context.originalPath).eq('/es/reports/2'); - expect(page.context.locale).eq('es'); - expect(page.context.hrefLang).eq('es'); - expect(page.context.report_number).eq(2); - expect(page.context.language).eq('es'); - expect(page.context.translate_es).eq(false); - expect(page.context.translate_en).eq(true); - expect(page.context.translate_fr).eq(true); - }); - - cy.wrap(createPage.getCall(4).args[0]).then((page) => { - expect(page.path).contain('/fr/reports/1'); - expect(page.context.originalPath).eq('/fr/reports/1'); - expect(page.context.locale).eq('fr'); - expect(page.context.hrefLang).eq('fr'); - expect(page.context.report_number).eq(1); - expect(page.context.language).eq('en'); - expect(page.context.translate_es).eq(true); - expect(page.context.translate_en).eq(false); - expect(page.context.translate_fr).eq(true); - }); - - cy.wrap(createPage.getCall(5).args[0]).then((page) => { - expect(page.path).contain('/fr/reports/2'); - expect(page.context.originalPath).eq('/fr/reports/2'); - expect(page.context.locale).eq('fr'); - expect(page.context.hrefLang).eq('fr'); - expect(page.context.report_number).eq(2); - expect(page.context.language).eq('es'); - expect(page.context.translate_es).eq(false); - expect(page.context.translate_en).eq(true); - expect(page.context.translate_fr).eq(true); - }); - }); - }); }); From 1e3b4b975a5039bf47a3035845ff43c01107cf41 Mon Sep 17 00:00:00 2001 From: Luna McNulty Date: Wed, 1 Feb 2023 18:10:27 -0500 Subject: [PATCH 39/39] Delete tests --- .../cypress/e2e/incidentVariants.cy.js | 428 -------- .../cypress/e2e/integration/account.cy.js | 17 - .../integration/apps/classifications.cy.js | 94 -- .../e2e/integration/apps/incidents.cy.js | 243 ----- .../e2e/integration/apps/newsSearch.cy.js | 79 -- .../e2e/integration/apps/reports.cy.js | 27 - .../e2e/integration/apps/submitted.cy.js | 897 ----------------- .../e2e/integration/apps/variants.cy.js | 503 ---------- .../cypress/e2e/integration/blog.cy.js | 57 -- .../cypress/e2e/integration/cite.cy.js | 436 --------- .../cypress/e2e/integration/citeEdit.cy.js | 917 ------------------ .../e2e/integration/confirmemail.cy.js | 2 - .../cypress/e2e/integration/discover.cy.js | 5 - .../e2e/integration/downloadIndex.cy.js | 42 - .../cypress/e2e/integration/entities.cy.js | 2 - .../cypress/e2e/integration/entity.cy.js | 14 - .../e2e/integration/incidents/edit.cy.js | 8 - .../cypress/e2e/integration/integrity.cy.js | 17 - .../cypress/e2e/integration/landingPage.cy.js | 5 - .../e2e/integration/languageSwitcher.cy.js | 2 - .../cypress/e2e/integration/login.cy.js | 2 - .../cypress/e2e/integration/navigation.cy.js | 2 - .../cypress/e2e/integration/seo.cy.js | 8 - .../cypress/e2e/integration/signup.cy.js | 2 - .../e2e/integration/socialShareButtons.cy.js | 2 - .../cypress/e2e/integration/submit.cy.js | 9 - .../cypress/e2e/integration/submitter.cy.js | 2 - .../e2e/integration/subscriptions.cy.js | 14 - .../e2e/integration/summaries/flagged.cy.js | 2 - .../e2e/integration/summaries/incidents.cy.js | 4 - .../e2e/integration/taxonomy/cset.cy.js | 4 - .../e2e/integration/translationBadge.cy.js | 2 - .../e2e/integration/tsneVisualization.cy.js | 15 - .../cypress/e2e/integration/unsubscribe.cy.js | 4 - .../cypress/e2e/integration/wordcounts.cy.js | 2 - .../cypress/e2e/unit/AlgoliaUpdater.cy.js | 91 -- .../cypress/e2e/unit/Translator.cy.js | 55 -- .../functions/linkReportsToIncidents.cy.js | 62 -- .../e2e/unit/functions/onIncidentUpdate.cy.js | 155 --- .../e2e/unit/functions/onNewIncident.cy.js | 53 - .../unit/functions/processNotifications.cy.js | 343 ------- .../functions/promoteSubmissionToReport.cy.js | 52 - .../pageCreators/createCitationPages.cy.js | 88 -- .../pageCreators/createEntitiesPages.cy.js | 94 -- .../unit/pageCreators/createReportPages.cy.js | 48 - 45 files changed, 4910 deletions(-) delete mode 100644 site/gatsby-site/cypress/e2e/incidentVariants.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/account.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/apps/classifications.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/apps/incidents.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/apps/newsSearch.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/apps/reports.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/apps/submitted.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/apps/variants.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/blog.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/cite.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/citeEdit.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/confirmemail.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/discover.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/downloadIndex.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/entities.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/entity.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/incidents/edit.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/integrity.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/landingPage.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/languageSwitcher.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/login.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/navigation.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/seo.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/signup.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/socialShareButtons.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/submit.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/submitter.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/subscriptions.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/summaries/flagged.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/summaries/incidents.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/taxonomy/cset.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/translationBadge.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/tsneVisualization.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/unsubscribe.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/integration/wordcounts.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/unit/AlgoliaUpdater.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/unit/Translator.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/unit/functions/linkReportsToIncidents.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/unit/functions/onIncidentUpdate.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/unit/functions/onNewIncident.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/unit/functions/processNotifications.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/unit/functions/promoteSubmissionToReport.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/unit/pageCreators/createCitationPages.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/unit/pageCreators/createEntitiesPages.cy.js delete mode 100644 site/gatsby-site/cypress/e2e/unit/pageCreators/createReportPages.cy.js diff --git a/site/gatsby-site/cypress/e2e/incidentVariants.cy.js b/site/gatsby-site/cypress/e2e/incidentVariants.cy.js deleted file mode 100644 index a96749d520..0000000000 --- a/site/gatsby-site/cypress/e2e/incidentVariants.cy.js +++ /dev/null @@ -1,428 +0,0 @@ -//import { maybeIt } from '../support/utils'; -import variantsIncident from '../fixtures/variants/variantsIncident.json'; -import { - getVariantStatus, - getVariantStatusText, - isCompleteReport, - VARIANT_STATUS, -} from '../../src/utils/variants'; -import { format, getUnixTime } from 'date-fns'; -const { gql } = require('@apollo/client'); - -const incidentId = 21; - -const getVariants = (callback) => { - cy.query({ - query: gql` - query { - incidents(query: { incident_id: ${incidentId} }, limit: 1) { - reports { - report_number - title - date_published - tags - url - source_domain - text_inputs - text_outputs - } - } - } - `, - }).then(({ data: { incidents } }) => { - const incident = incidents[0]; - - const variants = incident.reports - .filter((r) => !isCompleteReport(r)) - .sort((a, b) => a.report_number - b.report_number); - - callback(variants); - }); -}; - -describe('Variants pages', () => { -// const url = `/cite/${incidentId}`; -// -// //it('Successfully loads', () => { -// it.skip('Successfully loads', () => { -// cy.visit(url); -// -// cy.disableSmoothScroll(); -// }); -// -// //it('Should display Variant list', () => { -// it.skip('Should display Variant list', () => { -// cy.visit(url); -// -// cy.contains('h1', 'Variants').should('exist').scrollIntoView(); -// -// getVariants((variants) => { -// cy.get('[data-cy=variant-card]').should('have.length', variants.length); -// -// for (let index = 0; index < variants.length; index++) { -// const variant = variants[index]; -// -// cy.get('[data-cy=variant-card]') -// .eq(index) -// .within(() => { -// cy.get('[data-cy=variant-status-badge]').contains( -// getVariantStatusText(getVariantStatus(variant)) -// ); -// cy.get('[data-cy=variant-text_inputs]').contains(variant.text_inputs); -// cy.get('[data-cy=variant-text_outputs]').contains(variant.text_outputs); -// }); -// } -// }); -// }); -// -// //it('Should add a new Variant - Unauthenticated user', () => { -// it.skip('Should add a new Variant - Unauthenticated user', () => { -// const text_inputs = 'Input text with **markdown**'; -// -// const text_outputs = 'Output text with **markdown**'; -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => -// req.body.operationName == 'CreateVariant' && -// req.body.variables.input.incidentId === incidentId && -// req.body.variables.input.variant.text_inputs === text_inputs && -// req.body.variables.input.variant.text_outputs === text_outputs, -// 'createVariant', -// { -// data: { -// createVariant: { -// __typename: 'CreateVariantPayload', -// incident_id: incidentId, -// report_number: 2313, -// }, -// }, -// } -// ); -// -// cy.visit(url); -// -// cy.contains('h1', 'Variants').should('exist').scrollIntoView(); -// -// cy.get('[data-cy=variant-form]').should('not.exist'); -// -// cy.get('[data-cy=add-variant-btn]').scrollIntoView().click(); -// -// cy.get('[data-cy=variant-form]', { timeout: 10000 }).should('exist'); -// -// cy.get('#formTextInputs').type(text_inputs); -// cy.get('#formTextOutputs').type(text_outputs); -// -// cy.get('[data-cy=add-variant-submit-btn]').click(); -// -// cy.wait('@createVariant'); -// -// cy.get('[data-cy=success-message]').contains( -// "Your variant has been added to the review queue and will appear on this page within 12 hours. Please continue submitting when you encounter more variants. Most of the time we won't review it in the same day, but it will appear within a day as unreviewed." -// ); -// -// cy.get('[data-cy="toast"]') -// .contains( -// 'Your variant has been added to the review queue and will appear on this page within 12 hours.' -// ) -// .should('exist'); -// }); -// -// //it("Shouldn't edit a Variant - Unauthenticated user", () => { -// it.skip("Shouldn't edit a Variant - Unauthenticated user", () => { -// cy.visit(url); -// -// cy.contains('h1', 'Variants').should('exist').scrollIntoView(); -// -// cy.get('[data-cy=edit-variant-btn]').should('not.exist'); -// }); -// -// //maybeIt('Should Approve Variant - Incident Editor user', () => { -// it.skip('Should Approve Variant - Incident Editor user', () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// const new_text_inputs = 'New Input text'; -// -// const new_text_outputs = 'New Output text'; -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindVariant', -// 'findVariant', -// { -// data: { -// report: variantsIncident.data.incident.reports[0], -// }, -// } -// ); -// -// cy.visit(url); -// -// getVariants((variants) => { -// const variant = variants[0]; -// -// const today = format(new Date(), 'yyyy-MM-dd'); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => -// req.body.operationName == 'UpdateVariant' && -// req.body.variables.query.report_number === variant.report_number && -// req.body.variables.set.text_inputs === new_text_inputs && -// req.body.variables.set.text_outputs === new_text_outputs && -// req.body.variables.set.tags.includes(VARIANT_STATUS.approved) && -// req.body.variables.set.date_modified == today && -// req.body.variables.set.epoch_date_modified == getUnixTime(new Date(today)), -// 'updateVariant', -// { -// data: { -// updateOneReport: { ...variant, tags: [VARIANT_STATUS.approved] }, -// }, -// } -// ); -// -// cy.get('[data-cy=variant-card]').should('have.length', variants.length); -// -// if (variants.length > 0) { -// cy.get('[data-cy=variant-card]') -// .eq(0) -// .within(() => { -// cy.get('[data-cy=edit-variant-btn]').click(); -// }); -// -// cy.get('[data-cy=edit-variant-modal]').should('be.visible').as('modal'); -// -// cy.get('#formTextInputs').clear().type(new_text_inputs); -// cy.get('#formTextOutputs').clear().type(new_text_outputs); -// -// cy.get('[data-cy=approve-variant-btn]').click(); -// -// cy.wait('@updateVariant'); -// -// cy.get('[data-cy="toast"]') -// .contains('Variant successfully updated. Your edits will be live within 24 hours.') -// .should('exist'); -// -// cy.get('[data-cy=edit-variant-modal]').should('not.exist'); -// } -// }); -// }); -// -// //maybeIt('Should Reject Variant - Incident Editor user', () => { -// it.skip('Should Reject Variant - Incident Editor user', () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// const new_text_inputs = 'New Input text'; -// -// const new_text_outputs = 'New Output text'; -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindVariant', -// 'findVariant', -// { -// data: { -// report: variantsIncident.data.incident.reports[1], -// }, -// } -// ); -// -// cy.visit(url); -// -// getVariants((variants) => { -// const variant = variants[0]; -// -// const today = format(new Date(), 'yyyy-MM-dd'); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => -// req.body.operationName == 'UpdateVariant' && -// req.body.variables.query.report_number === variant.report_number && -// req.body.variables.set.text_inputs === new_text_inputs && -// req.body.variables.set.text_outputs === new_text_outputs && -// req.body.variables.set.tags.includes(VARIANT_STATUS.rejected) && -// req.body.variables.set.date_modified == today && -// req.body.variables.set.epoch_date_modified == getUnixTime(new Date(today)), -// 'updateVariant', -// { -// data: { -// updateOneReport: { ...variant, tags: [VARIANT_STATUS.rejected] }, -// }, -// } -// ); -// -// cy.get('[data-cy=variant-card]').should('have.length', variants.length); -// -// if (variants.length > 0) { -// cy.get('[data-cy=variant-card]') -// .eq(0) -// .within(() => { -// cy.get('[data-cy=edit-variant-btn]').click(); -// }); -// -// cy.get('[data-cy=edit-variant-modal]').should('be.visible').as('modal'); -// -// cy.get('#formTextInputs').clear().type(new_text_inputs); -// cy.get('#formTextOutputs').clear().type(new_text_outputs); -// -// cy.get('[data-cy=reject-variant-btn]').click(); -// -// cy.wait('@updateVariant'); -// -// cy.get('[data-cy="toast"]') -// .contains('Variant successfully updated. Your edits will be live within 24 hours.') -// .should('exist'); -// -// cy.get('[data-cy=edit-variant-modal]').should('not.exist'); -// } -// }); -// }); -// -// //maybeIt('Should Save Variant - Incident Editor user', () => { -// it.skip('Should Save Variant - Incident Editor user', () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// const new_text_inputs = 'New Input text'; -// -// const new_text_outputs = 'New Output text'; -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindVariant', -// 'findVariant', -// { -// data: { -// report: variantsIncident.data.incident.reports[0], -// }, -// } -// ); -// -// cy.visit(url); -// -// getVariants((variants) => { -// const variant = variants[0]; -// -// const today = format(new Date(), 'yyyy-MM-dd'); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => -// req.body.operationName == 'UpdateVariant' && -// req.body.variables.query.report_number === variant.report_number && -// req.body.variables.set.text_inputs === new_text_inputs && -// req.body.variables.set.text_outputs === new_text_outputs && -// req.body.variables.set.tags == undefined && -// req.body.variables.set.date_modified == today && -// req.body.variables.set.epoch_date_modified == getUnixTime(new Date(today)), -// 'updateVariant', -// { -// data: { -// updateOneReport: variant, -// }, -// } -// ); -// -// cy.get('[data-cy=variant-card]').should('have.length', variants.length); -// -// if (variants.length > 0) { -// cy.get('[data-cy=variant-card]') -// .eq(0) -// .within(() => { -// cy.get('[data-cy=edit-variant-btn]').click(); -// }); -// -// cy.get('[data-cy=edit-variant-modal]').should('be.visible').as('modal'); -// -// cy.get('#formTextInputs').clear().type(new_text_inputs); -// cy.get('#formTextOutputs').clear().type(new_text_outputs); -// -// cy.get('[data-cy=save-variant-btn]').click(); -// -// cy.wait('@updateVariant'); -// -// cy.get('[data-cy="toast"]') -// .contains('Variant successfully updated. Your edits will be live within 24 hours.') -// .should('exist'); -// -// cy.get('[data-cy=edit-variant-modal]').should('not.exist'); -// } -// }); -// }); -// -// //maybeIt('Should Delete Variant - Incident Editor user', () => { -// it.skip('Should Delete Variant - Incident Editor user', () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// getVariants((variants) => { -// const variant = variants[0]; -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindVariant', -// 'findVariant', -// { -// data: { -// report: variant, -// }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => -// req.body.operationName == 'DeleteOneVariant' && -// req.body.variables.query.report_number === variant.report_number, -// 'deleteOneVariant', -// { -// data: { -// deleteOneReport: { -// __typename: 'Report', -// report_number: variant.report_number, -// }, -// }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => -// req.body.operationName == 'LinkReportsToIncidents' && -// req.body.variables.input.incident_ids.length === 0 && -// req.body.variables.input.report_numbers.includes(variant.report_number), -// 'linkReportsToIncidents', -// { -// data: { -// linkReportsToIncidents: [], -// }, -// } -// ); -// -// cy.visit(url); -// -// cy.get('[data-cy=variant-card]').should('have.length', variants.length); -// -// if (variants.length > 0) { -// cy.get('[data-cy=variant-card]') -// .eq(0) -// .within(() => { -// cy.get('[data-cy=edit-variant-btn]').click(); -// }); -// -// cy.get('[data-cy=edit-variant-modal]').should('be.visible').as('modal'); -// -// cy.get('[data-cy=delete-variant-btn]').click(); -// -// cy.wait('@deleteOneVariant'); -// -// cy.wait('@linkReportsToIncidents'); -// -// cy.get('[data-cy="toast"]') -// .contains('Variant successfully deleted. Your changes will be live within 24 hours.') -// .should('exist'); -// -// cy.get('[data-cy=edit-variant-modal]').should('not.exist'); -// } -// }); -// }); -}); diff --git a/site/gatsby-site/cypress/e2e/integration/account.cy.js b/site/gatsby-site/cypress/e2e/integration/account.cy.js deleted file mode 100644 index cdea328b36..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/account.cy.js +++ /dev/null @@ -1,17 +0,0 @@ -describe('Account', () => { - const url = '/account'; - -// it('Should successfully load account page', () => { -// cy.visit(url); -// }); -// -// it('Should display account information if the user is logged in', () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// cy.visit(url); -// -// cy.contains(Cypress.env('e2eUsername')).should('exist'); -// -// cy.contains('Log out').should('exist'); -// }); -}); diff --git a/site/gatsby-site/cypress/e2e/integration/apps/classifications.cy.js b/site/gatsby-site/cypress/e2e/integration/apps/classifications.cy.js deleted file mode 100644 index 7fa152e624..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/apps/classifications.cy.js +++ /dev/null @@ -1,94 +0,0 @@ -import { maybeIt } from '../../../support/utils'; -import taxa from '../../../fixtures/call/taxa.json'; -import classifications from '../../../fixtures/call/classifications.json'; -import incident97Classifications from '../../../fixtures/classifications/incident97Classifications.json'; - -describe('Classifications App', () => { -// const url = '/apps/classifications'; -// -// maybeIt('Successfully edit a CSET classification', () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// cy.conditionalIntercept( -// '**/call', -// (req) => req.body.name == 'find' && req.body.arguments[0].collection == 'taxa', -// 'FindTaxa', -// taxa -// ); -// -// cy.conditionalIntercept( -// '**/call', -// (req) => req.body.name == 'find' && req.body.arguments[0].collection == 'classifications', -// 'FindClassifications', -// classifications -// ); -// -// cy.visit(url); -// -// cy.wait(['@FindTaxa', '@FindClassifications']); -// -// cy.get('select[data-cy="taxonomy"]').select('CSET'); -// -// cy.waitForStableDOM(); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindCSETClassifications', -// 'FindCSETClassifications', -// incident97Classifications -// ); -// -// cy.get('a[href="/cite/97/#taxa-area"]') -// .parents('tr') -// .find('[data-cy=edit-classification]') -// .click(); -// -// cy.get('[data-cy="taxonomy-form"]').should('exist').as('form'); -// -// cy.get('@form').find('[name="notes"]').clear().type('This is an updated note'); -// -// cy.get('@form').contains('label', 'Annotator').scrollIntoView(); -// -// cy.get('@form').find('#Annotator-5').check(); -// -// cy.contains('label', 'Harm Distribution Basis').scrollIntoView(); -// -// cy.get('@form').find('#HarmDistributionBasis-Race').uncheck(); -// -// cy.get('@form').find('#HarmDistributionBasis-Religion').uncheck(); -// -// cy.get('@form').find('#HarmDistributionBasis-Geography').check(); -// -// cy.contains('label', 'Named Entities').next('[class*="Typeahead"]').as('typeahead'); -// -// cy.get('@typeahead').find('[option="Starbucks"]').should('exist'); -// -// cy.get('@typeahead').find('[option="Starbucks"]').find('button').click(); -// -// cy.get('@typeahead').find('[option="Starbucks"]').should('not.exist'); -// -// cy.get('@typeahead').find('[option="Kronos"]').should('exist'); -// -// cy.get('@typeahead').find('input[type="text"]').clear().type('Something').type('{enter}'); -// -// cy.get('@typeahead').find('[option="Something"]').should('exist'); -// -// cy.intercept('POST', '**/graphql', { fixture: 'classifications/upsertCSET.json' }).as( -// 'updateClassification' -// ); -// -// cy.get('@form').contains('Submit').click(); -// -// cy.wait('@updateClassification').then((xhr) => { -// expect(xhr.request.body.variables.data.notes).to.equal('This is an updated note'); -// expect(xhr.request.body.variables.data.classifications.Annotator).to.equal('5'); -// expect(xhr.request.body.variables.data.classifications.HarmDistributionBasis).to.deep.equal([ -// 'Geography', -// ]); -// expect(xhr.request.body.variables.data.classifications.NamedEntities).to.deep.equal([ -// 'Kronos', -// 'Something', -// ]); -// }); -// }); -}); diff --git a/site/gatsby-site/cypress/e2e/integration/apps/incidents.cy.js b/site/gatsby-site/cypress/e2e/integration/apps/incidents.cy.js deleted file mode 100644 index 2a36213232..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/apps/incidents.cy.js +++ /dev/null @@ -1,243 +0,0 @@ -import incident from '../../../fixtures/incidents/incident112.json'; - -import updateOneIncident from '../../../fixtures/incidents/updateOneIncident112.json'; - -import incidents from '../../../fixtures/incidents/incidents.json'; - -describe('Incidents App', () => { -// const url = '/apps/incidents'; -// -// it('Successfully loads', () => { -// cy.visit(url); -// }); -// -// it('Should display a list of incidents and their values', () => { -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindIncidents', -// 'FindIncidents', -// incidents -// ); -// -// cy.visit(url); -// -// cy.get('[data-cy="row"]') -// .eq(0) -// .within(() => { -// cy.get('[data-cy="cell"]').should('have.length', 7); -// -// const { 0: incident } = incidents.data.incidents; -// -// cy.get('[data-cy="cell"]').eq(0).should('have.text', `Incident ${incident.incident_id}`); -// cy.get('[data-cy="cell"]').eq(1).should('have.text', incident.title); -// cy.get('[data-cy="cell"]').eq(2).should('have.text', incident.description); -// cy.get('[data-cy="cell"]').eq(3).should('have.text', incident.date); -// cy.get('[data-cy="cell"]') -// .eq(4) -// .should('have.text', incident.AllegedDeployerOfAISystem.map((i) => i['name']).join(', ')); -// cy.get('[data-cy="cell"]') -// .eq(5) -// .should( -// 'have.text', -// incident.AllegedDeveloperOfAISystem.map((i) => i['name']).join(', ') -// ); -// cy.get('[data-cy="cell"]') -// .eq(6) -// .should( -// 'have.text', -// incident.AllegedHarmedOrNearlyHarmedParties.map((i) => i['name']).join(', ') -// ); -// }); -// }); -// -// it('Successfully filter and edit incident 112', { retries: { runMode: 4 } }, () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindIncidents', -// 'FindIncidents', -// incidents -// ); -// -// // this shuold not be necessary and fixed in the component -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => -// req.body.operationName == 'FindIncident' && req.body.variables.query.incident_id == 0, -// 'FindIncident0', -// incident -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindEntities', -// 'FindEntities', -// { -// data: { -// entities: [ -// { __typename: 'Entity', entity_id: 'Youtube', name: 'youtube' }, -// { __typename: 'Entity', entity_id: 'Google', name: 'google' }, -// ], -// }, -// } -// ); -// -// cy.visit(url); -// -// cy.waitForStableDOM(); -// -// cy.wait(['@FindIncident0', '@FindEntities']); -// -// cy.get('[data-cy="input-filter-Incident ID"]').type('112'); -// -// cy.clickOutside(); -// -// cy.get('[data-cy="row"]').should('have.length', 1); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => -// req.body.operationName == 'FindIncident' && req.body.variables.query.incident_id == 112, -// 'FindIncident112', -// incident -// ); -// -// cy.contains('Edit').click(); -// -// cy.wait('@FindIncident112', { timeout: 8000 }).then((xhr) => { -// expect(xhr.request.body.operationName).to.eq('FindIncident'); -// expect(xhr.request.body.variables.query.incident_id).to.eq(112); -// }); -// -// cy.get('[data-cy="incident-form"]').should('exist').as('form'); -// -// cy.get(`[name="title"]`).scrollIntoView().clear().type('Test title'); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'IncidentWithReports', -// 'IncidentWithReports' -// ); -// -// cy.get('[data-cy="similar-id-input"]').type('4'); -// -// cy.wait('@IncidentWithReports'); -// -// cy.get('[data-cy="related-byId"] [data-cy="similar"]').first().click(); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'UpdateIncident', -// 'UpdateIncident', -// updateOneIncident -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => -// req.body.operationName == 'UpsertEntity' && -// req.body.variables.entity.entity_id == 'youtube', -// 'UpsertYoutube', -// { -// data: { -// upsertOneEntity: { __typename: 'Entity', entity_id: 'youtube', name: 'Youtube' }, -// }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => -// req.body.operationName == 'UpsertEntity' && req.body.variables.entity.entity_id == 'google', -// 'UpsertGoogle', -// { -// data: { -// upsertOneEntity: { __typename: 'Entity', entity_id: 'google', name: 'Google' }, -// }, -// } -// ); -// -// cy.contains('Update').scrollIntoView().click(); -// -// cy.wait('@UpsertYoutube') -// .its('request.body.variables.entity.entity_id') -// .should('eq', 'youtube'); -// -// cy.wait('@UpsertGoogle').its('request.body.variables.entity.entity_id').should('eq', 'google'); -// -// cy.wait('@UpdateIncident').then((xhr) => { -// expect(xhr.request.body.operationName).to.eq('UpdateIncident'); -// expect(xhr.request.body.variables.query.incident_id).to.eq(112); -// expect(xhr.request.body.variables.set.title).to.eq('Test title'); -// expect(xhr.request.body.variables.set.editor_similar_incidents).to.contain(4); -// }); -// -// cy.get('[data-cy="incident-form"]').should('not.exist'); -// -// cy.get('[data-cy="toast"]').contains('Incident 112 updated successfully.').should('exist'); -// }); -// -// it('Entities should link to entities page', () => { -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindIncidents', -// 'FindIncidents', -// incidents -// ); -// -// cy.visit(url); -// -// cy.get('[data-cy="row"]') -// .eq(0) -// .within(() => { -// const { 0: incident } = incidents.data.incidents; -// -// cy.get('[data-cy="cell"]') -// .eq(4) -// .then(($element) => { -// cy.wrap($element) -// .find('[data-cy="cell-entity-link"]') -// .each(($el, index) => { -// cy.wrap($el) -// .should('have.attr', 'href') -// .and( -// 'include', -// `/entities/${incident.AllegedDeployerOfAISystem[index].entity_id}` -// ); -// }); -// }); -// -// cy.get('[data-cy="cell"]') -// .eq(5) -// .then(($element) => { -// cy.wrap($element) -// .find('[data-cy="cell-entity-link"]') -// .each(($el, index) => { -// cy.wrap($el) -// .should('have.attr', 'href') -// .and( -// 'include', -// `/entities/${incident.AllegedDeveloperOfAISystem[index].entity_id}` -// ); -// }); -// }); -// -// cy.get('[data-cy="cell"]') -// .eq(6) -// .then(($element) => { -// cy.wrap($element) -// .find('[data-cy="cell-entity-link"]') -// .each(($el, index) => { -// cy.wrap($el) -// .should('have.attr', 'href') -// .and( -// 'include', -// `/entities/${incident.AllegedHarmedOrNearlyHarmedParties[index].entity_id}` -// ); -// }); -// }); -// }); -// }); -}); diff --git a/site/gatsby-site/cypress/e2e/integration/apps/newsSearch.cy.js b/site/gatsby-site/cypress/e2e/integration/apps/newsSearch.cy.js deleted file mode 100644 index 6090803e14..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/apps/newsSearch.cy.js +++ /dev/null @@ -1,79 +0,0 @@ -import { format } from 'date-fns'; - -import newsArticles from '../../../fixtures/candidates/newsArticles.json'; - -describe('Incidents App', () => { -// const url = '/apps/newsSearch'; -// -// it('Successfully loads', () => { -// cy.visit(url); -// }); -// -// it('Should loads candidate cards', () => { -// newsArticles.data.candidates[0].date_published = format(new Date(), 'yyyy-MM-dd'); -// newsArticles.data.candidates[1].date_published = format(new Date(), 'yyyy-MM-dd'); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'NewsArticles', -// 'NewsArticles', -// newsArticles -// ); -// -// cy.visit(url); -// cy.get('[data-cy="candidate-card"]', { timeout: 15000 }).should('exist'); -// }); -// -// it('Should open submit form on pressing submit', () => { -// newsArticles.data.candidates[0].date_published = format(new Date(), 'yyyy-MM-dd'); -// newsArticles.data.candidates[1].date_published = format(new Date(), 'yyyy-MM-dd'); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'NewsArticles', -// 'NewsArticles', -// newsArticles -// ); -// -// cy.visit(url); -// cy.get('[data-cy="candidate-card"] [data-cy="submit-button"]', { timeout: 15000 }) -// .first() -// .click(); -// cy.location().should((loc) => { -// expect(loc.pathname).to.equal('/apps/submit/'); -// }); -// }); -// -// it('Should dismiss and restore items', () => { -// newsArticles.data.candidates[0].date_published = format(new Date(), 'yyyy-MM-dd'); -// newsArticles.data.candidates[1].date_published = format(new Date(), 'yyyy-MM-dd'); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'NewsArticles', -// 'NewsArticles', -// newsArticles -// ); -// -// cy.visit(url); -// -// cy.get('[data-cy="results"] [data-cy="candidate-card"]', { timeout: 15000 }) -// .first() -// .invoke('attr', 'data-id') -// .then((dataId) => { -// cy.get(`[data-id="${dataId}"] [data-cy="dismiss-button"]`).click(); -// -// cy.get(`[data-cy="dismissed"] [data-id="${dataId}"]`).should('exist'); -// -// cy.get(`[data-cy="results"] [data-id="${dataId}"]`).should('not.exist'); -// -// cy.get(`[data-cy="dismissed-summary"]`).click(); -// -// cy.get(`[data-cy="dismissed"] [data-id="${dataId}"] [data-cy="restore-button"]`).click(); -// -// cy.get(`[data-cy="results"] [data-id="${dataId}"]`, { timeout: 8000 }).should('exist'); -// -// cy.get(`[data-cy="dismissed"] [data-id="${dataId}"]`).should('not.exist'); -// }); -// }); -}); diff --git a/site/gatsby-site/cypress/e2e/integration/apps/reports.cy.js b/site/gatsby-site/cypress/e2e/integration/apps/reports.cy.js deleted file mode 100644 index 391f1aa4b5..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/apps/reports.cy.js +++ /dev/null @@ -1,27 +0,0 @@ -import reports from '../../../fixtures/reports/reports.json'; - -describe('Reports App', () => { -// const url = '/apps/reports'; -// -// it('Successfully loads', () => { -// cy.visit(url); -// }); -// -// it('Filters a report by title ', () => { -// cy.visit(url); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'ReportsQuery', -// 'ReportsQuery', -// reports -// ); -// -// cy.get('[data-cy="filter"]', { timeout: 15000 }) -// .eq(1) -// .find('input') -// .type('YouTube Kids has been a problem since 2015 - why did it take this long to address?'); -// -// cy.get('[data-cy="row').should('have.length', 1); -// }); -}); diff --git a/site/gatsby-site/cypress/e2e/integration/apps/submitted.cy.js b/site/gatsby-site/cypress/e2e/integration/apps/submitted.cy.js deleted file mode 100644 index 09d989cfab..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/apps/submitted.cy.js +++ /dev/null @@ -1,897 +0,0 @@ -import { maybeIt } from '../../../support/utils'; -import submittedReports from '../../../fixtures/submissions/submitted.json'; -import quickAdds from '../../../fixtures/submissions/quickadds.json'; -import parseNews from '../../../fixtures/api/parseNews.json'; - -describe('Submitted reports', () => { -// const url = '/apps/submitted'; -// -// it('Loads submissions', () => { -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindSubmissions', -// 'FindSubmission', -// submittedReports -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'AllQuickAdd', -// 'AllQuickAdd', -// { -// data: { -// quickadds: [quickAdds], -// }, -// } -// ); -// -// cy.visit(url); -// -// cy.wait('@FindSubmission'); -// -// cy.wait('@AllQuickAdd'); -// -// const submissions = submittedReports.data.submissions; -// -// cy.get('[data-cy="submissions"] > div').should('have.length', submissions.length); -// -// submissions.forEach((report, index) => { -// cy.get('[data-cy="submissions"]') -// .children(`:nth-child(${index + 1})`) -// .contains('review >') -// .click(); -// -// cy.get('[data-cy="submissions"]') -// .children(`:nth-child(${index + 1})`) -// .within(() => { -// const keys = [ -// 'source_domain', -// 'authors', -// 'submitters', -// 'incident_id', -// 'date_published', -// 'date_submitted', -// 'date_downloaded', -// 'date_modified', -// 'url', -// ]; -// -// for (const key of keys) { -// if (report[key]) { -// cy.get(`[data-cy="${key}"] div:nth-child(2)`).should('contain', report[key]); -// } else { -// cy.get(`[data-cy="${key}"] div:nth-child(2)`).should('not.exist'); -// } -// } -// }); -// }); -// }); -// -// maybeIt('Promotes a submission to a new report and links it to a new incident', () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// const submission = submittedReports.data.submissions.find( -// (r) => r._id === '5f9c3ebfd4896d392493f03c' -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindSubmissions', -// 'FindSubmissions', -// { -// data: { -// submissions: [submission], -// }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'AllQuickAdd', -// 'AllQuickAdd', -// { -// data: { -// quickadds: [quickAdds], -// }, -// } -// ); -// -// cy.visit(url); -// -// cy.wait('@FindSubmissions'); -// -// cy.wait('@AllQuickAdd'); -// -// cy.get('[data-cy="submission"]').first().as('promoteForm'); -// -// cy.get('@promoteForm').contains('review >').click(); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'PromoteSubmission', -// 'promoteSubmission', -// { -// data: { -// promoteSubmissionToReport: { -// incident_ids: [182], -// report_number: 1565, -// }, -// }, -// } -// ); -// -// cy.get('@promoteForm').contains('button', 'Add new Incident').click(); -// -// cy.wait('@promoteSubmission') -// .its('request.body.variables.input') -// .then((input) => { -// expect(input.incident_ids).to.deep.eq([]); -// expect(input.submission_id).to.eq('5f9c3ebfd4896d392493f03c'); -// expect(input.is_incident_report).to.eq(true); -// }); -// -// cy.contains( -// '[data-cy="toast"]', -// 'Successfully promoted submission to Incident 182 and Report 1565' -// ).should('exist'); -// }); -// -// maybeIt('Promotes a submission to a new report and links it to an existing incident', () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// const submission = submittedReports.data.submissions.find((r) => r.incident_id === 10); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindSubmissions', -// 'FindSubmissions', -// { -// data: { -// submissions: [submission], -// }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'AllQuickAdd', -// 'AllQuickAdd', -// { -// data: { -// quickadds: [quickAdds], -// }, -// } -// ); -// -// cy.visit(url); -// -// cy.wait('@FindSubmissions'); -// -// cy.wait('@AllQuickAdd'); -// -// cy.get('[data-cy="submission"]').first().as('promoteForm'); -// -// cy.get('@promoteForm').contains('review >').click(); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'PromoteSubmission', -// 'promoteSubmission', -// { -// data: { -// promoteSubmissionToReport: { -// incident_ids: [10], -// report_number: 1566, -// }, -// }, -// } -// ); -// -// cy.get('@promoteForm').contains('button', 'Add to incident 10').click(); -// -// cy.wait('@promoteSubmission') -// .its('request.body.variables.input') -// .then((input) => { -// expect(input.incident_ids).to.deep.eq([10]); -// expect(input.submission_id).to.eq('6123bf345e740c1a81850e89'); -// expect(input.is_incident_report).to.eq(true); -// }); -// -// cy.contains( -// '[data-cy="toast"]', -// 'Successfully promoted submission to Incident 10 and Report 1566' -// ).should('exist'); -// }); -// -// maybeIt('Promotes a submission to a new issue', () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// const submission = submittedReports.data.submissions.find( -// (r) => r._id === '62d561606b4bb5e39605555' -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindSubmissions', -// 'FindSubmissions', -// { -// data: { -// submissions: [submission], -// }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'AllQuickAdd', -// 'AllQuickAdd', -// { -// data: { -// quickadds: [quickAdds], -// }, -// } -// ); -// -// cy.visit(url); -// -// cy.wait('@FindSubmissions'); -// -// cy.wait('@AllQuickAdd'); -// -// cy.get('[data-cy="submission"]').first().as('promoteForm'); -// -// cy.get('@promoteForm').contains('review >').click(); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'PromoteSubmission', -// 'promoteSubmission', -// { -// data: { -// promoteSubmissionToReport: { -// incident_ids: [10], -// report_number: 1566, -// }, -// }, -// } -// ); -// -// cy.get('@promoteForm').contains('button', 'Add as issue').click(); -// -// cy.wait('@promoteSubmission') -// .its('request.body.variables.input') -// .then((input) => { -// expect(input.incident_ids).to.deep.eq([]); -// expect(input.submission_id).to.eq('62d561606b4bb5e39605555'); -// expect(input.is_incident_report).to.eq(false); -// }); -// -// cy.contains('[data-cy="toast"]', 'Successfully promoted submission to Issue 1566').should( -// 'exist' -// ); -// }); -// -// maybeIt('Rejects a submission', () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// const submission = submittedReports.data.submissions.find((r) => r.incident_id === 10); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindSubmissions', -// 'FindSubmissions', -// { -// data: { -// submissions: [submission], -// }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'AllQuickAdd', -// 'AllQuickAdd', -// { -// data: { -// quickadds: [quickAdds], -// }, -// } -// ); -// -// cy.visit(url); -// -// cy.wait('@FindSubmissions'); -// -// cy.wait('@AllQuickAdd'); -// -// cy.get('[data-cy="submission"]').first().as('promoteForm'); -// -// cy.get('@promoteForm').contains('review >').click(); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'DeleteSubmission', -// 'DeleteSubmission', -// { -// data: { -// deleteOneSubmission: { __typename: 'Submission', _id: '6123bf345e740c1a81850e89' }, -// }, -// } -// ); -// -// cy.get('@promoteForm').contains('button', 'Reject New Report').click(); -// -// cy.wait('@DeleteSubmission').then((xhr) => { -// expect(xhr.request.body.variables._id).to.eq('6123bf345e740c1a81850e89'); -// }); -// -// cy.get('[data-cy="submissions"]').children().should('have.length', 0); -// }); -// -// maybeIt('Edits a submission - update just a text', () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindSubmissions', -// 'FindSubmissions', -// submittedReports -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindSubmission', -// 'FindSubmission', -// { -// data: { -// submission: submittedReports.data.submissions[0], -// }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindEntities', -// 'FindEntities', -// { -// data: { -// entities: [ -// { __typename: 'Entity', entity_id: 'Adults', name: 'adults' }, -// { __typename: 'Entity', entity_id: 'Google', name: 'google' }, -// ], -// }, -// } -// ); -// -// cy.visit(url); -// -// cy.wait('@FindSubmissions'); -// -// cy.get('[data-cy="submission"]').first().as('promoteForm'); -// -// cy.get('@promoteForm').contains('review >').click(); -// -// cy.get('[data-cy="edit-submission"]').eq(0).click(); -// -// cy.get('[data-cy="submission-modal"]').as('modal').should('be.visible'); -// -// cy.setEditorText( -// '## Another one\n\n**More markdown**\n\nAnother paragraph with more text to reach the minimum character count!' -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName === 'UpdateSubmission', -// 'UpdateSubmission', -// { -// data: { -// updateOneSubmission: { -// ...submittedReports.data.submissions[0], -// text: '## Another one\n\n**More markdown**\n\nAnother paragraph with more text to reach the minimum character count!', -// plain_text: -// 'Another one\n\nMore markdown\n\nAnother paragraph with more text to reach the minimum character count!\n', -// }, -// }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => -// req.body.operationName == 'UpsertEntity' && req.body.variables.entity.entity_id == 'adults', -// 'UpsertAdults', -// { -// data: { -// upsertOneEntity: { __typename: 'Entity', entity_id: 'adults', name: 'Adults' }, -// }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => -// req.body.operationName == 'UpsertEntity' && req.body.variables.entity.entity_id == 'google', -// 'UpsertGoogle', -// { -// data: { -// upsertOneEntity: { __typename: 'Entity', entity_id: 'google', name: 'Google' }, -// }, -// } -// ); -// -// cy.get('@modal').contains('Update').click(); -// -// cy.wait('@UpsertGoogle').its('request.body.variables.entity.entity_id').should('eq', 'google'); -// -// cy.wait('@UpsertAdults').its('request.body.variables.entity.entity_id').should('eq', 'adults'); -// -// cy.wait('@UpdateSubmission').then((xhr) => { -// expect(xhr.request.body.variables.query).to.deep.nested.include({ -// _id: submittedReports.data.submissions[0]._id, -// }); -// -// expect(xhr.request.body.variables.set).to.deep.nested.include({ -// text: '## Another one\n\n**More markdown**\n\nAnother paragraph with more text to reach the minimum character count!', -// plain_text: -// 'Another one\n\nMore markdown\n\nAnother paragraph with more text to reach the minimum character count!\n', -// }); -// }); -// -// cy.get('@modal').should('not.exist'); -// }); -// -// maybeIt('Edits a submission - uses fetch info', () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindSubmissions', -// 'FindSubmissions', -// submittedReports -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindSubmission', -// 'FindSubmission', -// { -// data: { -// submission: submittedReports.data.submissions[0], -// }, -// } -// ); -// -// cy.intercept('GET', '/api/parseNews**', parseNews).as('parseNews'); -// -// cy.visit(url); -// -// cy.wait('@FindSubmissions'); -// -// cy.get('[data-cy="submission"]').first().as('promoteForm'); -// -// cy.get('@promoteForm').contains('review >').click(); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindEntities', -// 'FindEntities', -// { -// data: { -// entities: [ -// { __typename: 'Entity', entity_id: 'Adults', name: 'adults' }, -// { __typename: 'Entity', entity_id: 'Google', name: 'google' }, -// ], -// }, -// } -// ); -// -// cy.get('[data-cy="edit-submission"]').eq(0).click(); -// -// cy.get('[data-cy="submission-modal"]').as('modal').should('be.visible'); -// -// cy.get('[data-cy="fetch-info"]').click(); -// -// cy.wait('@parseNews'); -// -// cy.get('input[label="Title"]').should( -// 'have.attr', -// 'value', -// 'YouTube to crack down on inappropriate content masked as kids’ cartoons' -// ); -// cy.get('input[label="Image Address"]').should( -// 'have.attr', -// 'value', -// 'https://cdn.arstechnica.net/wp-content/uploads/2017/11/Screen-Shot-2017-11-10-at-9.25.47-AM-760x380.png' -// ); -// cy.get('input[label="Date Published"]').should('have.attr', 'value', '2017-11-10'); -// cy.get('input[label="Date Downloaded"]').should('have.attr', 'value', '2022-05-26'); -// }); -// -// maybeIt( -// 'Does not allow promotion of submission to Incident if schema is invalid (missing Description).', -// () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// const submission = submittedReports.data.submissions.find( -// (r) => r._id === '62d561606b4bb5e396034444' -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindSubmissions', -// 'FindSubmissions', -// { -// data: { -// submissions: [submission], -// }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'AllQuickAdd', -// 'AllQuickAdd', -// { -// data: { -// quickadds: [quickAdds], -// }, -// } -// ); -// -// cy.visit(url); -// -// cy.wait('@FindSubmissions'); -// -// cy.wait('@AllQuickAdd'); -// -// cy.get('[data-cy="submission"]').first().as('promoteForm'); -// -// cy.get('@promoteForm').contains('review >').click(); -// -// cy.on('fail', (err) => { -// expect(err.message).to.include( -// '`cy.wait()` timed out waiting `2000ms` for the 1st request to the route: `promotionInvoked`. No request ever occurred.' -// ); -// }); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName === 'PromoteSubmission', -// 'promotionInvoked', -// {} -// ); -// -// cy.get('@promoteForm').contains('button', 'Add new Incident').click(); -// -// cy.contains('[data-cy="toast"]', 'Description is required.').should('exist'); -// -// cy.wait('@promotionInvoked', { timeout: 2000 }); -// } -// ); -// -// maybeIt( -// 'Does not allow promotion of submission to Issue if schema is invalid (missing Title).', -// () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// const submission = submittedReports.data.submissions.find( -// (r) => r._id === '123461606b4bb5e39601234' -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindSubmissions', -// 'FindSubmissions', -// { -// data: { -// submissions: [submission], -// }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'AllQuickAdd', -// 'AllQuickAdd', -// { -// data: { -// quickadds: [quickAdds], -// }, -// } -// ); -// -// cy.visit(url); -// -// cy.wait('@FindSubmissions'); -// -// cy.wait('@AllQuickAdd'); -// -// cy.get('[data-cy="submission"]').first().as('promoteForm'); -// -// cy.get('@promoteForm').contains('review >').click(); -// -// cy.on('fail', (err) => { -// expect(err.message).to.include( -// '`cy.wait()` timed out waiting `2000ms` for the 1st request to the route: `promotionInvoked`. No request ever occurred.' -// ); -// }); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName === 'PromoteSubmission', -// 'promotionInvoked', -// {} -// ); -// -// cy.get('@promoteForm').contains('button', 'Add as issue').click(); -// -// cy.contains('[data-cy="toast"]', 'Title is required').should('exist'); -// -// cy.wait('@promotionInvoked', { timeout: 2000 }); -// } -// ); -// -// maybeIt( -// 'Does not allow promotion of submission to Report if schema is invalid (missing Date).', -// () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// const submission = submittedReports.data.submissions.find( -// (r) => r._id === '333561606b4bb5e39601234' -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindSubmissions', -// 'FindSubmissions', -// { -// data: { -// submissions: [submission], -// }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'AllQuickAdd', -// 'AllQuickAdd', -// { -// data: { -// quickadds: [quickAdds], -// }, -// } -// ); -// -// cy.visit(url); -// -// cy.wait('@FindSubmissions'); -// -// cy.wait('@AllQuickAdd'); -// -// cy.get('[data-cy="submission"]').first().as('promoteForm'); -// -// cy.get('@promoteForm').contains('review >').click(); -// -// cy.on('fail', (err) => { -// expect(err.message).to.include( -// '`cy.wait()` timed out waiting `2000ms` for the 1st request to the route: `promotionInvoked`. No request ever occurred.' -// ); -// }); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName === 'PromoteSubmission', -// 'promotionInvoked', -// {} -// ); -// -// cy.get('@promoteForm').contains('button', 'Add to incident 12').click(); -// -// cy.contains('[data-cy="toast"]', '*Date is not valid, must be `YYYY-MM-DD`').should('exist'); -// -// cy.wait('@promotionInvoked', { timeout: 2000 }); -// } -// ); -// -// maybeIt('Should display an error message if data is missing', () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// const submission = submittedReports.data.submissions.find( -// (r) => r._id === '62d561606b4bb5e39601234' -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindSubmissions', -// 'FindSubmissions', -// { -// data: { -// submissions: [submission], -// }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindSubmission', -// 'FindSubmission', -// { -// data: { -// submission, -// }, -// } -// ); -// -// cy.visit(url); -// -// cy.wait('@FindSubmissions'); -// -// cy.get('[data-cy="submission"]').first().as('promoteForm'); -// -// cy.get('@promoteForm').contains('review >').click(); -// -// cy.get('[data-cy="edit-submission"]').eq(0).click(); -// -// cy.get('[data-cy="submission-modal"]').as('modal').should('be.visible'); -// -// cy.get('@modal').contains('Please review submission. Some data is missing.').should('exist'); -// -// cy.get('[data-cy="update-btn"]').should('be.disabled'); -// -// cy.get('input[name="title"]').type( -// 'Lorem Ipsum is simply dummy text of the printing and typesetting industry' -// ); -// -// cy.get('input[name=authors]').type('Author{enter}'); -// -// cy.setEditorText( -// 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco' -// ); -// -// cy.get('input[name=date_published]').type('3033-01-01'); -// -// cy.get('input[name=date_downloaded]').type('3033-01-01'); -// -// cy.get('@modal') -// .contains('Please review submission. Some data is missing.') -// .should('not.exist'); -// -// cy.get('[data-cy="update-btn"]').should('not.be.disabled'); -// }); -// -// maybeIt('Should display submission image on edit modal', () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// const submission = submittedReports.data.submissions.find( -// (s) => s.cloudinary_id && s.cloudinary_id != 'reports/' && s.cloudinary_id != '' -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindSubmissions', -// 'FindSubmissions', -// { -// data: { -// submissions: [submission], -// }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindSubmission', -// 'FindSubmission', -// { -// data: { -// submission, -// }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'AllQuickAdd', -// 'AllQuickAdd', -// { -// data: { -// quickadds: [quickAdds], -// }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindEntities', -// 'FindEntities', -// { -// data: { -// entities: [ -// { __typename: 'Entity', entity_id: 'Adults', name: 'adults' }, -// { __typename: 'Entity', entity_id: 'Google', name: 'google' }, -// ], -// }, -// } -// ); -// -// cy.visit(url); -// -// cy.wait('@FindSubmissions'); -// -// cy.wait('@AllQuickAdd'); -// -// cy.get('[data-cy="submission"]').first().as('promoteForm'); -// -// cy.get('@promoteForm').contains('review >').click(); -// -// cy.get('[data-cy="edit-submission"]').eq(0).click(); -// -// cy.get('[data-cy="submission-modal"]').as('modal').should('be.visible'); -// -// cy.waitForStableDOM(); -// -// cy.get('[data-cy="image-preview-figure"] img').should( -// 'have.attr', -// 'src', -// 'https://res.cloudinary.com/pai/image/upload/d_fallback.jpg/f_auto/q_auto/v1/reports/s3.amazonaws.com/ledejs/resized/s2020-pasco-ilp/600/nocco5.jpg' -// ); -// }); -// -// maybeIt('Should display fallback image on edit modal if submission doesnt have an image', () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// const submission = submittedReports.data.submissions.find((s) => s.cloudinary_id === null); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindSubmissions', -// 'FindSubmissions', -// { -// data: { -// submissions: [submission], -// }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindSubmission', -// 'FindSubmission', -// { -// data: { -// submission, -// }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'AllQuickAdd', -// 'AllQuickAdd', -// { -// data: { -// quickadds: [quickAdds], -// }, -// } -// ); -// -// cy.visit(url); -// -// cy.wait('@FindSubmissions'); -// -// cy.wait('@AllQuickAdd'); -// -// cy.get('[data-cy="submission"]').first().as('promoteForm'); -// -// cy.get('@promoteForm').contains('review >').click(); -// -// cy.get('[data-cy="edit-submission"]').eq(0).click(); -// -// cy.get('[data-cy="submission-modal"]').as('modal').should('be.visible'); -// -// cy.get('[data-cy="image-preview-figure"] img').should( -// 'have.attr', -// 'src', -// 'https://res.cloudinary.com/pai/image/upload/d_fallback.jpg/f_auto/q_auto/fallback.jpg' -// ); -// }); -}); diff --git a/site/gatsby-site/cypress/e2e/integration/apps/variants.cy.js b/site/gatsby-site/cypress/e2e/integration/apps/variants.cy.js deleted file mode 100644 index 8c92190949..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/apps/variants.cy.js +++ /dev/null @@ -1,503 +0,0 @@ -import { format, getUnixTime } from 'date-fns'; -import { maybeIt } from '../../../support/utils'; -import { getVariantStatusText, VARIANT_STATUS } from '../../../../src/utils/variants'; -import variantIncidents from '../../../fixtures/variants/variantIncidents.json'; -import variants from '../../../fixtures/variants/variants.json'; - -describe('Variants App', () => { -// const url = '/apps/variants'; -// -// it('Successfully loads', () => { -// cy.visit(url); -// }); -// -// it('Should display a list of Unreviewed Variants and their values - Unauthenticated user', () => { -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindVariants', -// 'findVariants', -// variants -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindIncidents', -// 'findIncidents', -// variantIncidents -// ); -// -// cy.visit(url); -// -// cy.wait('@findVariants'); -// cy.wait('@findIncidents'); -// -// cy.get('[data-cy=input-filter-Status]').should('have.value', 'Unreviewed'); -// -// cy.get('[data-cy="row"]') -// .eq(0) -// .within(() => { -// cy.get('[data-cy="cell"]').should('have.length', 5); -// -// const incident = variantIncidents.data.incidents[0]; -// -// cy.get('[data-cy="cell"]').eq(0).should('have.text', `Incident ${incident.incident_id}`); -// cy.get('[data-cy="cell"]') -// .eq(0) -// .find(`a[href="/cite/${incident.incident_id}"]`) -// .should('exist'); -// cy.get('[data-cy="cell"]').eq(1).should('have.text', incident.title); -// cy.get('[data-cy="cell"]') -// .eq(2) -// .should('have.text', getVariantStatusText(VARIANT_STATUS.unreviewed)); -// cy.get('[data-cy="cell"]').eq(3).should('have.text', 'Test input text with markdown'); -// cy.get('[data-cy="cell"]').eq(4).should('have.text', 'Test output text with markdown'); -// }); -// }); -// -// it('Should display a list of all Variants and their values - Unauthenticated user', () => { -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindVariants', -// 'findVariants', -// variants -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindIncidents', -// 'findIncidents', -// variantIncidents -// ); -// -// cy.visit(url); -// -// cy.wait('@findVariants'); -// cy.wait('@findIncidents'); -// -// cy.get('[data-cy=input-filter-Status]').should('have.value', 'Unreviewed'); -// -// cy.get('[data-cy=input-filter-Status]').clear(); -// -// cy.get('[data-cy="row"]') -// .eq(0) -// .within(() => { -// cy.get('[data-cy="cell"]').should('have.length', 5); -// -// const incident = variantIncidents.data.incidents[0]; -// -// cy.get('[data-cy="cell"]').eq(0).should('have.text', `Incident ${incident.incident_id}`); -// cy.get('[data-cy="cell"]') -// .eq(0) -// .find(`a[href="/cite/${incident.incident_id}"]`) -// .should('exist'); -// cy.get('[data-cy="cell"]').eq(1).should('have.text', incident.title); -// cy.get('[data-cy="cell"]') -// .eq(2) -// .should('have.text', getVariantStatusText(VARIANT_STATUS.unreviewed)); -// cy.get('[data-cy="cell"]').eq(3).should('have.text', 'Test input text with markdown'); -// cy.get('[data-cy="cell"]').eq(4).should('have.text', 'Test output text with markdown'); -// }); -// -// cy.get('[data-cy="row"]') -// .eq(1) -// .within(() => { -// cy.get('[data-cy="cell"]').should('have.length', 5); -// -// const incident = variantIncidents.data.incidents[1]; -// -// const variant = variants.data.reports[1]; -// -// cy.get('[data-cy="cell"]').eq(0).should('have.text', `Incident ${incident.incident_id}`); -// cy.get('[data-cy="cell"]') -// .eq(0) -// .find(`a[href="/cite/${incident.incident_id}"]`) -// .should('exist'); -// cy.get('[data-cy="cell"]').eq(1).should('have.text', incident.title); -// cy.get('[data-cy="cell"]') -// .eq(2) -// .should('have.text', getVariantStatusText(VARIANT_STATUS.approved)); -// cy.get('[data-cy="cell"]').eq(3).should('have.text', variant.text_inputs); -// cy.get('[data-cy="cell"]').eq(4).should('have.text', variant.text_outputs); -// }); -// -// cy.get('[data-cy="row"]') -// .eq(2) -// .within(() => { -// cy.get('[data-cy="cell"]').should('have.length', 5); -// -// const incident = variantIncidents.data.incidents[1]; -// -// const variant = variants.data.reports[2]; -// -// cy.get('[data-cy="cell"]').eq(0).should('have.text', `Incident ${incident.incident_id}`); -// cy.get('[data-cy="cell"]') -// .eq(0) -// .find(`a[href="/cite/${incident.incident_id}"]`) -// .should('exist'); -// cy.get('[data-cy="cell"]').eq(1).should('have.text', incident.title); -// cy.get('[data-cy="cell"]') -// .eq(2) -// .should('have.text', getVariantStatusText(VARIANT_STATUS.rejected)); -// cy.get('[data-cy="cell"]').eq(3).should('have.text', variant.text_inputs); -// cy.get('[data-cy="cell"]').eq(4).should('have.text', variant.text_outputs); -// }); -// }); -// -// maybeIt('Should Delete a Variant - Incident Editor user', () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindVariants', -// 'findVariants', -// variants -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindIncidents', -// 'findIncidents', -// variantIncidents -// ); -// -// const variant = variants.data.reports[0]; -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindVariant', -// 'findVariant', -// { -// data: { -// report: variant, -// }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => -// req.body.operationName == 'DeleteOneVariant' && -// req.body.variables.query.report_number === variant.report_number, -// 'deleteOneVariant', -// { -// data: { -// deleteOneReport: { -// __typename: 'Report', -// report_number: variant.report_number, -// }, -// }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => -// req.body.operationName == 'LinkReportsToIncidents' && -// req.body.variables.input.incident_ids.length === 0 && -// req.body.variables.input.report_numbers.includes(variant.report_number), -// 'linkReportsToIncidents', -// { -// data: { -// linkReportsToIncidents: [], -// }, -// } -// ); -// -// cy.visit(url); -// -// cy.wait('@findVariants'); -// cy.wait('@findIncidents'); -// -// cy.get('[data-cy="row"]') -// .eq(0) -// .within(() => { -// cy.get('[data-cy="cell"]').eq(5).find('[data-cy=delete-variant-btn]').click(); -// }); -// -// cy.wait('@deleteOneVariant'); -// cy.wait('@linkReportsToIncidents'); -// -// cy.get('[data-cy="toast"]') -// .contains('Variant successfully deleted. Your changes will be live within 24 hours.') -// .should('exist'); -// -// cy.wait('@findVariants'); -// }); -// -// maybeIt('Should Approve a Variant - Incident Editor user', () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindVariants', -// 'findVariants', -// variants -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindIncidents', -// 'findIncidents', -// variantIncidents -// ); -// -// const variant = variants.data.reports[0]; -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindVariant', -// 'findVariant', -// { -// data: { -// report: variant, -// }, -// } -// ); -// -// const today = format(new Date(), 'yyyy-MM-dd'); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => -// req.body.operationName == 'UpdateVariant' && -// req.body.variables.query.report_number === 2310 && -// req.body.variables.set.tags.includes(VARIANT_STATUS.approved) && -// req.body.variables.set.date_modified == today && -// req.body.variables.set.epoch_date_modified == getUnixTime(new Date(today)), -// 'updateVariant', -// { -// data: { -// updateOneReport: { -// report_number: 2310, -// tags: [VARIANT_STATUS.approved], -// __typename: 'Report', -// authors: ['Anonymous'], -// date_downloaded: '2022-12-12', -// date_modified: '2022-12-12', -// date_published: '2022-12-12', -// editor_notes: null, -// epoch_date_downloaded: 1670803200, -// epoch_date_modified: 1670803200, -// epoch_date_published: 1670803200, -// flag: null, -// image_url: '', -// language: 'en', -// plain_text: 'Dummy text', -// submitters: ['Anonymous'], -// text: 'Dummy text', -// title: 'Variant #2319', -// url: 'dummyurl.com', -// }, -// }, -// } -// ); -// -// cy.visit(url); -// -// cy.wait('@findVariants'); -// cy.wait('@findIncidents'); -// -// cy.get('[data-cy="row"]') -// .eq(0) -// .within(() => { -// cy.get('[data-cy="cell"]').eq(5).find('[data-cy=approve-variant-btn]').click(); -// }); -// -// cy.wait('@updateVariant'); -// -// cy.get('[data-cy="toast"]') -// .contains('Variant successfully updated. Your edits will be live within 24 hours.') -// .should('exist'); -// -// cy.wait('@findVariants'); -// }); -// -// maybeIt('Should Reject a Variant - Incident Editor user', () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindVariants', -// 'findVariants', -// variants -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindIncidents', -// 'findIncidents', -// variantIncidents -// ); -// -// const variant = variants.data.reports[0]; -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindVariant', -// 'findVariant', -// { -// data: { -// report: variant, -// }, -// } -// ); -// -// const today = format(new Date(), 'yyyy-MM-dd'); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => -// req.body.operationName == 'UpdateVariant' && -// req.body.variables.query.report_number === variant.report_number && -// req.body.variables.set.tags.includes(VARIANT_STATUS.rejected) && -// req.body.variables.set.date_modified == today && -// req.body.variables.set.epoch_date_modified == getUnixTime(new Date(today)), -// 'updateVariant', -// { -// data: { -// updateOneReport: { -// report_number: variant.report_number, -// tags: [VARIANT_STATUS.rejected], -// __typename: 'Report', -// authors: ['Anonymous'], -// date_downloaded: '2022-12-12', -// date_modified: '2022-12-12', -// date_published: '2022-12-12', -// editor_notes: null, -// epoch_date_downloaded: 1670803200, -// epoch_date_modified: 1670803200, -// epoch_date_published: 1670803200, -// flag: null, -// image_url: '', -// language: 'en', -// plain_text: 'Dummy text', -// submitters: ['Anonymous'], -// text: 'Dummy text', -// title: 'Variant #2319', -// url: 'dummyurl.com', -// }, -// }, -// } -// ); -// -// cy.visit(url); -// -// cy.wait('@findVariants'); -// cy.wait('@findIncidents'); -// -// cy.get('[data-cy="row"]') -// .eq(0) -// .within(() => { -// cy.get('[data-cy="cell"]').eq(5).find('[data-cy=reject-variant-btn]').click(); -// }); -// -// cy.wait('@updateVariant'); -// -// cy.get('[data-cy="toast"]') -// .contains('Variant successfully updated. Your edits will be live within 24 hours.') -// .should('exist'); -// -// cy.wait('@findVariants'); -// }); -// -// maybeIt('Should Edit a Variant - Incident Editor user', () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// const new_text_inputs = 'New Input text'; -// -// const new_text_outputs = 'New Output text'; -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindVariants', -// 'findVariants', -// variants -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindIncidents', -// 'findIncidents', -// variantIncidents -// ); -// -// const variant = variants.data.reports[0]; -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindVariant', -// 'findVariant', -// { -// data: { -// report: variant, -// }, -// } -// ); -// -// const today = format(new Date(), 'yyyy-MM-dd'); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => -// req.body.operationName == 'UpdateVariant' && -// req.body.variables.query.report_number === variant.report_number && -// req.body.variables.set.text_inputs === new_text_inputs && -// req.body.variables.set.text_outputs === new_text_outputs && -// req.body.variables.set.tags.includes(VARIANT_STATUS.approved) && -// req.body.variables.set.date_modified == today && -// req.body.variables.set.epoch_date_modified == getUnixTime(new Date(today)), -// 'updateVariant', -// { -// data: { -// updateOneReport: { -// report_number: variant.report_number, -// tags: [VARIANT_STATUS.approved], -// __typename: 'Report', -// authors: ['Anonymous'], -// date_downloaded: '2022-12-12', -// date_modified: '2022-12-12', -// date_published: '2022-12-12', -// editor_notes: null, -// epoch_date_downloaded: 1670803200, -// epoch_date_modified: 1670803200, -// epoch_date_published: 1670803200, -// flag: null, -// image_url: '', -// language: 'en', -// plain_text: 'Dummy text', -// submitters: ['Anonymous'], -// text: 'Dummy text', -// title: 'Variant #2310', -// url: 'dummyurl.com', -// }, -// }, -// } -// ); -// -// cy.visit(url); -// -// cy.wait('@findVariants'); -// cy.wait('@findIncidents'); -// -// cy.get('[data-cy="row"]') -// .eq(0) -// .within(() => { -// cy.get('[data-cy="cell"]').eq(5).find('[data-cy=edit-variant-btn]').click(); -// }); -// -// cy.get('[data-cy=edit-variant-modal]').should('be.visible').as('modal'); -// -// cy.get('#formTextInputs').clear().type(new_text_inputs); -// cy.get('#formTextOutputs').clear().type(new_text_outputs); -// -// cy.get('[data-cy=edit-variant-modal]').find('[data-cy=approve-variant-btn]').click(); -// -// cy.wait('@updateVariant'); -// -// cy.get('[data-cy="toast"]') -// .contains('Variant successfully updated. Your edits will be live within 24 hours.') -// .should('exist'); -// -// cy.wait('@findVariants'); -// }); -}); diff --git a/site/gatsby-site/cypress/e2e/integration/blog.cy.js b/site/gatsby-site/cypress/e2e/integration/blog.cy.js deleted file mode 100644 index c8efa08fb6..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/blog.cy.js +++ /dev/null @@ -1,57 +0,0 @@ -describe('Blog', () => { -// it('Should include outline in blog post', () => { -// cy.visit('/blog/the-first-taxonomy-of-ai-incidents'); -// -// cy.get('[data-cy="outline"] > li').should('have.length.at.least', 5); -// -// cy.get('[data-cy="outline"]').contains('Multiple Perspectives').should('exist'); -// cy.get('[data-cy="outline"]').contains('Collection Biases').should('exist'); -// cy.get('[data-cy="outline"]').contains('What Can You Do With This?').should('exist'); -// cy.get('[data-cy="outline"]').contains('Credit and Acknowledgements').should('exist'); -// }); -// -// it('Should include outline in Spanish blog post', () => { -// cy.visit('/es/blog/multilingual-incident-reporting'); -// -// cy.get('[data-cy="outline"] > li').should('have.length.at.least', 3); -// -// cy.get('[data-cy="outline"]').contains('¿Como funciona?').should('exist'); -// cy.get('[data-cy="outline"]').contains('Llamado a la acción').should('exist'); -// cy.get('[data-cy="outline"]').contains('Anexo: Riesgos y mejores prácticas').should('exist'); -// }); -// -// it('Should have OpenGraph meta tags', () => { -// const postSlug = 'incident-report-2022-july-august'; -// -// const title = 'AI Incident Report for July and August 2022'; -// -// const description = -// 'This compilation of AI incidents published in July and August of 2022 highlights emerging incidents and provides a digest of recent additions to the database.'; -// -// const imageUrl = -// 'https://incidentdatabase.ai/static/99f8b794fdc0da79022b7f6e38025aca/011c1/aiid-july-august.png'; -// -// cy.visit(`/blog/${postSlug}`); -// -// cy.title().should('eq', title); -// -// cy.get('head meta[name="title"]').should('have.attr', 'content', title); -// cy.get('head meta[name="description"]').should('have.attr', 'content', description); -// -// cy.get('head meta[name="twitter:site"]').should('have.attr', 'content', '@IncidentsDB'); -// cy.get('head meta[name="twitter:creator"]').should('have.attr', 'content', '@IncidentsDB'); -// -// cy.get('head meta[property="og:url"]').should( -// 'have.attr', -// 'content', -// `https://incidentdatabase.ai/blog/${postSlug}/` -// ); -// cy.get('head meta[property="og:type"]').should('have.attr', 'content', 'website'); -// cy.get('head meta[property="og:title"]').should('have.attr', 'content', title); -// cy.get('head meta[property="og:description"]').should('have.attr', 'content', description); -// cy.get('head meta[property="og:image"]').should('have.attr', 'content', imageUrl); -// cy.get('head meta[property="twitter:title"]').should('have.attr', 'content', title); -// cy.get('head meta[property="twitter:description"]').should('have.attr', 'content', description); -// cy.get('head meta[property="twitter:image"]').should('have.attr', 'content', imageUrl); -// }); -}); diff --git a/site/gatsby-site/cypress/e2e/integration/cite.cy.js b/site/gatsby-site/cypress/e2e/integration/cite.cy.js deleted file mode 100644 index 7915b3782b..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/cite.cy.js +++ /dev/null @@ -1,436 +0,0 @@ -import { maybeIt } from '../../support/utils'; -import flaggedReport from '../../fixtures/reports/flagged.json'; -import unflaggedReport from '../../fixtures/reports/unflagged.json'; -import { format } from 'date-fns'; -const { gql } = require('@apollo/client'); - -import updateOneIncidentFlagged from '../../fixtures/incidents/updateOneIncidentFlagged.json'; - -describe('Cite pages', () => { -// const discoverUrl = '/apps/discover'; -// -// const incidentId = 10; -// -// const url = `/cite/${incidentId}`; -// -// it('Successfully loads', () => { -// cy.visit(url); -// }); -// -// it( -// 'Should scroll to report when coming from the discover app', -// { retries: { runMode: 4 } }, -// () => { -// cy.visit(discoverUrl); -// -// cy.disableSmoothScroll(); -// -// cy.contains('Show Details on Incident #10').first().click(); -// -// cy.url().should('include', '/cite/10/#r23'); -// cy.waitForStableDOM(); -// -// cy.contains('h5', 'Is Starbucks shortchanging its baristas?', { timeout: 8000 }) -// .parents('[data-cy="incident-report-card"]') -// .then((subject) => { -// expect(subject[0].getBoundingClientRect().top).to.be.closeTo(0, 30); -// }); -// } -// ); -// -// it('Should scroll to report when clicking on a report in the timeline', () => { -// cy.visit(url); -// -// cy.wait(4000); -// -// cy.disableSmoothScroll(); -// -// cy.get('text') -// .contains('For some Starbucks workers, job leaves bitter taste') -// .parents('a') -// .click({ force: true }); -// -// cy.get('h5') -// .contains('For some Starbucks workers, job leaves bitter taste') -// .parents('[data-cy="incident-report-card"]') -// .then((subject) => { -// expect(subject[0].getBoundingClientRect().top).to.be.closeTo(0, 1); -// }); -// }); -// -// it('Should show the incident stats table', () => { -// cy.visit(url); -// cy.get('[data-cy=incident-stats]').should('exist'); -// }); -// -// it('Should show editors in the stats table', () => { -// cy.visit(url); -// cy.get('[data-cy=incident-stats] > * > *') -// .contains('Editors') -// .parents('*') -// .contains('Sean McGregor'); -// }); -// -// maybeIt('Should show an edit link to users with the appropriate role', {}, () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// const id = 'r3'; -// -// cy.visit('/cite/1#' + id); -// -// cy.get(`#${id} [data-cy="edit-report"]`).click(); -// -// cy.url().should('contain', '/cite/edit/?report_number=3'); -// }); -// -// maybeIt('Should show the taxonomy form of CSET', () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// cy.visit(url); -// -// cy.get('[data-cy="CSET"]').contains('Edit').click(); -// -// cy.get('[data-cy="CSET"] [data-cy="taxonomy-form"]', { timeout: 8000 }).as('taxonomyForm'); -// -// cy.get('@taxonomyForm').should('exist'); -// }); -// -// it(`Should taxa table only when there are classifications and the user is not authenticated`, () => { -// cy.visit(url); -// -// cy.get('[data-cy="CSET"]').should('exist'); -// -// cy.get('[data-cy="CSETv1"]').should('not.exist'); -// }); -// -// it('Should flag an incident', () => { -// // mock requests until a testing database is implemented -// const _id = '23'; -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindReport', -// 'fetchReport', -// unflaggedReport -// ); -// -// cy.visit(url + '#' + _id); -// -// cy.waitForStableDOM(); -// -// cy.get(`[id="r${_id}"`).find('[data-cy="expand-report-button"]').click(); -// -// cy.get(`[id="r${_id}"`).find('[data-cy="flag-button"]').click(); -// -// cy.get('[data-cy="flag-modal"]').as('modal').should('be.visible'); -// -// cy.wait('@fetchReport'); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'UpdateReport', -// 'updateReport', -// flaggedReport -// ); -// -// cy.get('@modal').find('[data-cy="flag-toggle"]').click(); -// -// cy.wait('@updateReport'); -// -// cy.get('@modal').find('[data-cy="flag-toggle"]').should('be.disabled'); -// -// cy.get('[aria-label="Close"]').click(); -// -// cy.get('@modal').should('not.exist'); -// }); -// -// it('Should pre-fill submit report form', () => { -// cy.visit(url); -// -// cy.contains('New Report').scrollIntoView().click(); -// -// cy.contains('[data-cy="prefilled-incident-id"]', 'Adding a new report to incident 10', { -// timeout: 8000, -// }).should('be.visible'); -// }); -// -// it('should render Next and Previous incident buttons', () => { -// cy.visit(url); -// -// cy.contains('Next Incident').should('be.visible').should('have.attr', 'href', '/cite/11'); -// -// cy.contains('Previous Incident').should('be.visible').should('have.attr', 'href', '/cite/9'); -// }); -// -// maybeIt('Should show the edit incident form', () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// cy.visit(url); -// -// cy.contains('Edit Incident').click(); -// -// cy.url().should('contain', '/incidents/edit/?incident_id=10'); -// -// cy.get('[data-cy="incident-form"]', { timeout: 8000 }).should('be.visible'); -// }); -// -// it('Should display correct BibTex Citation', { retries: { runMode: 4 } }, () => { -// cy.visit(url); -// -// const date = format(new Date(), 'MMMMd,y'); -// -// cy.waitForStableDOM(); -// -// cy.contains('button', 'BibTex Citation').click(); -// -// cy.waitForStableDOM(); -// -// cy.get('[data-cy="bibtext-modal"]', { timeout: 15000 }).should('be.visible'); -// -// cy.get('[data-cy="bibtext-modal"]', { timeout: 15000 }) -// .find('code') -// .invoke('text') -// .then((text) => { -// // would be nice not having to remove especial characters -// // eslint-disable-next-line -// const bibText = text.replace(/(\r\n|\n|\r| |\s)/g, ''); -// -// expect(bibText).to.eq( -// `@article{aiid:10,author={Olsson,Catherine},editor={McGregor,Sean},journal={AIIncidentDatabase},publisher={ResponsibleAICollaborative},title={IncidentNumber10},url={https://incidentdatabase.ai/cite/10},year={2014},urldate={${date}}}` -// ); -// }); -// }); -// -// it('Should display correct Citation', () => { -// cy.visit(url); -// -// const date = format(new Date(), 'MMMM d, y'); -// -// cy.wait(0); -// -// cy.get('[data-cy="citation"] .tw-card-body').should( -// 'contain.text', -// `Olsson, Catherine. (2014-08-14) Incident Number 10. in McGregor, S. (ed.) Artificial Intelligence Incident Database. Responsible AI Collaborative. Retrieved on ${date} from incidentdatabase.ai/cite/10.` -// ); -// }); -// -// it('Should display similar incidents', () => { -// cy.visit('/cite/9'); -// -// cy.get('[data-cy="similar-incident-card"]').should('exist'); -// }); -// -// it('Should display similar incidents with localized links', () => { -// cy.visit('/es/cite/9'); -// -// cy.get('[data-cy="similar-incident-card"]').should('exist'); -// -// cy.get('.tw-main-container [data-cy="similar-incident-card"] > [data-cy="cite-link"]').each( -// (link) => { -// const href = link[0].href; -// -// expect(href).to.contains('/es/cite/'); -// } -// ); -// }); -// -// it('Should not display duplicate similar incidents', () => { -// cy.visit('/cite/9'); -// -// const hrefs = new Set(); -// -// cy.get('.tw-main-container [data-cy="similar-incident-card"] > [data-cy="cite-link"]').each( -// (link) => { -// const href = link[0].href; -// -// expect(hrefs.has(href)).to.be.false; -// hrefs.add(href); -// } -// ); -// }); -// -// it('Should not display edit link when not logged in', () => { -// cy.visit('/cite/9'); -// -// cy.get('[data-cy="edit-similar-incidents"]').should('not.exist'); -// }); -// -// maybeIt('Should display edit link when logged in as editor', () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// cy.visit('/cite/9'); -// -// cy.get('[data-cy="edit-similar-incidents"]').should('exist'); -// }); -// -// it('Should flag an incident as not related', () => { -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'UpdateIncident', -// 'updateIncident', -// updateOneIncidentFlagged -// ); -// -// cy.visit('/cite/9'); -// -// cy.waitForStableDOM(); -// -// cy.get('[data-cy="flag-similar-incident"]').first().click(); -// -// cy.wait('@updateIncident', { timeout: 8000 }).then((xhr) => { -// expect(xhr.request.body.variables.query).deep.eq({ incident_id: 9 }); -// expect(xhr.request.body.variables.set.flagged_dissimilar_incidents).deep.eq([11]); -// }); -// }); -// -// it('Should have OpenGraph meta tags', () => { -// cy.visit(url); -// -// cy.query({ -// query: gql` -// query { -// incidents(query: { incident_id: ${incidentId} }, limit: 1) { -// title -// description -// reports { -// image_url -// date_published -// } -// } -// } -// `, -// }).then(({ data: { incidents } }) => { -// const incident = incidents[0]; -// -// const title = `Incident ${incidentId}: ${incident.title}`; -// -// const description = incident.description; -// -// const imageUrl = [...incident.reports].sort((a, b) => -// a.date_published >= b.date_published ? 1 : -1 -// )[0].image_url; -// -// cy.get('head meta[name="title"]').should('have.attr', 'content', title); -// cy.get('head meta[name="description"]').should('have.attr', 'content', description); -// -// cy.get('head meta[name="twitter:site"]').should('have.attr', 'content', '@IncidentsDB'); -// cy.get('head meta[name="twitter:creator"]').should('have.attr', 'content', '@IncidentsDB'); -// -// cy.get('head meta[property="og:url"]').should( -// 'have.attr', -// 'content', -// `https://incidentdatabase.ai${url}/` -// ); -// cy.get('head meta[property="og:type"]').should('have.attr', 'content', 'website'); -// cy.get('head meta[property="og:title"]').should('have.attr', 'content', title); -// cy.get('head meta[property="og:description"]').should('have.attr', 'content', description); -// cy.get('head meta[property="og:image"]').should('have.attr', 'content', imageUrl); -// cy.get('head meta[property="twitter:title"]').should('have.attr', 'content', title); -// cy.get('head meta[property="twitter:description"]').should( -// 'have.attr', -// 'content', -// description -// ); -// cy.get('head meta[property="twitter:image"]').should('have.attr', 'content', imageUrl); -// }); -// }); -// -// maybeIt('Should subscribe to incident updates (user authenticated)', () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// cy.visit(url); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'UpsertSubscription', -// 'upsertSubscription', -// { -// data: { -// upsertOneSubscription: { -// _id: 'dummyIncidentId', -// }, -// }, -// } -// ); -// -// cy.waitForStableDOM(); -// -// cy.contains('Notify Me of Updates').scrollIntoView().click(); -// -// cy.get('[data-cy="toast"]', { timeout: 15000 }).should('be.visible'); -// -// cy.contains( -// '[data-cy="toast"]', -// `You have successfully subscribed to updates on incident ${incidentId}` -// ).should('be.visible'); -// }); -// -// it('Should not subscribe to incident updates (user unauthenticated)', () => { -// cy.visit(url); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'UpsertSubscription', -// 'upsertSubscription', -// { -// data: { -// upsertOneSubscription: { -// _id: 'dummyIncidentId', -// }, -// }, -// } -// ); -// -// cy.waitForStableDOM(); -// -// cy.contains('Notify Me of Updates').scrollIntoView().click(); -// -// cy.get('[data-cy="toast"]', { timeout: 15000 }).should('be.visible'); -// -// cy.get('[data-cy="toast"]').contains(`Please log in to subscribe`).should('be.visible'); -// }); -// -// it('Should show proper entities card text', () => { -// cy.visit('/cite/67/'); -// -// cy.get('[data-cy="alleged-entities"]').should( -// 'have.text', -// 'Alleged: Tesla developed an AI system deployed by Tesla and Motorist, which harmed Motorists.' -// ); -// -// cy.visit('/cite/72/'); -// -// cy.get('[data-cy="alleged-entities"]').should( -// 'have.text', -// 'Alleged: Facebook developed and deployed an AI system, which harmed unnamed Palestinian Facebook user , Palestinian Facebook users , Arabic-speaking Facebook users and Facebook users.' -// ); -// -// cy.visit('/cite/30'); -// -// cy.get('[data-cy="alleged-entities"]').should( -// 'have.text', -// 'Alleged: Tesla developed and deployed an AI system, which harmed Tesla.' -// ); -// }); -// -// it('Should display response in timeline and as badge', () => { -// cy.visit('/cite/51#r1765'); -// -// cy.get('#r1765') -// .scrollIntoView() -// .contains('post-incident response', { timeout: 8000 }) -// .should('exist'); -// -// cy.get('[data-cy="responded-badge"]').should('exist'); -// -// cy.get('[data-cy="timeline-text-response"]').should('exist'); -// }); -// -// it('Should not display response in timeline or in badge', () => { -// cy.visit('/cite/1'); -// -// cy.get('[data-cy="responded-badge"]').should('not.exist'); -// -// cy.get('[data-cy="timeline-text-response"]').should('not.exist'); -// }); -}); diff --git a/site/gatsby-site/cypress/e2e/integration/citeEdit.cy.js b/site/gatsby-site/cypress/e2e/integration/citeEdit.cy.js deleted file mode 100644 index efdce72162..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/citeEdit.cy.js +++ /dev/null @@ -1,917 +0,0 @@ -import { maybeIt } from '../../support/utils'; - -import updateOneReport from '../../fixtures/reports/updateOneReport.json'; - -import updateOneReportTranslation from '../../fixtures/reports/updateOneReportTranslation.json'; - -import { format, getUnixTime } from 'date-fns'; - -import reportWithTranslations from '../../fixtures/reports/reportWithTranslations.json'; - -import issueWithTranslations from '../../fixtures/reports/issueWithTranslations.json'; - -describe('Edit report', () => { -// const url = '/cite/edit?report_number=10'; -// -// it('Successfully loads', () => { -// cy.visit(url); -// -// cy.disableSmoothScroll(); -// }); -// -// maybeIt('Should load and update report values', () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindReportWithTranslations', -// 'FindReportWithTranslations', -// reportWithTranslations -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindIncidents', -// 'FindIncidents', -// { -// data: { -// incidents: [ -// { -// _typename: 'Incident', -// incident_id: 1, -// title: 'Incident 1', -// }, -// ], -// }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindIncidentsTitles', -// 'FindIncidentsTitles', -// { -// data: { -// incidents: [ -// { -// _typename: 'Incident', -// incident_id: 1, -// title: 'Incident 1', -// }, -// { -// _typename: 'Incident', -// incident_id: 2, -// title: 'Incident 2', -// }, -// ], -// }, -// } -// ); -// -// cy.visit(url); -// -// cy.wait(['@FindReportWithTranslations', '@FindIncidents']); -// -// [ -// 'authors', -// 'date_downloaded', -// 'date_published', -// 'image_url', -// 'submitters', -// 'title', -// 'editor_notes', -// ].forEach((key) => { -// cy.get(`[name=${key}]`).should( -// 'have.value', -// reportWithTranslations.data.report[key].toString() -// ); -// }); -// -// cy.getEditorText().should('eq', reportWithTranslations.data.report.text); -// -// cy.contains('label', 'Incident IDs') -// .next() -// .contains('[data-cy="token"]', 'Incident 1') -// .should('be.visible'); -// -// cy.get('[class*=Typeahead] [option="Test Tag"]').should('have.length', 1); -// -// cy.get('[data-cy="translation-es"] [type="text"]').should( -// 'have.value', -// reportWithTranslations.data.report.translations_es.title -// ); -// -// cy.getEditorText('[data-cy="translation-es"] .CodeMirror').should( -// 'eq', -// reportWithTranslations.data.report.translations_es.text -// ); -// -// const updates = { -// authors: 'Test Author', -// date_downloaded: '2022-01-01', -// date_published: '2022-02-02', -// image_url: 'https://test.com/test.jpg', -// submitters: 'Test Submitter', -// title: 'Test Title', -// url: 'https://www.test.com/test', -// editor_notes: 'Pro iustitia tantum', -// }; -// -// Object.keys(updates).forEach((key) => { -// cy.get(`[name=${key}]`).clear().type(updates[key]); -// }); -// -// cy.setEditorText( -// '## This is text in English\n\nthat is longer that eighty characters, yes eighty characters!', -// '[data-cy="text"] .CodeMirror' -// ); -// -// cy.get('[class*=Typeahead] [type="text"]').type('New Tag'); -// -// cy.get('a[aria-label="New Tag"]').click(); -// -// cy.get('[data-cy="translation-es"] [type="text"]') -// .clear() -// .type('Este es un titulo en Espanol!'); -// -// cy.setEditorText( -// '## Este es texto en espanol\n\nque es mas largo que ochenta caracters, si ochenta caracteres!', -// '[data-cy="translation-es"] .CodeMirror' -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'UpdateReport', -// 'updateReport', -// updateOneReport -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'UpdateReportTranslation', -// 'updateOneReportTranslation', -// updateOneReportTranslation -// ); -// -// cy.contains('button', 'Submit').click(); -// -// cy.wait('@updateReport').then((xhr) => { -// expect(xhr.request.body.variables.query.report_number).eq(10); -// -// const date_modified = format(new Date(), 'yyyy-MM-dd'); -// -// const epoch_date_modified = getUnixTime(new Date(date_modified)); -// -// expect(xhr.request.body.variables.set.authors).deep.eq(['Test Author']); -// expect(xhr.request.body.variables.set.cloudinary_id).eq('reports/test.com/test.jpg'); -// expect(xhr.request.body.variables.set.date_downloaded).eq('2022-01-01'); -// expect(xhr.request.body.variables.set.date_modified).eq(date_modified); -// expect(xhr.request.body.variables.set.date_published).eq('2022-02-02'); -// expect(xhr.request.body.variables.set.epoch_date_downloaded).eq(1640995200); -// expect(xhr.request.body.variables.set.epoch_date_modified).eq(epoch_date_modified); -// expect(xhr.request.body.variables.set.epoch_date_published).eq(1643760000); -// expect(xhr.request.body.variables.set.flag).eq(null); -// expect(xhr.request.body.variables.set.image_url).eq('https://test.com/test.jpg'); -// expect(xhr.request.body.variables.set.report_number).eq(10); -// expect(xhr.request.body.variables.set.submitters).deep.eq(['Test Submitter']); -// expect(xhr.request.body.variables.set.tags).deep.eq(['Test Tag', 'New Tag']); -// expect(xhr.request.body.variables.set.text).eq( -// '## This is text in English\n\nthat is longer that eighty characters, yes eighty characters!' -// ); -// expect(xhr.request.body.variables.set.plain_text).eq( -// 'This is text in English\n\nthat is longer that eighty characters, yes eighty characters!\n' -// ); -// expect(xhr.request.body.variables.set.title).eq('Test Title'); -// expect(xhr.request.body.variables.set.url).eq('https://www.test.com/test'); -// expect(xhr.request.body.variables.set.source_domain).eq('test.com'); -// expect(xhr.request.body.variables.set.editor_notes).eq('Pro iustitia tantum'); -// expect(xhr.request.body.variables.set.language).eq('en'); -// }); -// -// cy.wait('@updateOneReportTranslation').then((xhr) => { -// expect(xhr.request.body.variables.input.language).eq('es'); -// expect(xhr.request.body.variables.input.report_number).eq(10); -// expect(xhr.request.body.variables.input.text).eq( -// '## Este es texto en espanol\n\nque es mas largo que ochenta caracters, si ochenta caracteres!' -// ); -// expect(xhr.request.body.variables.input.plain_text).eq( -// 'Este es texto en espanol\n\nque es mas largo que ochenta caracters, si ochenta caracteres!\n' -// ); -// expect(xhr.request.body.variables.input.title).eq('Este es un titulo en Espanol!'); -// }); -// -// cy.get('div[class^="ToastContext"]') -// .contains('Incident report 10 updated successfully.') -// .should('exist'); -// }); -// -// maybeIt('Should load and update Issue values', () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindReportWithTranslations', -// 'FindReportWithTranslations', -// issueWithTranslations -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindIncidents', -// 'FindIncidents', -// { -// data: { -// incidents: [], -// }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindIncidentsTitles', -// 'FindIncidentsTitles', -// { -// data: { -// incidents: [ -// { -// _typename: 'Incident', -// incident_id: 1, -// title: 'Incident 1', -// }, -// ], -// }, -// } -// ); -// -// cy.visit(url); -// -// cy.wait(['@FindIncidents', '@FindReportWithTranslations']); -// -// [ -// 'authors', -// 'date_downloaded', -// 'date_published', -// 'image_url', -// 'submitters', -// 'title', -// 'editor_notes', -// ].forEach((key) => { -// cy.get(`[name=${key}]`).should( -// 'have.value', -// reportWithTranslations.data.report[key].toString() -// ); -// }); -// -// cy.getEditorText().should('eq', reportWithTranslations.data.report.text); -// -// cy.get(`[name="incident_id"]`).should('not.exist'); -// -// cy.get('[class*=Typeahead] [option="Test Tag"]').should('have.length', 1); -// -// cy.get('[data-cy="translation-es"] [type="text"]').should( -// 'have.value', -// reportWithTranslations.data.report.translations_es.title -// ); -// -// cy.getEditorText('[data-cy="translation-es"] .CodeMirror').should( -// 'eq', -// reportWithTranslations.data.report.translations_es.text -// ); -// -// const updates = { -// authors: 'Test Author', -// date_downloaded: '2022-01-01', -// date_published: '2022-02-02', -// image_url: 'https://test.com/test.jpg', -// submitters: 'Test Submitter', -// title: 'Test Title', -// url: 'https://www.test.com/test', -// editor_notes: 'Pro iustitia tantum', -// }; -// -// Object.keys(updates).forEach((key) => { -// cy.get(`[name=${key}]`).clear().type(updates[key]); -// }); -// -// cy.setEditorText( -// '## This is text in English\n\nthat is longer that eighty characters, yes eighty characters!', -// '[data-cy="text"] .CodeMirror' -// ); -// -// cy.get('[class*=Typeahead] [type="text"]').type('New Tag'); -// -// cy.get('a[aria-label="New Tag"]').click(); -// -// cy.get('[data-cy="translation-es"] [type="text"]') -// .clear() -// .type('Este es un titulo en Espanol!'); -// -// cy.setEditorText( -// '## Este es texto en espanol\n\nque es mas largo que ochenta caracters, si ochenta caracteres!', -// '[data-cy="translation-es"] .CodeMirror' -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'UpdateReport', -// 'updateReport', -// updateOneReport -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'UpdateReportTranslation', -// 'updateOneReportTranslation', -// updateOneReportTranslation -// ); -// -// cy.contains('button', 'Submit').click(); -// -// cy.wait('@updateReport').then((xhr) => { -// expect(xhr.request.body.variables.query.report_number).eq(10); -// -// const date_modified = format(new Date(), 'yyyy-MM-dd'); -// -// const epoch_date_modified = getUnixTime(new Date(date_modified)); -// -// expect(xhr.request.body.variables.set.authors).deep.eq(['Test Author']); -// expect(xhr.request.body.variables.set.cloudinary_id).eq('reports/test.com/test.jpg'); -// expect(xhr.request.body.variables.set.date_downloaded).eq('2022-01-01'); -// expect(xhr.request.body.variables.set.date_modified).eq(date_modified); -// expect(xhr.request.body.variables.set.date_published).eq('2022-02-02'); -// expect(xhr.request.body.variables.set.epoch_date_downloaded).eq(1640995200); -// expect(xhr.request.body.variables.set.epoch_date_modified).eq(epoch_date_modified); -// expect(xhr.request.body.variables.set.epoch_date_published).eq(1643760000); -// expect(xhr.request.body.variables.set.flag).eq(null); -// expect(xhr.request.body.variables.set.image_url).eq('https://test.com/test.jpg'); -// expect(xhr.request.body.variables.set.report_number).eq(10); -// expect(xhr.request.body.variables.set.submitters).deep.eq(['Test Submitter']); -// expect(xhr.request.body.variables.set.tags).deep.eq(['Test Tag', 'New Tag']); -// expect(xhr.request.body.variables.set.text).eq( -// '## This is text in English\n\nthat is longer that eighty characters, yes eighty characters!' -// ); -// expect(xhr.request.body.variables.set.plain_text).eq( -// 'This is text in English\n\nthat is longer that eighty characters, yes eighty characters!\n' -// ); -// expect(xhr.request.body.variables.set.title).eq('Test Title'); -// expect(xhr.request.body.variables.set.url).eq('https://www.test.com/test'); -// expect(xhr.request.body.variables.set.source_domain).eq('test.com'); -// expect(xhr.request.body.variables.set.editor_notes).eq('Pro iustitia tantum'); -// expect(xhr.request.body.variables.set.language).eq('en'); -// }); -// -// cy.wait('@updateOneReportTranslation').then((xhr) => { -// expect(xhr.request.body.variables.input.language).eq('es'); -// expect(xhr.request.body.variables.input.report_number).eq(10); -// expect(xhr.request.body.variables.input.text).eq( -// '## Este es texto en espanol\n\nque es mas largo que ochenta caracters, si ochenta caracteres!' -// ); -// expect(xhr.request.body.variables.input.plain_text).eq( -// 'Este es texto en espanol\n\nque es mas largo que ochenta caracters, si ochenta caracteres!\n' -// ); -// expect(xhr.request.body.variables.input.title).eq('Este es un titulo en Espanol!'); -// }); -// -// cy.contains('[data-cy="toast"]', 'Issue 10 updated successfully').should('exist'); -// }); -// -// maybeIt('Should delete incident report', () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindReportWithTranslations', -// 'FindReportWithTranslations', -// issueWithTranslations -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindIncidents', -// 'FindIncidents', -// { -// data: { -// incidents: [], -// }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindIncidentsTitles', -// 'FindIncidentsTitles', -// { -// data: { -// incidents: [ -// { -// _typename: 'Incident', -// incident_id: 1, -// title: 'Incident 1', -// }, -// ], -// }, -// } -// ); -// -// cy.visit(url); -// -// cy.wait(['@FindIncidents', '@FindIncidentsTitles', '@FindReportWithTranslations']); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'DeleteOneReport', -// 'delete', -// { data: { deleteOneReport: { __typename: 'Report', report_number: 10 } } } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'LinkReportsToIncidents', -// 'LinkReportsToIncidents', -// { -// data: { -// linkReportsToIncidents: [], -// }, -// } -// ); -// -// cy.contains('button', 'Delete this report').click(); -// -// cy.wait('@delete').then((xhr) => { -// expect(xhr.request.body.variables.query).to.deep.eq({ report_number: 10 }); -// }); -// -// cy.wait('@LinkReportsToIncidents').then((xhr) => { -// expect(xhr.request.body.variables.input).to.deep.eq({ -// incident_ids: [], -// report_numbers: [10], -// }); -// }); -// -// cy.contains('[data-cy="toast"]', 'Incident report 10 deleted successfully').should('exist'); -// }); -// -// maybeIt('Should link a report to another incident', () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'ProbablyRelatedReports', -// 'ProbablyRelatedReports', -// { -// data: { reports: [] }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'ProbablyRelatedIncidents', -// 'ProbablyRelatedIncidents', -// { -// data: { incidents: [] }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindReportWithTranslations', -// 'FindReportWithTranslations', -// reportWithTranslations -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindIncidents', -// 'FindIncidents', -// { -// data: { -// incidents: [ -// { -// __typename: 'Incident', -// incident_id: 1, -// title: 'Incident 1', -// }, -// ], -// }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindIncidentsTitles', -// 'FindIncidentsTitles', -// { -// data: { -// incidents: [ -// { -// _typename: 'Incident', -// incident_id: 1, -// title: 'Incident 1', -// }, -// { -// _typename: 'Incident', -// incident_id: 2, -// title: 'Incident 2', -// }, -// ], -// }, -// } -// ); -// -// cy.visit(`/cite/edit?report_number=23`); -// -// cy.wait(['@FindReportWithTranslations', '@FindIncidents', '@FindIncidentsTitles']); -// -// cy.get('form[data-cy="report"]').should('be.visible'); -// -// cy.contains('div', 'Incident 1').next().click(); -// -// cy.get('[name="incident_ids"]').type('2'); -// -// cy.get('[id="incident_ids-item-0"]').click(); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'UpdateReportTranslation', -// 'updateOneReportTranslation', -// updateOneReportTranslation -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'UpdateReport', -// 'UpdateReport', -// updateOneReport -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'LinkReportsToIncidents', -// 'LinkReportsToIncidents', -// { -// data: { -// linkReportsToIncidents: [], -// }, -// } -// ); -// -// cy.contains('button', 'Submit').click(); -// -// cy.wait('@UpdateReport') -// .its('request.body.variables') -// .then((variables) => { -// expect(variables.query.report_number).to.equal(23); -// }); -// -// cy.wait('@updateOneReportTranslation') -// .its('request.body.variables') -// .then((variables) => { -// expect(variables.input.title).to.eq('Este es el Titulo'); -// expect(variables.input.text).to.eq( -// 'Este es el texto que tiene un largo mayor a ochenta caracteres!' -// ); -// expect(variables.input.language).to.eq('es'); -// expect(variables.input.report_number).to.eq(23); -// expect(variables.input.plain_text).to.eq( -// 'Este es el texto que tiene un largo mayor a ochenta caracteres!\n' -// ); -// }); -// -// cy.wait('@updateOneReportTranslation') -// .its('request.body.variables') -// .then((variables) => { -// expect(variables.input.title).to.eq('Este es el Titulo en frances'); -// expect(variables.input.text).to.eq( -// 'Este es el texto que tiene un largo mayor a ochenta caracteres en frances!' -// ); -// expect(variables.input.language).to.eq('fr'); -// expect(variables.input.report_number).to.eq(23); -// expect(variables.input.plain_text).to.eq( -// 'Este es el texto que tiene un largo mayor a ochenta caracteres en frances!\n' -// ); -// }); -// -// cy.wait('@LinkReportsToIncidents').then((xhr) => { -// expect(xhr.request.body.variables.input).to.deep.eq({ -// incident_ids: [2], -// report_numbers: [23], -// }); -// }); -// -// cy.contains('[data-cy="toast"]', 'Incident report 23 updated successfully', { timeout: 8000 }); -// }); -// -// maybeIt('Should display an error message if data is missing', () => { -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindReportWithTranslations', -// 'findReportWithTranslations', -// reportWithTranslations -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'ProbablyRelatedReports', -// 'ProbablyRelatedReports', -// { -// data: { reports: [] }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'ProbablyRelatedIncidents', -// 'ProbablyRelatedIncidents', -// { -// data: { incidents: [] }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindIncidents', -// 'FindIncidents', -// { data: { incidents: [] } } -// ); -// -// cy.visit(`/cite/edit?report_number=23`); -// -// cy.wait('@findReportWithTranslations'); -// -// cy.get('form[data-cy="report"]').should('be.visible'); -// -// cy.get('[name="title"]').clear(); -// -// cy.contains('Please review report. Some data is missing.').should('exist'); -// -// cy.contains('button', 'Submit').should('be.disabled'); -// -// cy.get('[name="title"]').type( -// 'Remove YouTube Kids app until it eliminates its inappropriate content' -// ); -// -// cy.contains('button', 'Submit').should('not.be.disabled'); -// }); -// -// maybeIt('Should convert an issue to a incident report', () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'ProbablyRelatedReports', -// 'ProbablyRelatedReports', -// { -// data: { reports: [] }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'ProbablyRelatedIncidents', -// 'ProbablyRelatedIncidents', -// { -// data: { incidents: [] }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindReportWithTranslations', -// 'FindReportWithTranslations', -// issueWithTranslations -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindIncidents', -// 'FindIncidents', -// { data: { incidents: [] } } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindIncidentsTitles', -// 'FindIncidentsTitles', -// { -// data: { -// incidents: [ -// { -// _typename: 'Incident', -// incident_id: 1, -// title: 'Incident 1', -// }, -// { -// _typename: 'Incident', -// incident_id: 2, -// title: 'Incident 2', -// }, -// ], -// }, -// } -// ); -// -// cy.visit(`/cite/edit?report_number=23`); -// -// cy.wait('@FindIncidents'); -// -// cy.wait('@FindReportWithTranslations'); -// -// cy.wait('@FindIncidentsTitles'); -// -// cy.get('form[data-cy="report"]').should('be.visible'); -// -// cy.get('[name="incident_ids"]').type('1'); -// -// cy.get('[id="incident_ids-item-0"]').click(); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'UpdateReport', -// 'UpdateReport', -// updateOneReport -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'UpdateReportTranslation', -// 'UpdateReportTranslation', -// updateOneReportTranslation -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'LinkReportsToIncidents', -// 'LinkReportsToIncidents', -// { -// data: { -// linkReportsToIncidents: [ -// { -// __typename: 'Incident', -// incident_id: 1, -// reports: [{ __typename: 'Report', report_number: 23 }], -// }, -// ], -// }, -// } -// ); -// -// cy.window().then((win) => cy.stub(win, 'confirm').as('confirm').returns(true)); -// -// cy.contains('button', 'Submit').click(); -// -// cy.get('@confirm').should('have.been.calledOnce').invoke('restore'); -// -// cy.wait('@UpdateReport'); -// -// cy.wait('@UpdateReportTranslation'); -// -// cy.wait('@UpdateReportTranslation'); -// -// cy.wait('@LinkReportsToIncidents').then((xhr) => { -// expect(xhr.request.body.variables.input).to.deep.eq({ -// incident_ids: [1], -// report_numbers: [23], -// }); -// }); -// -// cy.contains('[data-cy="toast"]', 'Incident report 23 updated successfully.', { timeout: 8000 }); -// }); -// -// maybeIt('Should convert an incident report to an issue', () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'ProbablyRelatedReports', -// 'ProbablyRelatedReports', -// { -// data: { reports: [] }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'ProbablyRelatedIncidents', -// 'ProbablyRelatedIncidents', -// { -// data: { incidents: [] }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindReportWithTranslations', -// 'FindReportWithTranslations', -// reportWithTranslations -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindIncidents', -// 'FindIncidents', -// { -// data: { -// incidents: [ -// { -// _typename: 'Incident', -// incident_id: 1, -// title: 'Incident 1', -// }, -// ], -// }, -// } -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'FindIncidentsTitles', -// 'FindIncidentsTitles', -// { -// data: { -// incidents: [ -// { -// _typename: 'Incident', -// incident_id: 1, -// title: 'Incident 1', -// }, -// { -// _typename: 'Incident', -// incident_id: 2, -// title: 'Incident 2', -// }, -// ], -// }, -// } -// ); -// -// cy.visit(`/cite/edit?report_number=23`); -// -// cy.wait('@FindIncidents'); -// -// cy.wait('@FindReportWithTranslations'); -// -// cy.wait('@FindIncidentsTitles'); -// -// cy.get('form[data-cy="report"]').should('be.visible'); -// -// cy.contains('div', 'Incident 1').next().click(); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'UpdateReport', -// 'UpdateReport', -// updateOneReport -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'UpdateReportTranslation', -// 'UpdateReportTranslation', -// updateOneReportTranslation -// ); -// -// cy.conditionalIntercept( -// '**/graphql', -// (req) => req.body.operationName == 'LinkReportsToIncidents', -// 'LinkReportsToIncidents', -// { -// data: { -// linkReportsToIncidents: [], -// }, -// } -// ); -// -// cy.window().then((win) => cy.stub(win, 'confirm').as('confirm').returns(true)); -// -// cy.contains('button', 'Submit').click(); -// -// cy.get('@confirm').should('have.been.calledOnce').invoke('restore'); -// -// cy.wait('@UpdateReport'); -// -// cy.wait('@UpdateReportTranslation'); -// -// cy.wait('@UpdateReportTranslation'); -// -// cy.wait('@LinkReportsToIncidents').then((xhr) => { -// expect(xhr.request.body.variables.input).to.deep.eq({ -// incident_ids: [], -// report_numbers: [23], -// }); -// }); -// -// cy.contains('[data-cy="toast"]', 'Issue 23 updated successfully', { timeout: 8000 }); -// }); -// -// it.skip('Should display the report image', () => { -// cy.login(Cypress.env('e2eUsername'), Cypress.env('e2ePassword')); -// -// cy.visit(url); -// -// cy.get('[data-cy="image-preview-figure"] img', { timeout: 15000 }).should( -// 'have.attr', -// 'src', -// 'https://res.cloudinary.com/pai/image/upload/d_fallback.jpg/f_auto/q_auto/v1/reports/assets.change.org/photos/0/yb/id/eYyBIdJOMHpqcty-1600x900-noPad.jpg?1523726975' -// ); -// }); -}); diff --git a/site/gatsby-site/cypress/e2e/integration/confirmemail.cy.js b/site/gatsby-site/cypress/e2e/integration/confirmemail.cy.js deleted file mode 100644 index 3f4d276d42..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/confirmemail.cy.js +++ /dev/null @@ -1,2 +0,0 @@ -describe('Confirm email', () => { -}); diff --git a/site/gatsby-site/cypress/e2e/integration/discover.cy.js b/site/gatsby-site/cypress/e2e/integration/discover.cy.js deleted file mode 100644 index 640701ea07..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/discover.cy.js +++ /dev/null @@ -1,5 +0,0 @@ -import flaggedReport from '../../fixtures/reports/flagged.json'; -import unflaggedReport from '../../fixtures/reports/unflagged.json'; - -describe('The Discover app', () => { -}); diff --git a/site/gatsby-site/cypress/e2e/integration/downloadIndex.cy.js b/site/gatsby-site/cypress/e2e/integration/downloadIndex.cy.js deleted file mode 100644 index d9c87957ce..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/downloadIndex.cy.js +++ /dev/null @@ -1,42 +0,0 @@ -import { gql } from '@apollo/client'; -import path from 'path'; - -const testClassifications = [ - 'CSET:Harm Distribution Basis:Race', - 'CSET:Harm Distribution Basis:Religion', - 'CSET:Harm Distribution Basis:National origin or immigrant status', - 'CSET:Harm Distribution Basis:Sex', - 'CSET:Intent:Accident', - 'CSET:Lives Lost:false', - 'CSET:Location:Global', - 'CSET:Named Entities:Microsoft', - 'CSET:Named Entities:Twitter', - 'CSET:Named Entities:Tay', - 'CSET:Named Entities:Xiaoice', - 'CSET:Near Miss:Harm caused', - 'CSET:Severity:Minor', - 'CSET:AI Applications:comprehension', - 'CSET:AI Applications:language output', - 'CSET:AI Applications:chatbot', - 'CSET:AI Techniques:content creation', - 'CSET:AI Techniques:language recognition natural language processing', - 'CSET:Harm Type:Psychological harm', - 'CSET:Harm Type:Harm to social or political systems', - 'CSET:Level of Autonomy:Medium', - 'CSET:Nature of End User:Amateur', - 'CSET:Physical System:Software only', - 'CSET:Problem Nature:Specification', - 'CSET:Problem Nature:Robustness', - 'CSET:Problem Nature:Assurance', - 'CSET:Public Sector Deployment:false', - 'CSET:Relevant AI functions:Perception', - 'CSET:Relevant AI functions:Cognition', - 'CSET:Relevant AI functions:Action', - 'CSET:Sector of Deployment:Arts, entertainment and recreation', - 'CSET:System Developer:Microsoft', - 'CSET:Technology Purveyor:Microsoft', - 'CSET:Technology Purveyor:Twitter', -]; - -describe('Download Algolia Index', () => { -}); diff --git a/site/gatsby-site/cypress/e2e/integration/entities.cy.js b/site/gatsby-site/cypress/e2e/integration/entities.cy.js deleted file mode 100644 index 41f8be1654..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/entities.cy.js +++ /dev/null @@ -1,2 +0,0 @@ -describe('Entities page', () => { -}); diff --git a/site/gatsby-site/cypress/e2e/integration/entity.cy.js b/site/gatsby-site/cypress/e2e/integration/entity.cy.js deleted file mode 100644 index 737dfdc4c8..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/entity.cy.js +++ /dev/null @@ -1,14 +0,0 @@ -import { maybeIt } from '../../support/utils'; -import emptySubscriptionsData from '../../fixtures/subscriptions/empty-subscriptions.json'; -import subscriptionsData from '../../fixtures/subscriptions/subscriptions.json'; -const { SUBSCRIPTION_TYPE } = require('../../../src/utils/subscriptions'); - -const entity = { - entity_id: 'google', - name: 'Google', -}; - -const USER_ID = '63320ce63ec803072c9f529c'; - -describe('Entities page', () => { -}); diff --git a/site/gatsby-site/cypress/e2e/integration/incidents/edit.cy.js b/site/gatsby-site/cypress/e2e/integration/incidents/edit.cy.js deleted file mode 100644 index 97ab8b78b1..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/incidents/edit.cy.js +++ /dev/null @@ -1,8 +0,0 @@ -import { maybeIt } from '../../../support/utils'; - -import incident from '../../../fixtures/incidents/incident.json'; - -import updateOneIncident from '../../../fixtures/incidents/updateOneIncident.json'; - -describe('Incidents', () => { -}); diff --git a/site/gatsby-site/cypress/e2e/integration/integrity.cy.js b/site/gatsby-site/cypress/e2e/integration/integrity.cy.js deleted file mode 100644 index ca292eaae1..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/integrity.cy.js +++ /dev/null @@ -1,17 +0,0 @@ -import { gql } from '@apollo/client'; -import { isCompleteReport } from '../../../src/utils/variants'; - -const isLinked = (reportNumber, incidents) => { - for (const incident of incidents) { - for (const linkedReport of incident.reports) { - if (linkedReport.report_number == reportNumber) { - return true; - } - } - } - - return false; -}; - -describe('Integrity', () => { -}); diff --git a/site/gatsby-site/cypress/e2e/integration/landingPage.cy.js b/site/gatsby-site/cypress/e2e/integration/landingPage.cy.js deleted file mode 100644 index e14fb25713..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/landingPage.cy.js +++ /dev/null @@ -1,5 +0,0 @@ -import { maybeIt } from '../../support/utils'; -const { format } = require('date-fns'); - -describe('The Landing page', () => { -}); diff --git a/site/gatsby-site/cypress/e2e/integration/languageSwitcher.cy.js b/site/gatsby-site/cypress/e2e/integration/languageSwitcher.cy.js deleted file mode 100644 index 1d8f7104e5..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/languageSwitcher.cy.js +++ /dev/null @@ -1,2 +0,0 @@ -describe('The Language switcher', () => { -}); diff --git a/site/gatsby-site/cypress/e2e/integration/login.cy.js b/site/gatsby-site/cypress/e2e/integration/login.cy.js deleted file mode 100644 index e2d7465ebf..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/login.cy.js +++ /dev/null @@ -1,2 +0,0 @@ -describe('Login', () => { -}); diff --git a/site/gatsby-site/cypress/e2e/integration/navigation.cy.js b/site/gatsby-site/cypress/e2e/integration/navigation.cy.js deleted file mode 100644 index 95f6320ff7..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/navigation.cy.js +++ /dev/null @@ -1,2 +0,0 @@ -describe.skip('Navigation', { retries: { runMode: 4 } }, () => { -}); diff --git a/site/gatsby-site/cypress/e2e/integration/seo.cy.js b/site/gatsby-site/cypress/e2e/integration/seo.cy.js deleted file mode 100644 index 5d40758d22..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/seo.cy.js +++ /dev/null @@ -1,8 +0,0 @@ -const { switchLocalizedPath } = require('../../../i18n'); - -const config = require('../../../config'); - -// To get these tests passing locally you either need a complete build or enabling the DEV_SSR flag - -describe('SEO', () => { -}); diff --git a/site/gatsby-site/cypress/e2e/integration/signup.cy.js b/site/gatsby-site/cypress/e2e/integration/signup.cy.js deleted file mode 100644 index 1b00d8a8a8..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/signup.cy.js +++ /dev/null @@ -1,2 +0,0 @@ -describe('Signup', () => { -}); diff --git a/site/gatsby-site/cypress/e2e/integration/socialShareButtons.cy.js b/site/gatsby-site/cypress/e2e/integration/socialShareButtons.cy.js deleted file mode 100644 index 9e175373fa..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/socialShareButtons.cy.js +++ /dev/null @@ -1,2 +0,0 @@ -describe('Social Share buttons on pages', { retries: { runMode: 4 } }, () => { -}); diff --git a/site/gatsby-site/cypress/e2e/integration/submit.cy.js b/site/gatsby-site/cypress/e2e/integration/submit.cy.js deleted file mode 100644 index 77cb2135bc..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/submit.cy.js +++ /dev/null @@ -1,9 +0,0 @@ -import parseNews from '../../fixtures/api/parseNews.json'; -import semanticallyRelated from '../../fixtures/api/semanticallyRelated.json'; -import probablyRelatedIncidents from '../../fixtures/incidents/probablyRelatedIncidents.json'; -import probablyRelatedReports from '../../fixtures/reports/probablyRelatedReports.json'; - -import { maybeIt } from '../../support/utils'; - -describe('The Submit form', () => { -}); diff --git a/site/gatsby-site/cypress/e2e/integration/submitter.cy.js b/site/gatsby-site/cypress/e2e/integration/submitter.cy.js deleted file mode 100644 index 260e6b7032..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/submitter.cy.js +++ /dev/null @@ -1,2 +0,0 @@ -describe('Submitter Selection', () => { -}); diff --git a/site/gatsby-site/cypress/e2e/integration/subscriptions.cy.js b/site/gatsby-site/cypress/e2e/integration/subscriptions.cy.js deleted file mode 100644 index f4e4fd10c1..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/subscriptions.cy.js +++ /dev/null @@ -1,14 +0,0 @@ -import subscriptionsData from '../../fixtures/subscriptions/subscriptions.json'; -import emptySubscriptionsData from '../../fixtures/subscriptions/empty-subscriptions.json'; -import { SUBSCRIPTION_TYPE } from '../../../src/utils/subscriptions'; - -const incidentSubscriptions = subscriptionsData.data.subscriptions - .filter((subscription) => subscription.type === SUBSCRIPTION_TYPE.incident) - .sort((a, b) => a.incident_id.incident_id - b.incident_id.incident_id); - -const entitySubscriptions = subscriptionsData.data.subscriptions - .filter((subscription) => subscription.type === SUBSCRIPTION_TYPE.entity) - .sort((a, b) => a.entityId.name - b.entityId.name); - -describe('Subscriptions', () => { -}); diff --git a/site/gatsby-site/cypress/e2e/integration/summaries/flagged.cy.js b/site/gatsby-site/cypress/e2e/integration/summaries/flagged.cy.js deleted file mode 100644 index e24d23d50a..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/summaries/flagged.cy.js +++ /dev/null @@ -1,2 +0,0 @@ -describe('Incidents Summary', () => { -}); diff --git a/site/gatsby-site/cypress/e2e/integration/summaries/incidents.cy.js b/site/gatsby-site/cypress/e2e/integration/summaries/incidents.cy.js deleted file mode 100644 index a5cf76cd6b..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/summaries/incidents.cy.js +++ /dev/null @@ -1,4 +0,0 @@ -const { gql } = require('@apollo/client'); - -describe('Incidents Summary', () => { -}); diff --git a/site/gatsby-site/cypress/e2e/integration/taxonomy/cset.cy.js b/site/gatsby-site/cypress/e2e/integration/taxonomy/cset.cy.js deleted file mode 100644 index 2781c7bfd1..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/taxonomy/cset.cy.js +++ /dev/null @@ -1,4 +0,0 @@ -const { gql } = require('@apollo/client'); - -describe('The CSET taxonomy page', () => { -}); diff --git a/site/gatsby-site/cypress/e2e/integration/translationBadge.cy.js b/site/gatsby-site/cypress/e2e/integration/translationBadge.cy.js deleted file mode 100644 index 87789b72f2..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/translationBadge.cy.js +++ /dev/null @@ -1,2 +0,0 @@ -describe('Translation Badges', () => { -}); diff --git a/site/gatsby-site/cypress/e2e/integration/tsneVisualization.cy.js b/site/gatsby-site/cypress/e2e/integration/tsneVisualization.cy.js deleted file mode 100644 index 15ee82fdba..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/tsneVisualization.cy.js +++ /dev/null @@ -1,15 +0,0 @@ -const styleObject = (styleString) => { - const obj = {}; - - styleString - .split(';') - .map((rule) => rule.split(':').map((part) => part.trim())) - .forEach((rule) => { - obj[rule[0]] = rule[1]; - }); - - return obj; -}; - -describe('TSNE Visualization', () => { -}); diff --git a/site/gatsby-site/cypress/e2e/integration/unsubscribe.cy.js b/site/gatsby-site/cypress/e2e/integration/unsubscribe.cy.js deleted file mode 100644 index 58c85359da..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/unsubscribe.cy.js +++ /dev/null @@ -1,4 +0,0 @@ -const { SUBSCRIPTION_TYPE } = require('../../../src/utils/subscriptions'); - -describe('Unsubscribe pages', () => { -}); diff --git a/site/gatsby-site/cypress/e2e/integration/wordcounts.cy.js b/site/gatsby-site/cypress/e2e/integration/wordcounts.cy.js deleted file mode 100644 index 09c2d517fe..0000000000 --- a/site/gatsby-site/cypress/e2e/integration/wordcounts.cy.js +++ /dev/null @@ -1,2 +0,0 @@ -describe('The Word Counts Page', () => { -}); diff --git a/site/gatsby-site/cypress/e2e/unit/AlgoliaUpdater.cy.js b/site/gatsby-site/cypress/e2e/unit/AlgoliaUpdater.cy.js deleted file mode 100644 index 6544ffbf47..0000000000 --- a/site/gatsby-site/cypress/e2e/unit/AlgoliaUpdater.cy.js +++ /dev/null @@ -1,91 +0,0 @@ -const { ObjectID } = require('bson'); - -const AlgoliaUpdater = require('../../../src/utils/AlgoliaUpdater'); - -const incidents = [ - { - incident_id: 1, - date: '2020-06-14', - reports: [1, 2], - }, -]; - -const reports = [ - { - _id: new ObjectID('60dd465f80935bc89e6f9b01'), - authors: ['Alistair Barr'], - date_downloaded: '2019-04-13', - date_modified: '2020-06-14', - date_published: '2015-05-19', - date_submitted: '2019-06-01', - description: 'Description of report 1', - epoch_date_downloaded: 1555113600, - epoch_date_modified: 1592092800, - epoch_date_published: 1431993600, - epoch_date_submitted: 1559347200, - image_url: 'http://url.com', - cloudinary_id: 'http://cloudinary.com', - language: 'en', - report_number: 1, - source_domain: 'blogs.wsj.com', - submitters: ['Roman Yampolskiy'], - tags: [], - text: 'Report 1 **text**', - plain_text: 'Report 1 text', - title: 'Report 1 title', - url: 'https://url.com/stuff', - }, - { - _id: new ObjectID('60dd465f80935bc89e6f9b02'), - authors: ['Alistair Barr'], - date_downloaded: '2019-04-13', - date_modified: '2020-06-14', - date_published: '2015-05-19', - date_submitted: '2019-06-01', - description: 'Description of report 2', - epoch_date_downloaded: 1555113600, - epoch_date_modified: 1592092800, - epoch_date_published: 1431993600, - epoch_date_submitted: 1559347200, - image_url: 'http://url.com', - cloudinary_id: 'http://cloudinary.com', - language: 'es', - report_number: 2, - source_domain: 'blogs.wsj.com', - submitters: ['Roman Yampolskiy'], - tags: [], - text: 'Report 2 **text**', - plain_text: 'Report 2 text', - title: 'Report 2 title', - url: 'https://url.com/stuff', - }, -]; - -const classifications = [ - { - _id: '60dd465f80935bc89e6f9b00', - incident_id: 1, - namespace: 'CSET', - classifications: { - Annotator: '1', - 'Annotation Status': '6. Complete and final', - Reviewer: '5', - 'Quality Control': false, - 'Full Description': 'On December 5, 2018, a robot punctured.', - 'Named Entities': ['Amazon'], - 'Harm Type': ['Harm to physical health/safety', 'Harm to physical property'], - Publish: true, - }, - notes: null, - }, -]; - -const duplicates = [ - { - duplicate_incident_number: 247, - true_incident_number: 246, - }, -]; - -describe('Algolia', () => { -}); diff --git a/site/gatsby-site/cypress/e2e/unit/Translator.cy.js b/site/gatsby-site/cypress/e2e/unit/Translator.cy.js deleted file mode 100644 index 2beca1ab2e..0000000000 --- a/site/gatsby-site/cypress/e2e/unit/Translator.cy.js +++ /dev/null @@ -1,55 +0,0 @@ -const { ObjectID } = require('bson'); - -const Translator = require('../../../src/utils/Translator'); - -const reports = [ - { - _id: new ObjectID('60dd465f80935bc89e6f9b01'), - authors: ['Alistair Barr'], - date_downloaded: '2019-04-13', - date_modified: '2020-06-14', - date_published: '2015-05-19', - date_submitted: '2019-06-01', - description: 'Description of report 1', - epoch_date_downloaded: 1555113600, - epoch_date_modified: 1592092800, - epoch_date_published: 1431993600, - epoch_date_submitted: 1559347200, - image_url: 'http://url.com', - language: 'en', - report_number: 1, - source_domain: 'blogs.wsj.com', - submitters: ['Roman Yampolskiy'], - tags: [], - text: 'Report 1 **text**', - plain_text: 'Report 1 text', - title: 'Report 1 title', - url: 'https://url.com/stuff', - }, - { - _id: new ObjectID('60dd465f80935bc89e6f9b02'), - authors: ['Alistair Barr'], - date_downloaded: '2019-04-13', - date_modified: '2020-06-14', - date_published: '2015-05-19', - date_submitted: '2019-06-01', - description: 'Description of report 2', - epoch_date_downloaded: 1555113600, - epoch_date_modified: 1592092800, - epoch_date_published: 1431993600, - epoch_date_submitted: 1559347200, - image_url: 'http://url.com', - language: 'es', - report_number: 2, - source_domain: 'blogs.wsj.com', - submitters: ['Roman Yampolskiy'], - tags: [], - text: 'Report 2 **text**', - plain_text: 'Report 2 text', - title: 'Report 2 title', - url: 'https://url.com/stuff', - }, -]; - -describe('Translations', () => { -}); diff --git a/site/gatsby-site/cypress/e2e/unit/functions/linkReportsToIncidents.cy.js b/site/gatsby-site/cypress/e2e/unit/functions/linkReportsToIncidents.cy.js deleted file mode 100644 index d2c2fe495e..0000000000 --- a/site/gatsby-site/cypress/e2e/unit/functions/linkReportsToIncidents.cy.js +++ /dev/null @@ -1,62 +0,0 @@ -const linkReportsToIncidents = require('../../../../../realm/functions/linkReportsToIncidents'); - -//should be on its own /cypress/unit folder or something - -const incident_1 = { - AllegedDeployerOfAISystem: [], - AllegedDeveloperOfAISystem: [], - AllegedHarmedOrNearlyHarmedParties: [], - date: '2018-11-16', - description: 'Description 1', - incident_id: 1, - nlp_similar_incidents: [], - reports: [1, 2], - title: 'Title 1', - embedding: { - vector: [1, 2, 3], - from_reports: [1, 2], - }, -}; - -const incident_2 = { - AllegedDeployerOfAISystem: [], - AllegedDeveloperOfAISystem: [], - AllegedHarmedOrNearlyHarmedParties: [], - date: '2018-11-16', - description: 'Description 2', - incident_id: 2, - nlp_similar_incidents: [], - reports: [3], - title: 'Title 2', - embedding: { - vector: [4, 5], - from_reports: [3], - }, -}; - -const report_1 = { - report_number: 1, - title: 'Report 1', - embedding: { - vector: [1, 2, 3, 4], - }, -}; - -const report_2 = { - report_number: 2, - title: 'Report 2', - embedding: { - vector: [6, 7, 8], - }, -}; - -const report_3 = { - report_number: 3, - title: 'Report 3', - embedding: { - vector: [10], - }, -}; - -describe('Functions', () => { -}); diff --git a/site/gatsby-site/cypress/e2e/unit/functions/onIncidentUpdate.cy.js b/site/gatsby-site/cypress/e2e/unit/functions/onIncidentUpdate.cy.js deleted file mode 100644 index 793d6bc213..0000000000 --- a/site/gatsby-site/cypress/e2e/unit/functions/onIncidentUpdate.cy.js +++ /dev/null @@ -1,155 +0,0 @@ -const { SUBSCRIPTION_TYPE } = require('../../../../src/utils/subscriptions'); - -const onIncidentUpdate = require('../../../../../realm/functions/onIncidentUpdate'); - -const subscriptionsToIncidentUpdates = [ - { - userId: '63320ce63ec803072c9f5291', - type: SUBSCRIPTION_TYPE.incident, - incident_id: 1, - }, - { - userId: '63321072f27421740a80af22', - type: SUBSCRIPTION_TYPE.incident, - incident_id: 1, - }, -]; - -const subscriptionsToNewEntityIncidents = [ - { - _id: '6356e39e863169c997309502', - type: SUBSCRIPTION_TYPE.entity, - entityId: 'google', - userId: '63321072f27421740a80af23', - }, - { - _id: '6356e39e863169c997309503', - type: SUBSCRIPTION_TYPE.entity, - entityId: 'facebook', - userId: '63321072f27421740a80af24', - }, - { - _id: '6356e39e863169c997309504', - type: SUBSCRIPTION_TYPE.entity, - entityId: 'tesla', - userId: '63321072f27421740a80af25', - }, -]; - -const fullDocumentBeforeChange = { - incident_id: 1, - reports: [1, 2], - title: '24 Amazon workers sent to hospital after robot accidentally unleashes bear spray', - 'Alleged deployer of AI system': [], - 'Alleged developer of AI system': [], - 'Alleged harmed or nearly harmed parties': [], - date: '2018-11-16', - description: 'Twenty-four Amazon workers in New Jersey were hospitalized.', - nlp_similar_incidents: [], -}; - -const fullDocument = { - incident_id: 1, - reports: [1, 2, 3], - title: '24 Amazon workers sent to hospital after robot accidentally unleashes bear spray', - 'Alleged deployer of AI system': ['google', 'openai'], - 'Alleged developer of AI system': [], - 'Alleged harmed or nearly harmed parties': ['facebook'], - date: '2018-11-16', - description: 'New description', - nlp_similar_incidents: [], -}; - -const updateDescription = { - updatedFields: { - description: 'New description', - }, -}; - -const updateDescriptionWithReports = { - updatedFields: { - reports: [3], - }, -}; - -const updateDescriptionWithEntities = { - updatedFields: { - 'Alleged deployer of AI system': ['google', 'openai'], - 'Alleged harmed or nearly harmed parties': ['facebook'], - }, -}; - -const report = { - report_number: 2000, - title: 'Report title', - authors: ['Pablo Costa'], -}; - -const variant = { - report_number: 2001, - title: 'Variant #2001', - authors: ['Pablo Costa'], - text_inputs: 'Input text', - text_outputs: 'Output text', -}; - -const stubEverything = (isVariant = false) => { - const notificationsCollection = { - updateOne: cy.stub().as('notifications.updateOne'), - }; - - const subscriptionsCollection = { - find: (() => { - const stub = cy.stub(); - - stub - .withArgs({ type: SUBSCRIPTION_TYPE.incident, incident_id: fullDocument.incident_id }) - .as(`subscriptions.find("${SUBSCRIPTION_TYPE.incident}", "${fullDocument.incident_id}")`) - .returns({ toArray: () => subscriptionsToIncidentUpdates }); - - for (const entityId of ['google', 'facebook', 'tesla', 'openai']) { - stub - .withArgs({ type: SUBSCRIPTION_TYPE.entity, entityId }) - .as(`subscriptions.find("${SUBSCRIPTION_TYPE.entity}", "${entityId}")`) - .returns({ - toArray: () => subscriptionsToNewEntityIncidents.filter((s) => s.entityId == entityId), - }); - } - - return stub; - })(), - }; - - const reportsCollection = { - findOne: cy.stub().resolves(isVariant ? variant : report), - }; - - global.context = { - // @ts-ignore - services: { - get: cy.stub().returns({ - db: cy.stub().returns({ - collection: (() => { - const stub = cy.stub(); - - stub.withArgs('notifications').returns(notificationsCollection); - stub.withArgs('subscriptions').returns(subscriptionsCollection); - stub.withArgs('reports').returns(reportsCollection); - - return stub; - })(), - }), - }), - }, - }; - - global.BSON = { Int32: (x) => x }; - - return { - notificationsCollection, - subscriptionsCollection, - }; -}; - -describe('Functions', () => { -}); diff --git a/site/gatsby-site/cypress/e2e/unit/functions/onNewIncident.cy.js b/site/gatsby-site/cypress/e2e/unit/functions/onNewIncident.cy.js deleted file mode 100644 index 4ac8b25bb1..0000000000 --- a/site/gatsby-site/cypress/e2e/unit/functions/onNewIncident.cy.js +++ /dev/null @@ -1,53 +0,0 @@ -const { SUBSCRIPTION_TYPE } = require('../../../../src/utils/subscriptions'); - -const onNewIncident = require('../../../../../realm/functions/onNewIncident'); - -const subscriptionsToNewIncidents = [ - { - _id: '6356e39e863169c997309500', - type: SUBSCRIPTION_TYPE.newIncidents, - userId: '63320ce63ec803072c9f529c', - }, - { - _id: '6356e39e863169c997309501', - type: SUBSCRIPTION_TYPE.newIncidents, - userId: '63321072f27421740a80af29', - }, -]; - -const subscriptionsToNewEntityIncidents = [ - { - _id: '6356e39e863169c997309502', - type: SUBSCRIPTION_TYPE.entity, - entityId: 'google', - userId: '63321072f27421740a80af23', - }, - { - _id: '6356e39e863169c997309503', - type: SUBSCRIPTION_TYPE.entity, - entityId: 'facebook', - userId: '63321072f27421740a80af24', - }, - { - _id: '6356e39e863169c997309504', - type: SUBSCRIPTION_TYPE.entity, - entityId: 'tesla', - userId: '63321072f27421740a80af25', - }, -]; - -const fullDocument = { - 'Alleged deployer of AI system': [], - 'Alleged developer of AI system': ['google'], - 'Alleged harmed or nearly harmed parties': ['facebook'], - __typename: 'Incident', - date: '2018-11-16', - description: 'Twenty-four Amazon workers in New Jersey were hospitalized.', - incident_id: 1, - nlp_similar_incidents: [], - reports: [1, 2], - title: '24 Amazon workers sent to hospital after robot accidentally unleashes bear spray', -}; - -describe('Functions', () => { -}); diff --git a/site/gatsby-site/cypress/e2e/unit/functions/processNotifications.cy.js b/site/gatsby-site/cypress/e2e/unit/functions/processNotifications.cy.js deleted file mode 100644 index 69d3798663..0000000000 --- a/site/gatsby-site/cypress/e2e/unit/functions/processNotifications.cy.js +++ /dev/null @@ -1,343 +0,0 @@ -const { SUBSCRIPTION_TYPE } = require('../../../../src/utils/subscriptions'); - -const processNotifications = require('../../../../../realm/functions/processNotifications'); - -const pendingNotificationsToNewIncidents = [ - { - _id: '63616f37d0db19c07d081300', - type: SUBSCRIPTION_TYPE.newIncidents, - incident_id: 217, - processed: false, - }, - { - _id: '63616f82d0db19c07d081301', - type: SUBSCRIPTION_TYPE.newIncidents, - incident_id: 218, - processed: false, - }, -]; - -const pendingNotificationsToNewEntityIncidents = [ - { - _id: '63616f82d0db19c07d081302', - type: SUBSCRIPTION_TYPE.entity, - incident_id: 219, - entity_id: 'google', - processed: false, - }, - { - _id: '63616f82d0db19c07d081303', - type: SUBSCRIPTION_TYPE.entity, - incident_id: 219, - entity_id: 'facebook', - isUpdate: true, - processed: false, - }, -]; - -const pendingNotificationsToIncidentUpdates = [ - { - _id: '63616f82d0db19c07d081304', - type: 'incident-updated', - incident_id: 219, - processed: false, - }, - { - _id: '63616f82d0db19c07d081305', - type: 'new-report-incident', - incident_id: 219, - report_number: 2000, - processed: false, - }, -]; - -const subscriptionsToNewIncidents = [ - { - _id: '6356e39e863169c997309586', - type: SUBSCRIPTION_TYPE.newIncidents, - userId: '63320ce63ec803072c9f5291', - }, - { - _id: '6356e39e863169c997309586', - type: SUBSCRIPTION_TYPE.newIncidents, - userId: '63321072f27421740a80af22', - }, -]; - -const subscriptionsToNewEntityIncidents = [ - { - _id: '6356e39e863169c997309586', - type: SUBSCRIPTION_TYPE.entity, - entityId: 'google', - userId: '63321072f27421740a80af23', - }, - { - _id: '6356e39e863169c997309586', - type: SUBSCRIPTION_TYPE.entity, - entityId: 'facebook', - userId: '63321072f27421740a80af24', - }, -]; - -const subscriptionsToIncidentUpdates = [ - { - userId: '63320ce63ec803072c9f5291', - type: SUBSCRIPTION_TYPE.incident, - incident_id: 219, - }, - { - userId: '63321072f27421740a80af22', - type: SUBSCRIPTION_TYPE.incident, - incident_id: 219, - }, -]; - -const recipients = [ - { - email: 'test1@email.com', - userId: '63320ce63ec803072c9f5291', - }, - { - email: 'test2@email.com', - userId: '63321072f27421740a80af22', - }, - { - email: 'test3@email.com', - userId: '63321072f27421740a80af23', - }, - { - email: 'test4@email.com', - userId: '63321072f27421740a80af24', - }, -]; - -const incidents = [ - { - incident_id: 217, - 'Alleged developer of AI system': [], - 'Alleged deployer of AI system': [], - 'Alleged harmed or nearly harmed parties': [], - AllegedDeployerOfAISystem: [], - AllegedDeveloperOfAISystem: [], - AllegedHarmedOrNearlyHarmedParties: [], - __typename: 'Incident', - date: '2018-11-16', - description: 'Twenty-four Amazon workers in New Jersey were hospitalized.', - nlp_similar_incidents: [], - reports: [1, 2], - title: '217 Amazon workers sent to hospital', - }, - { - incident_id: 218, - 'Alleged developer of AI system': [], - 'Alleged deployer of AI system': [], - 'Alleged harmed or nearly harmed parties': [], - __typename: 'Incident', - date: '2018-11-16', - description: 'Twenty-four Amazon workers in New Jersey were hospitalized.', - nlp_similar_incidents: [], - reports: [1, 2], - title: '218 Amazon workers sent to hospital', - }, - { - incident_id: 219, - 'Alleged developer of AI system': ['google', 'facebook'], - 'Alleged deployer of AI system': ['facebook'], - 'Alleged harmed or nearly harmed parties': ['tesla'], - __typename: 'Incident', - date: '2018-11-16', - description: 'Twenty-four Amazon workers in New Jersey were hospitalized.', - nlp_similar_incidents: [], - reports: [1, 2, 2000], - title: '218 Amazon workers sent to hospital', - }, -]; - -const reports = [ - { - report_number: 2000, - title: 'Report title', - authors: ['Pablo Costa', 'Aimee Picchi'], - }, -]; - -const entities = [ - { - entity_id: 'google', - name: 'Google', - }, - { - entity_id: 'facebook', - name: 'Facebook', - }, - { - entity_id: 'boston-university', - name: 'Boston University', - }, -]; - -const buildEntityList = (allEntities, entityIds) => { - const entityNames = entityIds.map((entityId) => { - const entity = allEntities.find((entity) => entity.entity_id === entityId); - - return entity - ? `${entity.name}` - : ''; - }); - - if (entityNames.length < 3) { - return entityNames.join(' and '); - } - - return `${entityNames.slice(0, -1).join(', ')}, and ${entityNames[entityNames.length - 1]}`; -}; - -const stubEverything = () => { - const notificationsCollection = { - find: (() => { - const stub = cy.stub(); - - stub - .withArgs({ processed: false, type: SUBSCRIPTION_TYPE.newIncidents }) - .as(`notifications.find(${SUBSCRIPTION_TYPE.newIncidents})`) - .returns({ toArray: () => pendingNotificationsToNewIncidents }); - - stub - .withArgs({ processed: false, type: SUBSCRIPTION_TYPE.entity }) - .as(`notifications.find(${SUBSCRIPTION_TYPE.entity})`) - .returns({ toArray: () => pendingNotificationsToNewEntityIncidents }); - - stub - .withArgs({ processed: false, type: { $in: ['new-report-incident', 'incident-updated'] } }) - .as(`notifications.find('new-report-incident', 'incident-updated')`) - .returns({ toArray: () => pendingNotificationsToIncidentUpdates }); - - return stub; - })(), - updateOne: cy.stub().as('notifications.updateOne').resolves(), - }; - - const subscriptionsCollection = { - find: (() => { - const stub = cy.stub(); - - stub - .withArgs({ type: SUBSCRIPTION_TYPE.newIncidents }) - .as(`subscriptions.find("${SUBSCRIPTION_TYPE.newIncidents}")`) - .returns({ toArray: () => subscriptionsToNewIncidents }); - - for (const pendingNotification of pendingNotificationsToNewEntityIncidents) { - stub - .withArgs({ type: SUBSCRIPTION_TYPE.entity, entityId: pendingNotification.entity_id }) - .as( - `subscriptions.find("${SUBSCRIPTION_TYPE.entity}", "${pendingNotification.entity_id}")` - ) - .returns({ toArray: () => subscriptionsToNewEntityIncidents }); - } - - for (const pendingNotification of pendingNotificationsToIncidentUpdates) { - stub - .withArgs({ - type: SUBSCRIPTION_TYPE.incident, - incident_id: pendingNotification.incident_id, - }) - .as( - `subscriptions.find("${SUBSCRIPTION_TYPE.incident}", "${pendingNotification.incident_id}")` - ) - .returns({ toArray: () => subscriptionsToIncidentUpdates }); - } - - return stub; - })(), - }; - - const incidentsCollection = { - findOne: (() => { - const stub = cy.stub(); - - for (let index = 0; index < incidents.length; index++) { - const incident = incidents[index]; - - stub - .withArgs({ incident_id: incident.incident_id }) - .as(`incidents.findOne(${incident.incident_id})`) - .returns(incidents.find((i) => i.incident_id == incident.incident_id)); - } - - return stub; - })(), - }; - - const reportsCollection = { - findOne: (() => { - const stub = cy.stub(); - - for (let index = 0; index < reports.length; index++) { - const report = reports[index]; - - stub - .withArgs({ report_number: report.report_number }) - .as(`reports.findOne(${report.report_number})`) - .returns(reports.find((r) => r.report_number == report.report_number)); - } - - return stub; - })(), - }; - - const entitiesCollection = { - find: cy.stub().returns({ - toArray: cy.stub().as('entities.find').resolves(entities), - }), - }; - - global.context = { - // @ts-ignore - services: { - get: cy.stub().returns({ - db: cy.stub().returns({ - collection: (() => { - const stub = cy.stub(); - - stub.withArgs('notifications').returns(notificationsCollection); - stub.withArgs('subscriptions').returns(subscriptionsCollection); - stub.withArgs('incidents').returns(incidentsCollection); - stub.withArgs('entities').returns(entitiesCollection); - stub.withArgs('reports').returns(reportsCollection); - - return stub; - })(), - }), - }), - }, - functions: { - execute: (() => { - const stub = cy.stub(); - - for (const user of recipients) { - stub - .withArgs('getUser', { userId: user.userId }) - .as(`getUser(${user.userId})`) - .returns(recipients.find((r) => r.userId == user.userId)); - } - - stub.withArgs('sendEmail').as('sendEmail').returns({ statusCode: 200 }); - - return stub; - })(), - }, - }; - - global.BSON = { Int32: (x) => x }; - - return { - notificationsCollection, - subscriptionsCollection, - incidentsCollection, - entitiesCollection, - reportsCollection, - }; -}; - -describe('Functions', () => { -}); diff --git a/site/gatsby-site/cypress/e2e/unit/functions/promoteSubmissionToReport.cy.js b/site/gatsby-site/cypress/e2e/unit/functions/promoteSubmissionToReport.cy.js deleted file mode 100644 index 8058f55396..0000000000 --- a/site/gatsby-site/cypress/e2e/unit/functions/promoteSubmissionToReport.cy.js +++ /dev/null @@ -1,52 +0,0 @@ -const promoteSubmissionToReport = require('../../../../../realm/functions/promoteSubmissionToReport'); - -//should be on its own /cypress/unit folder or something - -const submission = { - _id: '5f9c3ebfd4896d392493f03c', - authors: ['Nedi Bedi and Kathleen McGrory'], - cloudinary_id: 'something', - date_downloaded: '2020-10-30', - date_modified: '2021-07-27', - date_published: '2017-05-03', - date_submitted: '2020-10-30', - description: - 'By NEIL BEDI and KATHLEEN McGRORY\nTimes staff writers\nNov. 19, 2020\nThe Pasco Sheriff’s Office keeps a secret list of kids it thinks could “fall into a life of crime” based on factors like wheth', - image_url: 'https://s3.amazonaws.com/ledejs/resized/s2020-pasco-ilp/600/nocco5.jpg', - incident_date: '2015-09-01', - incident_editors: ['Sean McGregor', 'Khoa Lam'], - incident_id: 0, - language: 'en', - source_domain: 'projects.tampabay.com', - submitters: ['Kate Perkins'], - text: '## Submission 1 text\n\n_Markdown content!_', - plain_text: 'Submission 1 text\n\nMarkdown content!', - title: 'Submisssion 1 title', - url: 'https://projects.tampabay.com/projects/2020/investigations/police-pasco-sheriff-targeted/school-data/', - editor_notes: '', - developers: ['AI Dev'], - deployers: ['Youtube'], - harmed_parties: ['Adults'], - nlp_similar_incidents: [], - editor_dissimilar_incidents: [], - editor_similar_incidents: [], - tags: [], -}; - -const incident = { - AllegedDeployerOfAISystem: [], - AllegedDeveloperOfAISystem: [], - AllegedHarmedOrNearlyHarmedParties: [], - __typename: 'Incident', - date: '2018-11-16', - description: - 'Twenty-four Amazon workers in New Jersey were hospitalized after a robot punctured a can of bear repellent spray in a warehouse.', - editors: ['Sean McGregor', 'Khoa Lam'], - incident_id: 1, - nlp_similar_incidents: [], - reports: [1, 2], - title: '24 Amazon workers sent to hospital after robot accidentally unleashes bear spray', -}; - -describe('Functions', () => { -}); diff --git a/site/gatsby-site/cypress/e2e/unit/pageCreators/createCitationPages.cy.js b/site/gatsby-site/cypress/e2e/unit/pageCreators/createCitationPages.cy.js deleted file mode 100644 index 6e0915de4b..0000000000 --- a/site/gatsby-site/cypress/e2e/unit/pageCreators/createCitationPages.cy.js +++ /dev/null @@ -1,88 +0,0 @@ -import createCitationPages from '../../../../page-creators/createCitationPages'; - -const response = { - data: { - allMongodbAiidprodIncidents: { - nodes: [ - { - incident_id: 1, - title: 'Google’s YouTube Kids App Presents Inappropriate Content', - date: '2015-05-19', - reports: [1, 2], - editor_similar_incidents: [], - editor_dissimilar_incidents: [], - flagged_dissimilar_incidents: [], - description: - 'YouTube’s content filtering and recommendation algorithms exposed children to disturbing and inappropriate videos.', - nlp_similar_incidents: [ - { - incident_id: 55, - similarity: 0.9990941882133484, - }, - { - incident_id: 15, - similarity: 0.9989638924598694, - }, - { - incident_id: 34, - similarity: 0.998900830745697, - }, - ], - }, - ], - }, - allMongodbAiidprodReports: { - nodes: [ - { - title: 'Google’s YouTube Kids App Criticized for ‘Inappropriate Content’', - report_number: 1, - language: 'en', - image_url: - 'http://si.wsj.net/public/resources/images/BN-IM269_YouTub_P_20150518174822.jpg', - cloudinary_id: - 'reports/si.wsj.net/public/resources/images/BN-IM269_YouTub_P_20150518174822.jpg', - }, - { - title: 'YouTube Kids app is STILL showing disturbing videos', - report_number: 2, - language: 'en', - image_url: - 'https://i.dailymail.co.uk/i/pix/2018/02/06/15/48EEE02F00000578-0-image-a-18_1517931140185.jpg', - cloudinary_id: - 'reports/i.dailymail.co.uk/i/pix/2018/02/06/15/48EEE02F00000578-0-image-a-18_1517931140185.jpg', - }, - ], - }, - }, - extensions: {}, -}; - -const languages = [ - { - code: 'en', - hrefLang: 'en-US', - name: 'English', - localName: 'English', - langDir: 'ltr', - dateFormat: 'MM/DD/YYYY', - }, - { - code: 'es', - hrefLang: 'es', - name: 'Spanish', - localName: 'Español', - langDir: 'ltr', - dateFormat: 'DD-MM-YYYY', - }, - { - code: 'fr', - hrefLang: 'fr', - name: 'French', - localName: 'Français', - langDir: 'ltr', - dateFormat: 'DD-MM-YYYY', - }, -]; - -describe('createCitationPages', () => { -}); diff --git a/site/gatsby-site/cypress/e2e/unit/pageCreators/createEntitiesPages.cy.js b/site/gatsby-site/cypress/e2e/unit/pageCreators/createEntitiesPages.cy.js deleted file mode 100644 index 170db736d8..0000000000 --- a/site/gatsby-site/cypress/e2e/unit/pageCreators/createEntitiesPages.cy.js +++ /dev/null @@ -1,94 +0,0 @@ -import createEntitiesPages from '../../../../page-creators/createEntitiesPages'; - -const response = { - data: { - incidents: { - nodes: [ - { - incident_id: 1, - title: 'Incident 1', - Alleged_deployer_of_AI_system: ['ai-developer-1'], - Alleged_developer_of_AI_system: ['ai-developer-1'], - Alleged_harmed_or_nearly_harmed_parties: ['party-1'], - reports: [1, 2], - }, - { - incident_id: 2, - title: 'Incident 2', - Alleged_deployer_of_AI_system: ['ai-deployer-1'], - Alleged_developer_of_AI_system: ['ai-developer-1'], - Alleged_harmed_or_nearly_harmed_parties: ['party-1', 'party-2'], - reports: [3], - }, - { - incident_id: 3, - title: 'Incident 3', - Alleged_deployer_of_AI_system: ['ai-developer-2', 'ai-deployer-2'], - Alleged_developer_of_AI_system: ['ai-developer-2'], - Alleged_harmed_or_nearly_harmed_parties: ['party-2'], - reports: [4, 5], - }, - { - incident_id: 4, - title: 'Incident 4', - Alleged_deployer_of_AI_system: ['ai-deployer-3'], - Alleged_developer_of_AI_system: ['ai-developer-1', 'ai-developer-2'], - Alleged_harmed_or_nearly_harmed_parties: ['party-3'], - reports: [6, 7, 8], - }, - ], - }, - entities: { - nodes: [ - { - entity_id: 'ai-deployer-1', - name: 'AI Deployer 1', - }, - { - entity_id: 'ai-deployer-2', - name: 'AI Deployer 2', - }, - { - entity_id: 'ai-deployer-3', - name: 'AI Deployer 3', - }, - { - entity_id: 'ai-developer-1', - name: 'AI Developer 1', - }, - { - entity_id: 'ai-developer-2', - name: 'AI Developer 2', - }, - { - entity_id: 'party-1', - name: 'Party 1', - }, - { - entity_id: 'party-2', - name: 'Party 2', - }, - { - entity_id: 'party-3', - name: 'Party 3', - }, - ], - }, - responses: { - nodes: [ - { - report_number: 2, - }, - { - report_number: 3, - }, - { - report_number: 5, - }, - ], - }, - }, -}; - -describe('createEntitiesPages', () => { -}); diff --git a/site/gatsby-site/cypress/e2e/unit/pageCreators/createReportPages.cy.js b/site/gatsby-site/cypress/e2e/unit/pageCreators/createReportPages.cy.js deleted file mode 100644 index 48d852d910..0000000000 --- a/site/gatsby-site/cypress/e2e/unit/pageCreators/createReportPages.cy.js +++ /dev/null @@ -1,48 +0,0 @@ -import createReportPages from '../../../../page-creators/createReportPages'; - -const response = { - data: { - reports: { - nodes: [ - { - report_number: 1, - language: 'en', - }, - { - report_number: 2, - language: 'es', - }, - ], - }, - }, -}; - -const languages = [ - { - code: 'en', - hrefLang: 'en-US', - name: 'English', - localName: 'English', - langDir: 'ltr', - dateFormat: 'MM/DD/YYYY', - }, - { - code: 'es', - hrefLang: 'es', - name: 'Spanish', - localName: 'Español', - langDir: 'ltr', - dateFormat: 'DD-MM-YYYY', - }, - { - code: 'fr', - hrefLang: 'fr', - name: 'French', - localName: 'Français', - langDir: 'ltr', - dateFormat: 'DD-MM-YYYY', - }, -]; - -describe('createReportPages', () => { -});