KaneAI - World’s First E2E Software Testing Agent.Signup for Private Beta Join TestMu Conference

How to use diffLines method in backstopjs

Best JavaScript code snippet using backstopjs

isVersionIncrementedOnModification.ts

Source:isVersionIncrementedOnModification.ts

1import { GetDiffFiles, GetPRDetails } from "../gitWrapper";2import { WorkbookMetadata } from "../workbookMetadata";3import gitP, { SimpleGit } from 'simple-git/promise';4import { WorkbookValidationError } from "../validationError";5const workingDir:string = process.cwd();6const git: SimpleGit = gitP(workingDir);7const fileTypeSuffixes = [".json"];8const filePathFolderPrefixes = ["Workbooks"];9const fileKinds = ["Modified"];10const workbooksDirectoryPath = "Workbooks";11const gitDiffFileFullContentOption = "-W"; // -W option to get the full file content12// Checks that the version of a workbook template is incremented if modified13export async function isVersionIncrementedOnModification(items: Array<WorkbookMetadata>) {14  const pr = await GetPRDetails();15  if(pr){ // pr may return undefined16    const changedFiles = await GetDiffFiles(fileKinds, fileTypeSuffixes, filePathFolderPrefixes);17    18    if(changedFiles && changedFiles.length > 0){19      const options = [pr.targetBranch, pr.sourceBranch, gitDiffFileFullContentOption, `${workbooksDirectoryPath}/WorkbooksMetadata.json`];20      const diffSummary = await git.diff(options);21      const diffLinesArray = diffSummary.split('\n').map(l => l.trim());22      const versionChanges = extractVersionChangesByWorkbook(diffLinesArray);23      items24      .filter((workbookMetadata: WorkbookMetadata) => changedFiles.includes(`${workbooksDirectoryPath}/${workbookMetadata.templateRelativePath}`))25      .forEach((workbookMetadata: WorkbookMetadata) => {26        const templateRelativePath = workbookMetadata.templateRelativePath;27        if(versionChanges[templateRelativePath] == null){28          // If the workbook has changed but the version was not updated (a matching key was not found in the versionChanges dictionary) - throw error29          throw new WorkbookValidationError(`The workbook ${workbookMetadata.templateRelativePath} has been modified but the version has not been incremented in the ${workbooksDirectoryPath}/WorkbooksMetadata.json file.`);30        }31        else{32          const isNewVersionGreaterThanOldVersion = versionChanges[templateRelativePath]["newVersion"] > versionChanges[templateRelativePath]["oldVersion"];33          if(!isNewVersionGreaterThanOldVersion){ // If the version was updated but the new version is not greater than old version - throw error34            throw new WorkbookValidationError(`The new updated version (${versionChanges[templateRelativePath]["newVersion"]}) must be greater than the old version (${versionChanges[templateRelativePath]["oldVersion"]}) for workbook ${workbookMetadata.templateRelativePath} in the ${workbooksDirectoryPath}/WorkbooksMetadata.json file.`);35          }36        }37      });38    }39  }40}41function extractVersionChangesByWorkbook(diffLines: string[]){42  let currentLine = 0;43  let workbookVersionChanges: any = {};44  while(diffLines[currentLine++] != '['){} // Skip to beginning of Workbooks array45  while(diffLines[currentLine] != "]"){46    if(diffLines[currentLine] == "{"){ // Beginning of a workbook metadata object47      currentLine++;48      let templateRelativePath, newVersion, oldVersion;49      const replaceQuotesRegex = /\"/gi; // If the replace method receives a string as the first parameter, then only the first occurrence is replaced. To replace all, a regex is required.50      while(!(diffLines[currentLine] == "}" || diffLines[currentLine] == "},")){ // While current line is not end of object51        if(diffLines[currentLine].startsWith('"templateRelativePath":')){52          templateRelativePath = diffLines[currentLine].split(':')[1].trim().replace(replaceQuotesRegex, "").replace(',', "");53        }54        // The '+' may be added to a line as part of the 'git diff' output55        if(diffLines[currentLine].startsWith('+') && diffLines[currentLine].includes('"version":')){ // We are only interested in changes of the version value of an existing workbook56          newVersion = diffLines[currentLine].split(':')[1].trim().replace(replaceQuotesRegex, "").replace(',', "");57        }58        // The '-' may be added to a line as part of the 'git diff' output59        if(diffLines[currentLine].startsWith('-') && diffLines[currentLine].includes('"version":')){ // We are only interested in changes of the version value of an existing workbook60          oldVersion = diffLines[currentLine].split(':')[1].trim().replace(replaceQuotesRegex, "").replace(',', "");61        }62        currentLine++;63      }64      // Here we finish iterating over the current workbook metadata object. We will add the parsed workbook changes only if all fields are populated.65      if(templateRelativePath != null && newVersion != null && oldVersion != null){66        workbookVersionChanges[templateRelativePath] = {"newVersion": newVersion, "oldVersion": oldVersion};67      }68    }69    currentLine++;70  }71  return workbookVersionChanges;...

TimeLine.js

Source:TimeLine.js

1import React from "react";2import { Timeline, Card, Table, Icon } from "antd";3import SyntaxHighlighter from "react-syntax-highlighter";4import { dark } from "react-syntax-highlighter/dist/esm/styles/hljs";5import { FaRegCheckCircle, FaRegCircle } from "react-icons/fa";6import { mapColors } from "./constants";7const checkDiff = (current, past) => {8  let diffLines = [];9  if (!past || !current) {10    return diffLines;11  }12  Object.keys(current).map((key, idx) =>13    current[key] !== past[key] ? diffLines.push(idx) : null14  );15  return diffLines;16};17const ItemObjectViewMode = ({ diffLines, data }) => (18  <SyntaxHighlighter19    language="json"20    style={dark}21    wrapLines={true}22    lineProps={lineNumber => {23      let className = "";24      if (diffLines.includes(lineNumber - 2)) {25        className = "row-diff";26      }27      return {28        class: className,29        style: {30          display: "block"31        }32      };33    }}34  >35    {JSON.stringify(data, null, "\t") || ""}36  </SyntaxHighlighter>37);38const ItemTableViewMode = ({ diffLines, data }) => (39  <Table40    pagination={false}41    rowClassName={(record, idx) => (diffLines.includes(idx) ? "row-diff" : "")}42    dataSource={Object.keys(data).map(key => ({ key, value: data[key] }))}43    columns={[44      {45        title: "Key",46        dataIndex: "key",47        key: "key"48      },49      {50        title: "Value",51        dataIndex: "value",52        key: "value"53      }54    ]}55  />56);57export default class TimeLine extends React.Component {58  render() {59    const { viewMode, items, listCompare, handleChooseItem } = this.props;60    let ui = [];61    items.forEach((it, idx) => {62      const diffLines = checkDiff(63        it.valueData,64        (items[idx + 1] || {}).valueData65      );66      let view = "";67      switch (viewMode) {68        case "table":69          view = (70            <ItemTableViewMode diffLines={diffLines} data={it.valueData} />71          );72          break;73        case "raw":74          view = (75            <ItemObjectViewMode diffLines={diffLines} data={it.valueData} />76          );77          break;78        default:79          break;80      }81      const el = (82        <Timeline.Item83          color={mapColors[it.type]}84          key={idx}85          dot={86            <span onClick={handleChooseItem(idx)}>87              {listCompare.includes(idx) ? (88                <FaRegCheckCircle />89              ) : (90                <FaRegCircle />91              )}92            </span>93          }94        >95          <Card96            title={`${it.type} - ${it.time} - ${it.userName}`}97            extra={<a href="#">Copy</a>}98          >99            {it.type !== "Delete" && it.type !== "Access" && view}100          </Card>101        </Timeline.Item>102      );103      ui.push(el);104    });105    return <Timeline>{ui}</Timeline>;106  }...

Using AI Code Generation

1var diff = require('diff');2var fs = require('fs');3var file1 = fs.readFileSync('test1.txt', 'utf8');4var file2 = fs.readFileSync('test2.txt', 'utf8');5var diffResult = diff.diffLines(file1, file2);6diffResult.forEach(function(part){7    part.removed ? 'red' : 'grey';8  process.stderr.write(part.value[color]);9});10var diff = require('diff');11var fs = require('fs');12var file1 = fs.readFileSync('test1.txt', 'utf8');13var file2 = fs.readFileSync('test2.txt', 'utf8');14var diffResult = diff.diffWordsWithSpace(file1, file2);15diffResult.forEach(function(part){16    part.removed ? 'red' : 'grey';17  process.stderr.write(part.value[color]);18});19var diff = require('diff');20var fs = require('fs');21var file1 = fs.readFileSync('test1.txt', '

Using AI Code Generation

1var diff = require('diff');2var fs = require('fs');3var path = require('path');4var file1 = fs.readFileSync(path.join(__dirname, 'file1.txt'), 'utf8');5var file2 = fs.readFileSync(path.join(__dirname, 'file2.txt'), 'utf8');6var diffLines = diff.diffLines(file1, file2);7diffLines.forEach(function(part){8    part.removed ? 'red' : 'grey';9  process.stderr.write(part.value[color]);10});

Using AI Code Generation

1var diff = require('diff');2var str1 = "The quick brown fox jumped over the lazy dog.";3var str2 = "The quick brown fox jumped over the lazy dog.";4var diffLines = diff.diffLines(str1, str2);5diffLines.forEach(function(part){6    part.removed ? 'red' : 'grey';7  process.stderr.write(part.value[color]);8});9var diff = require('diff');10var str1 = "The quick brown fox jumped over the lazy dog.";11var str2 = "The quick brown fox jumped over the lazy dog.";12var diffChars = diff.diffChars(str1, str2);13diffChars.forEach(function(part){14    part.removed ? 'red' : 'grey';15  process.stderr.write(part.value[color]);16});17var diff = require('diff');18var str1 = "The quick brown fox jumped over the lazy dog.";19var str2 = "The quick brown fox jumped over the lazy dog.";20var diffWordsWithSpace = diff.diffWordsWithSpace(str1, str2);21diffWordsWithSpace.forEach(function(part){22    part.removed ? 'red' : 'grey';23  process.stderr.write(part.value[color]);24});25var diff = require('diff');26var str1 = "The quick brown fox jumped over the lazy dog.";27var str2 = "The quick brown fox jumped over the lazy dog.";28var diffWords = diff.diffWords(str1, str2);29diffWords.forEach(function(part){30    part.removed ? 'red' : 'grey';31  process.stderr.write(part.value[color]);32});

Using AI Code Generation

1var diff = require('diff');2var fs = require('fs');3var old = fs.readFileSync('./old.txt', 'utf8');4var newfile = fs.readFileSync('./new.txt', 'utf8');5var diff = diff.diffLines(old, newfile);6diff.forEach(function(part){7    part.removed ? 'red' : 'grey';8  process.stderr.write(part.value[color]);9});10console.log(diff);11[ { value: 'old data', added: false, removed: false } ]

Using AI Code Generation

1var fs = require('fs');2var diff = require('diff');3var file1 = fs.readFileSync('file1.txt', 'utf8');4var file2 = fs.readFileSync('file2.txt', 'utf8');5var diffResult = diff.diffLines(file1, file2);6var diffJson = JSON.stringify(diffResult);7console.log(diffJson);8fs.writeFileSync('diff.json', diffJson);9[{"value":"This is the first line of the file. ","count":1,"added":false,"removed":false},{"value":"This is the second line of the file. ","count":1,"added":false,"removed":false},{"count":1,"added":true,"removed":false,"value":"This is the third line of the file. "},{"value":"This is the fourth line of the file. ","count":1,"added":false,"removed":false},{"value":"This is the fifth line of the file. ","count":1,"added":false,"removed":false},{"value":"This is the sixth line of the file. ","count":1,"added":false,"removed":false},{"value":"This is the seventh line of the file. ","count":1,"added":false,"removed":false},{"value":"This is the eighth line of the file. ","count":1,"added":false,"removed":false},{"value":"This is the ninth line of the file. ","count":1,"added":false,"removed":false},{"value":"This is the tenth line of the file. ","count":1,"added":false,"removed":false}]

Using AI Code Generation

1var diff = require('diff');2var fs = require('fs');3var file1 = fs.readFileSync('/home/username/backstop_data/bitmaps_test/20180102-180808/failed_diff_test_0_document_0_phone.png', 'utf8');4var file2 = fs.readFileSync('/home/username/backstop_data/bitmaps_test/20180102-180808/failed_diff_test_1_document_0_phone.png', 'utf8');5var diff1 = diff.diffLines(file1, file2);6console.log(diff1);7var file3 = fs.readFileSync('/home/username/backstop_data/bitmaps_test/20180102-180808/failed_diff_test_0_document_0_phone.png', 'utf8');8var file4 = fs.readFileSync('/home/username/backstop_data/bitmaps_test/20180102-180808/failed_diff_test_1_document_0_phone.png', 'utf8');9var diff2 = diff.diffLines(file3, file4);10console.log(diff2);11', count: 1, added: false, removed: false },

Automation Testing Tutorials

Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.