How to use unifiedDiff method in Testcafe

Best JavaScript code snippet using testcafe

diffing-visualization.js

Source:diffing-visualization.js Github

copy

Full Screen

1class DiffVisualization extends React.Component {2constructor(props) {3 super(props)4 this.state = {5 view: "diff",6 showUnified: props.showUnified || false,7 leftText: props.leftText,8 rightText: props.rightText,9 ...this.computeDiff(props.leftText, props.rightText)10 }11}12render () {13 return React.createElement("div", {className: "diff-visualization"},14 React.createElement("h4", null, "Live Demo: ", this.props.title),15 this.state.view == "edit" ? this.renderEdit() : this.renderDiff()16)17}18renderEdit () {19 return React.createElement("div", null,20 React.createElement("div", {className: "diff-wrapper"},21 React.createElement("div", {className: "diff-side"},22 React.createElement("textarea", {ref: "leftTextarea",23 value: this.state.leftText,24 style: {height: this.state.leftTextAreaHeight + "px"},25 onChange: this.handleLeftTextarea.bind(this)})26 ),27 React.createElement("div", {className: "diff-side right-diff-side"},28 React.createElement("textarea", {ref: "rightTextarea",29 value: this.state.rightText,30 style: {height: this.state.rightTextAreaHeight + "px"},31 onChange: this.handleRightTextarea.bind(this)})32 )33 ),34 React.createElement("button", {onClick: this.switchState.bind(this)}, "Show diff")35 )36}37renderDiff (height) {38 if (this.state.showUnified) {39 return React.createElement("div", null,40 React.createElement("div", {className: "diff-wrapper"},41 React.createElement("div", {className: "diff-full"},42 React.createElement("ul", {className: "diff-results"},43 this.state.unifiedDiff.map(this.renderDiffElement.bind(this))44 )45 )46 ),47 React.createElement("button", {onClick: this.switchState.bind(this)}, "Edit")48 )49 } else {50 return React.createElement("div", null,51 React.createElement("div", {className: "diff-wrapper"},52 React.createElement("div", {className: "diff-side"},53 React.createElement("ul", {className: "diff-results"},54 this.state.leftDiff.map(this.renderDiffElement.bind(this))55 )56 ),57 React.createElement("div", {className: "diff-side right-diff-side"},58 React.createElement("ul", {className: "diff-results"},59 this.state.rightDiff.map(this.renderDiffElement.bind(this))60 )61 )62 ),63 React.createElement("button", {onClick: this.switchState.bind(this)}, "Edit")64 )65 }66}67renderDiffElement (element) {68 return React.createElement("li", {className: "diff-change diff-" + element.type}, element.content)69}70componentDidUpdate() {71 if (this.state.view == "edit" &&72 (this.state.leftTextAreaHeight != this.refs.leftTextarea.scrollHeight73 || this.state.rightTextAreaHeight != this.refs.rightTextarea.scrollHeight)) {74 this.setState({75 leftTextAreaHeight: this.refs.leftTextarea.scrollHeight,76 rightTextAreaHeight: this.refs.rightTextarea.scrollHeight77 })78 }79}80switchState(e) {81 if (this.state.view == "edit") {82 this.setState({view: "diff",83 ...this.computeDiff(this.state.leftText, this.state.rightText)})84 } else{85 this.setState({view: "edit"})86 }87}88handleLeftTextarea (e) {89 /​/​ HACK: This needs to be set outside of React apparently.90 e.target.style.height = 'inherit'91 e.target.style.height = e.target.scrollHeight + "px"92 this.setState({ leftText: e.target.value, leftTextAreaHeight: e.target.scrollHeight })93}94handleRightTextarea (e) {95/​/​ HACK: This needs to be set outside of React apparently.96 e.target.style.height = 'inherit'97 e.target.style.height = e.target.scrollHeight + "px"98 this.setState({ rightText: e.target.value, rightTextAreaHeight: e.target.scrollHeight })99}100computeDiff (leftText, rightText) {101 var leftText = leftText.split("\n")102 var rightText = rightText.split("\n")103 var unifiedDiff = diff(leftText, rightText)104 var {left, right} = diff_to_sxs_diff(unifiedDiff)105 return { leftDiff: left, rightDiff: right, unifiedDiff }106}107}108class DiffingElement {109constructor(type, content) {110 this.type = type111 this.content = content112}113}114Addition = (content) => new DiffingElement("added", content)115Removal = (content) => new DiffingElement("removed", content)116Unchanged = (content) => new DiffingElement("unchanged", content)117Buffer = (content) => new DiffingElement("buffer", "")118function compute_longest_common_subsequence(text1, text2) {119const n = text1.length120const m = text2.length121var lcs = Array.from(Array(n + 1), () => Array(m + 1) )122for(var i = 0; i <= n; i++) {123 for(var j = 0; j <= m; j++) {124 if (i == 0 || j == 0) {125 lcs[i][j] = 0126 } else if (text1[i - 1] == text2[j - 1]) {127 lcs[i][j] = 1 + lcs[i - 1][j - 1]128 } else {129 lcs[i][j] = Math.max(lcs[i - 1][j], lcs[i][j - 1])130 }131 }132}133return lcs134}135function diff(text1, text2) {136const lcs = compute_longest_common_subsequence(text1, text2)137var results = []138var i = text1.length139var j = text2.length140while(i != 0 || j != 0) {141 if (i == 0) {142 results.push(Addition(text2[j - 1]))143 j -= 1144 } else if (j == 0) {145 results.push(Removal(text1[i - 1]))146 i -= 1147 } else if (text1[i - 1] == text2[j - 1]) {148 results.push(Unchanged(text1[i - 1]))149 i -= 1150 j -= 1151 } else if (lcs[i - 1][j] <= lcs[i][j - 1]) {152 results.push(Addition(text2[j - 1]))153 j -= 1154 } else {155 results.push(Removal(text1[i - 1]))156 i -= 1157 }158}159return results.reverse()160}161function diff_to_sxs_diff(diff) {162left = []163right = []164var last_free_i = 0165for (var i = 0; i < diff.length; i++) {166 const element = diff[i];167 if (element.type == "removed") {168 left.push(element)169 }170 if (element.type == "added") {171 right.push(element)172 }173 if (element.type == "unchanged" || i == diff.length - 1) {174 const pad = Math.max(left.length, right.length)175 const addLeft = Math.max(0, pad - left.length)176 const addRight = Math.max(0, pad - right.length)177 left = left.concat(Array(addLeft).fill(Buffer()))178 right = right.concat(Array(addRight).fill(Buffer()))179 }180 if (element.type == "unchanged") {181 last_free_i = i;182 left.push(element)183 right.push(element)184 }185}186return { left, right }187}188ReactDOM.render(React.createElement(DiffVisualization, {189 title: "Diff Visualization",190 leftText: "Here\nis\nan\nold\ncommit\nand\nsome\nmore\ntext",191 rightText: "This\nis\nthe\nmost\nrecent\ncommit\nwith\nsome\ntext" }),192document.getElementById("demo-initial"))193ReactDOM.render(React.createElement(DiffVisualization, {194 title: "Unified Diff View",195 leftText: "Here\nis\nan\nold\ncommit\nand\nsome\nmore\ntext",196 rightText: "This\nis\nthe\nmost\nrecent\ncommit\nwith\nsome\ntext",197 showUnified: true}),198document.getElementById("demo-unified"))199ReactDOM.render(React.createElement(DiffVisualization, {200 title: "Split Diff View",201 leftText: "Here\nis\nan\nold\ncommit\nand\nsome\nmore\ntext",202 rightText: "This\nis\nthe\nmost\nrecent\ncommit\nwith\nsome\ntext",203 showUnified: false}),204document.getElementById("demo-split"))205var left = `function oldFunction () {206 some();207 code();208}`209var right = `function oldFunction () {210 some();211 code();212}213function newFunction () {214 new();215 code();216}`217ReactDOM.render(React.createElement(DiffVisualization, {218 title: "Confusing diff with one function added",219 leftText: left,220 rightText: right,221 showUnified: false}),...

Full Screen

Full Screen

ChangesCtrl.js

Source:ChangesCtrl.js Github

copy

Full Screen

1angular.module('zmon2App').controller('ChangesCtrl', ['$scope', '$location', '$route', 'APP_CONST', 'CommunicationService', 'MainAlertService', 'UserInfoService', 'FeedbackMessageService',2 function($scope, $location, $route, APP_CONST, CommunicationService, MainAlertService, UserInfoService, FeedbackMessageService) {3 MainAlertService.removeDataRefresh();4 $scope.$parent.activePage = 'changes';5 $scope.limit = APP_CONST.INFINITE_SCROLL_VISIBLE_ENTITIES_INCREMENT;6 $scope.definition = {};7 $scope.changes = [];8 $scope.activeChangesButton = 7;9 var q = $location.search();10 if (q.alert_definition_id) {11 $scope.alert_definition_id = q.alert_definition_id;12 }13 /​/​ Preventing execution of code if check or alert definition are not defined or values are invalid14 if((!q.check_definition_id || isNaN(q.check_definition_id)) && (!q.alert_definition_id || isNaN(q.alert_definition_id))) {15 var search = Object.keys(q).map(function(key) { return key + '=' + q[key]; }).join('&');16 FeedbackMessageService.showErrorMessage("The requested [GET changes?" + search + "] is invalid. You'll be redirected to the previous page.", 3000, function() {17 window.history.back();18 });19 return;20 }21 /​/​ Fn. which storing the check definition data into global $scope.definition22 var checkHandler = function(def) {23 $scope.definition = def;24 };25 /​/​ Fn. which appending check definition into alert definition and then storing the alert definition data into global $scope.definition26 var alertHandler = function(def) {27 $scope.definition = def;28 CommunicationService.getCheckDefinition(def.check_definition_id).then(function(cd) {29 $scope.definition.check_definition = cd;30 });31 };32 /​/​ Converting original changed_attributes obj into array which is more suitable for searching33 var convertChanges = function(changes) {34 changes.forEach(function(change) {35 if (change.changed_attributes) {36 change.changed_attributes_list = Object.keys(change.changed_attributes).map(function(key) {37 return { attribute: key, value: change.changed_attributes[key] };38 });39 }40 });41 return changes;42 };43 $scope.mode = q.check_definition_id ? 'check' : 'alert';44 /​/​ Building default query45 q.limit = q.limit || 20 * $scope.limit;46 q.from = q.from || parseInt( (Date.now() /​ 1000) - ($scope.activeChangesButton * 60 * 60 * 24) , 10);47 /​/​ Loading the check/​alert definition48 if($scope.mode === 'check') {49 CommunicationService.getCheckDefinition(q.check_definition_id).then(checkHandler);50 } else {51 CommunicationService.getAlertDefinition(q.alert_definition_id).then(alertHandler);52 }53 /​/​ Loading the history of changes54 CommunicationService.getAllChanges(q).then(function(changes) {55 $scope.changes = convertChanges(changes);56 });57 /​/​ Updating changes data after applying the days filter58 $scope.fetchChanges = function(days) {59 $scope.activeChangesButton = days;60 q.from = parseInt( (Date.now() /​ 1000) - (days * 60 * 60 * 24) , 10);61 CommunicationService.getAllChanges(q).then(function(changes) {62 $scope.changes = convertChanges(changes);63 });64 };65 /​/​ Return user-friendly HTML diff based on a plaintext unified diff66 $scope.getHtmlDiff = function(unifiedDiff) {67 return Diff2Html.getPrettyHtml(unifiedDiff, {68 rawTemplates: {69 'generic-wrapper': '{{{content}}}',70 'line-by-line-numbers': '<div class="line-num2">{{newNumber}}</​div>',71 'line-by-line-file-diff': ' <div class="d2h-file-diff">' +72 ' <div class="d2h-code-wrapper">' +73 ' <table class="d2h-diff-table">' +74 ' <tbody class="d2h-diff-tbody">' +75 ' {{{diffs}}}' +76 ' </​tbody>' +77 ' </​table>' +78 ' </​div>' +79 ' </​div>'80 }81 });82 };83 /​/​ Counting the size of history changes84 $scope.total = function() {85 return $scope.changes.length;86 };87 /​/​ Escaping value (e.g. empty_str => "", null => 'null')88 $scope.escapeValue = function(value) {89 var tagsToReplace = {90 '&': '&amp;',91 '<': '&lt;',92 '>': '&gt;'93 };94 function replaceTag(tag) {95 return tagsToReplace[tag] || tag;96 }97 if (typeof value === 'undefined') {98 return value;99 } else if (value === null) {100 return 'null';101 } else {102 return (value.length > 0) ? value.replace(/​[&<>]/​g, replaceTag) : '""';103 }104 };105 /​/​ Calculating the background color of event labels106 $scope.hslFromEventType = function(id) {107 return "hsla(" + ((id * 6151 % 1000 /​ 1000.0) * 360) + ", 50%, 50%, 1);";108 };109 $scope.restoreCheckDefinition = function(checkDefinitionHistoryId) {110 CommunicationService.restoreCheckDefinition(checkDefinitionHistoryId)111 .then(function(isRestored) {112 if (isRestored) {113 FeedbackMessageService.showSuccessMessage("Check definition has been successfully restored.", 1000, $route.reload);114 }115 else {116 FeedbackMessageService.showErrorMessage("Check definition could not be restored.")117 }118 })119 };120 $scope.isDiffEmpty = function(unifiedDiff) {121 return unifiedDiff.split("\n").length < 3;122 };...

Full Screen

Full Screen

index.js

Source:index.js Github

copy

Full Screen

1/​* @flow */​2/​* eslint-disable no-console */​3import React from 'react'4import PureComponent from 'components/​PureComponent'5import { connect } from 'react-redux'6import CodeDiffView from 'components/​CodeDiffView'7import _ from 'lodash'8import { processDiff } from 'ducks/​diff'9import Scroll from 'react-scroll'10import Collapse from 'components/​Collapse'11import LinearProgress from 'material-ui/​LinearProgress'12import { DiffTypes } from 'universal/​constants'13import DiffHeader from './​DiffHeader'14import { getData } from './​selectors'15const Element = Scroll.Element16type Props = {17 id: string,18 file: Object,19 loggedUser: Object,20 dispatch: Function,21 viewType: number,22 unifiedDiff: any,23 sideBySideDiff: any,24 pullRequestId: any,25 comments: Object, /​/​ NOTE: not an array but object with comments reduced by line numbers26 onCreateInlineComment: (filePath: string, lineNumber: string, text: string, issue: any) => void,27 onUpdateInlineComment: (commentId: string, text: string) => void,28 onDeleteInlineComment: (commentId: string, text: string) => void,29}30class CodeDiffContainer extends PureComponent {31 constructor(props: Props) {32 super(props)33 this.state = {34 startedComment: false,35 collapsed: false,36 commentLine: null,37 }38 }39 componentWillMount() {40 const { id, diff, type } = this.props.file41 if (diff) {42 this.props.dispatch(processDiff(id, type, diff, this.props.viewType))43 }44 }45 componentWillReceiveProps(nextProps, nextState) {46 if (!nextProps.file.diff) {47 return48 }49 const { file: { diff, id, type } } = this.props50 if ((diff !== nextProps.file.diff) ||51 ((nextProps.viewType === DiffTypes.UNIFIED && !nextProps.unifiedDiff) ||52 (nextProps.viewType === DiffTypes.SIDE_BY_SIDE && !nextProps.sideBySideDiff))) {53 this.props.dispatch(processDiff(id, type, nextProps.file.diff, nextProps.viewType))54 }55 }56 props: Props57 state: {58 startedComment: boolean,59 collapsed: boolean,60 commentLine: any,61 }62 onCollapse = (collapsed: boolean) => {63 this.setState({ collapsed })64 }65 handleCreateInlineComment = () => {66 if (this.props.onCreateInlineComment) {67 return (lineNumber: string, text: string, issue: any) =>68 this.props.onCreateInlineComment(this.props.file.name, lineNumber, text, issue)69 }70 return null71 }72 handleDeleteInlineComment = () => {73 if (this.props.onDeleteInlineComment) {74 return (commentId: string) => this.props.onDeleteInlineComment(commentId, this.props.file.name)75 }76 return null77 }78 render() {79 const {80 id,81 pullRequestId,82 loggedUser,83 file: { type, stats, diff, name },84 unifiedDiff,85 sideBySideDiff,86 viewType,87 comments,88 } = this.props89 const { collapsed } = this.state90 const anyDiff = (unifiedDiff && viewType === DiffTypes.UNIFIED) ||91 (sideBySideDiff && viewType === DiffTypes.SIDE_BY_SIDE) ||92 (viewType === DiffTypes.RAW && diff)93 return (94 <div>95 <Element96 key={_.uniqueId(name)}97 name={name.replace(/​[/​.]/​g, '')}98 style={{ marginBottom: '20px' }}99 >100 <DiffHeader101 comments={comments ? comments.length > 0 : false}102 collapsed={collapsed}103 id={id}104 pullRequestId={pullRequestId}105 title={name}106 stats={stats}107 onCollapse={this.onCollapse}108 /​>109 {!anyDiff && <LinearProgress /​>}110 {anyDiff &&111 <Collapse isOpened={!collapsed}>112 <CodeDiffView113 type={type}114 comments={comments}115 rawDiff={diff}116 unifiedDiff={unifiedDiff}117 sideBySideDiff={sideBySideDiff}118 loggedUser={loggedUser}119 viewType={viewType}120 onCreateInlineComment={this.handleCreateInlineComment()}121 onDeleteInlineComment={this.handleDeleteInlineComment()}122 onUpdateInlineComment={this.props.onUpdateInlineComment}123 /​>124 </​Collapse>125 }126 </​Element>127 </​div>128 )129 }130}131/​* flow-disable */​...

Full Screen

Full Screen

diff-spec.js

Source:diff-spec.js Github

copy

Full Screen

1'use babel';2import * as git from '../​../​lib/​git';3import { promises as fs } from 'fs';4import path from 'path';5const methodName = 'git.diff()';6const repositoryPath = process.cwd();7const verificationFile = path.join('spec', 'data', 'git-test-file.txt');8const verificationPath = path.join(repositoryPath, verificationFile);9const verificationText = 'git-tabular-diff verification file spec/​data/​git-test-file.txt\n';10const nonexistentFile = path.join('spec', 'data', 'lorem ipsum.txt');11const nonexistentPath = path.join(repositoryPath, nonexistentFile);12const nonexistentText = 'Lorem ipsum dolor sit amet, consectetur adipiscing git tabular diff\n';13const goodUnifiedDiffTail = `--- a/​spec/​data/​git-test-file.txt14+++ b/​spec/​data/​git-test-file.txt15@@ -1 +1 @@16-git-tabular-diff verification file spec/​data/​git-test-file.txt17+Lorem ipsum dolor sit amet, consectetur adipiscing git tabular diff\n`;18describe(methodName, () => {19 afterEach(async function() {20 await fs.writeFile(verificationPath, verificationText);21 try { await fs.unlink(nonexistentPath); } catch (e) { return; }22 });23 it('should return the empty string for an unmodified file', async function() {24 let unifiedDiff, errorMessage;25 try {26 unifiedDiff = await git.diff(repositoryPath, verificationFile);27 } catch (e) {28 errorMessage = e;29 }30 expect(unifiedDiff).toBe('');31 expect(errorMessage).not.toBeDefined();32 });33 it('should generate the correct difference for a modified file', async function() {34 await fs.writeFile(verificationPath, nonexistentText);35 let unifiedDiff, errorMessage;36 try {37 unifiedDiff = await git.diff(repositoryPath, verificationFile);38 } catch (e) {39 errorMessage = e;40 }41 expect(unifiedDiff).toContain(goodUnifiedDiffTail);42 expect(errorMessage).not.toBeDefined();43 });44 it('should return the empty string for a new file (nothing to compare against)', async function() {45 await fs.writeFile(nonexistentPath, nonexistentText);46 let unifiedDiff, errorMessage;47 try {48 unifiedDiff = await git.diff(repositoryPath, nonexistentFile);49 } catch (e) {50 errorMessage = e;51 }52 expect(unifiedDiff).toBe('');53 expect(errorMessage).not.toBeDefined();54 });55 it('should return the empty string for a deleted file (nothing to compare against)', async function() {56 try { await fs.unlink(verificationPath); } catch (e) { return; }57 let unifiedDiff, errorMessage;58 try {59 unifiedDiff = await git.diff(repositoryPath, verificationFile);60 } catch (e) {61 errorMessage = e;62 }63 expect(unifiedDiff).toBe('');64 expect(errorMessage).not.toBeDefined();65 });66 it('should detect a null repositoryPath', async function() {67 let unifiedDiff, errorMessage;68 try {69 unifiedDiff = await git.diff(null, verificationFile);70 } catch (e) {71 errorMessage = e;72 }73 expect(unifiedDiff).not.toBeDefined();74 expect(errorMessage).toContain(methodName);75 expect(errorMessage).toContain('repositoryPath');76 expect(errorMessage).toContain('null');77 });78 it('should not try to create the git process with a nonexistent cwd', async function() {79 let unifiedDiff, errorMessage;80 try {81 unifiedDiff = await git.diff(nonexistentPath, verificationFile);82 } catch (e) {83 errorMessage = e;84 }85 expect(unifiedDiff).not.toBeDefined();86 expect(errorMessage).toContain(methodName);87 expect(errorMessage).toContain('repositoryPath');88 expect(errorMessage).toContain(nonexistentPath);89 expect(errorMessage).toContain('exist');90 });91 it('should detect a null relativePath', async function() {92 let unifiedDiff, errorMessage;93 try {94 unifiedDiff = await git.diff(repositoryPath, null);95 } catch (e) {96 errorMessage = e;97 }98 expect(unifiedDiff).not.toBeDefined();99 expect(errorMessage).toContain(methodName);100 expect(errorMessage).toContain('relativePath');101 expect(errorMessage).toContain('null');102 });...

Full Screen

Full Screen

CodeDiffView.js

Source:CodeDiffView.js Github

copy

Full Screen

1/​* flow */​2import React from 'react'3import PureComponent from 'components/​PureComponent'4import _ from 'lodash'5import 'prismjs/​themes/​prism.css'6import UnifiedRow from './​UnifiedRow/​UnifiedRow'7import SplitRow from './​SplitRow/​SplitRow'8import './​CodeDiffView.css'9export type Props = {10 type: string,11 rawDiff: string,12 unifiedDiff: Array<any>,13 sideBySideDiff: Array<any>,14 viewType?: string,15 loggedUser: Object,16 comments: Object,17 onCreateInlineComment: (lineNumber: string, text: string, issue: any) => void,18 onUpdateInlineComment: (commentId: string, text: string) => void,19 onDeleteInlineComment: (commentId: string, text: string) => void,20}21const defaultEmptyList = []22class CodeDiffView extends PureComponent {23 static defaultProps = {24 viewType: '0',25 }26 props: Props27 shouldComponentUpdate(nextProps: Object, nextState: Object) {28 return (nextProps.rawDiff || nextProps.unifiedDiff || nextProps.sideBySideDiff) &&29 super.shouldComponentUpdate(nextProps, nextState)30 }31 selectUnifiedComments = (oldLine: number, newLine: number) => {32 if (!this.props.comments) {33 return []34 }35 if (oldLine && !newLine) {36 return this.props.comments[`o${oldLine}`] || defaultEmptyList37 }38 if (newLine && !oldLine) {39 return this.props.comments[`n${newLine}`] || defaultEmptyList40 }41 return oldLine === newLine ?42 this.props.comments[`n${oldLine}`] || this.props.comments[`o${oldLine}`] : defaultEmptyList43 }44 renderDiff = () => {45 const { viewType, loggedUser } = this.props46 if (viewType === 0) {47 const content = this.props.unifiedDiff48 return (49 <table className="code-block diff-unified">50 <tbody>51 {content.map(line => (52 <UnifiedRow53 key={_.uniqueId('_split_code_row')}54 loggedUser={loggedUser}55 comments={this.selectUnifiedComments(line.oldLineNumber, line.newLineNumber)}56 onCreateInlineComment={this.props.onCreateInlineComment}57 onUpdateInlineComment={this.props.onUpdateInlineComment}58 onDeleteInlineComment={this.props.onDeleteInlineComment}59 {...line}60 /​>))}61 </​tbody>62 </​table>63 )64 } else if (viewType === 1) {65 const content = this.props.sideBySideDiff66 return (67 <table className="code-block diff-split">68 <tbody>{content.map(line => (69 <SplitRow70 key={_.uniqueId('_split_code_row')}71 loggedUser={loggedUser}72 leftComments={this.props.comments[`o${line.leftLineNumber}`]}73 rightComments={this.props.comments[`n${line.rightLineNumber}`]}74 onCreateInlineComment={this.props.onCreateInlineComment}75 onUpdateInlineComment={this.props.onUpdateInlineComment}76 onDeleteInlineComment={this.props.onDeleteInlineComment}77 {...line}78 /​>79 ))}</​tbody>80 </​table>81 )82 }83 return (84 <div className="diff-raw">85 <span>{this.props.rawDiff} </​span>86 </​div>87 )88 }89 render() {90 return (91 <pre92 key={_.uniqueId('_code_')}93 className="diff-view"94 >95 <code className={`language-${this.props.type}`}>96 {this.renderDiff()}97 </​code>98 </​pre>99 )100 }101}...

Full Screen

Full Screen

unified_diff.js

Source:unified_diff.js Github

copy

Full Screen

1/​/​ UnifiedDiff converts a unified diff patch format into an2/​/​ intermediate representation (called ir).3/​/​4/​/​ This intermediate representation is here to abstract the update5/​/​ format from updates on the content, and let us change the update6/​/​ backend in the future.7/​/​8/​/​ TODO Parse the first word of each line, instead of multiple regexp.9/​/​ This will support more random keywords.10/​* exported UnifiedDiff */​11(function(exports) {12 'use strict';13 exports.UnifiedDiff = {14 parse: function(text) {15 var ir = {};16 var nop = function(str) {17 return str;18 };19 var kSchemas = [20 [/​^diff\s/​, addFile],21 [/​^new file mode \d+$/​, nop],22 [/​^index\s[\da-zA-Z]+\.\.[\da-zA-Z]+(\s(\d+))?$/​, nop],23 [/​^---\s/​, nop],24 [/​^\+\+\+\s/​, nop],25 [/​^@@/​, addHunk],26 [/​^-/​, addDeletion],27 [/​^\+/​, addAddition],28 [/​^From\s/​, nop],29 [/​^Date\s/​, nop],30 [/​^Subject\s/​, nop],31 [/​^---$/​, nop]32 ];33 function parse(line) {34 for (var i = 0; i < kSchemas.length; i++) {35 var schema = kSchemas[i];36 if (line.match(schema[0])) {37 schema[1](line);38 return;39 }40 }41 increment();42 }43 var files = {};44 var currentFilename = '';45 var currentPosition = 0;46 text.split('\n').forEach(parse);47 for (var file in files) {48 /​/​console.log(file);49 var operations = files[file].operations;50 operations.forEach(function onEachOperation(op) {51 if (op.type == 'deletion') {52 /​/​console.log('delete line ' + Math.abs(op.lineNumber));53 } else {54 /​/​console.log(55 /​/​ 'add line ' +56 /​/​ Math.abs(op.lineNumber) +57 /​/​ '(' + op.content + ')'58 /​/​);59 }60 });61 }62 return files;63 function addFile(line) {64 var filename = line.split(' ')[2].replace('a/​', '/​contacts/​');65 files[filename] = {66 hunks: [],67 operations: []68 };69 currentFilename = filename;70 }71 function addHunk(line) {72 if (!currentFilename) {73 return;74 }75 currentPosition = line.split(' ')[1].split(',')[0].replace('-', '');76 files[currentFilename].hunks.push(line);77 }78 function addDeletion(line) {79 if (!currentFilename) {80 return;81 }82 files[currentFilename].operations.push({83 'type': 'deletion',84 'lineNumber': currentPosition85 });86 }87 function addAddition(line) {88 if (!currentFilename) {89 return;90 }91 files[currentFilename].operations.push({92 'type': 'addition',93 'lineNumber': currentPosition,94 'content': line.replace(/​^\+/​, '')95 });96 increment();97 }98 function increment() {99 currentPosition++;100 }101 function decrement() {102 currentPosition--;103 }104 return ir;105 }106 };...

Full Screen

Full Screen

utils.js

Source:utils.js Github

copy

Full Screen

...17const compare = ({ past, current, options }) => {18 const nextOptions = { ...defaultOptions, ...options };19 const pastArray = past.split(/​\r|\n|\r\n/​);20 const currentArray = current.split(/​\r|\n|\r\n/​);21 const diffArray = unifiedDiff(pastArray, currentArray, {22 fromfile: nextOptions.originalFileName,23 tofile: nextOptions.updatedFileName24 });25 const diffString = format(26 'diff --git %s %s\n%s',27 nextOptions.originalFileName,28 nextOptions.updatedFileName,29 diffArray.join('\n')30 );31 return {32 diffString,33 options: nextOptions34 };35};...

Full Screen

Full Screen

prismDiffProcessor.js

Source:prismDiffProcessor.js Github

copy

Full Screen

...5import { DiffTypes } from 'universal/​constants'6import { types } from 'ducks/​diff'7self.onmessage = ({ data: action }) => {8 const { diff, type, diffType } = action.payload9 const processedDiff = diffType === DiffTypes.UNIFIED ? unifiedDiff(diff, type) : sideBySideDiff(diff, type)10 self.postMessage({11 type: types.SET_DIFF,12 payload: {13 ...action.payload,14 diff: processedDiff,15 },16 })...

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { Selector } from 'testcafe';2test('My first test', async t => {3 .typeText('#developer-name', 'John Smith')4 .click('#submit-button');5 const articleHeader = await Selector('.result-content').find('h1');6 let headerText = await articleHeader.innerText;7 await t.expect(headerText).eql('Thank you, John Smith!');8});9import { Selector } from 'testcafe';10test('My first test', async t => {11 .typeText('#developer-name', 'John Smith')12 .click('#submit-button');13 const articleHeader = await Selector('.result-content').find('h1');14 let headerText = await articleHeader.innerText;15 await t.expect(headerText).eql('Thank you, John Smith!');16});17import { Selector } from 'testcafe';18test('My first test', async t => {19 .typeText('#developer-name', 'John Smith')20 .click('#submit-button');21 const articleHeader = await Selector('.result-content').find('h1');22 let headerText = await articleHeader.innerText;23 await t.expect(headerText).eql('Thank you, John Smith!');24});25import { Selector } from 'testcafe';26test('My first test', async t => {27 .typeText('#developer-name', 'John Smith')28 .click('#submit-button');

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { Selector } from 'testcafe';2test('My first test', async t => {3 .typeText('#developer-name', 'John Smith')4 .click('#submit-button');5});6test('My second test', async t => {7 .typeText('#developer-name', 'John Smith')8 .click('#submit-button');9});10test('My third test', async t => {11 .typeText('#developer-name', 'John Smith')12 .click('#submit-button');13});14test('My fourth test', async t => {15 .typeText('#developer-name', 'John Smith')16 .click('#submit-button');17});18test('My fifth test', async t => {19 .typeText('#developer-name', 'John Smith')20 .click('#submit-button');21});22test('My sixth test', async t => {23 .typeText('#developer-name', 'John Smith')24 .click('#submit-button');25});26test('My seventh test', async t => {27 .typeText('#developer-name', 'John Smith')28 .click('#submit-button');29});30test('My eighth test', async t => {31 .typeText('#developer-name', 'John Smith')32 .click('#submit-button');33});34test('My ninth test', async t => {35 .typeText('#developer-name', 'John Smith')36 .click('#submit-button');37});38test('My tenth test', async t => {39 .typeText('#developer-name', 'John Smith')40 .click('#submit-button');41});42test('My eleventh test',

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { unifiedDiff } from 'testcafe';2import fs from 'fs';3import path from 'path';4import { Selector } from 'testcafe';5test('My first test', async t => {6 .typeText('#developer-name', 'John Smith')7 .click('#macos')8 .click('#submit-button');9 const screenshotPath = path.join(__dirname, 'images', 'screenshot1.png');10 await t.takeScreenshot(screenshotPath);11 const screenshotPath2 = path.join(__dirname, 'images', 'screenshot2.png');12 await t.takeScreenshot(screenshotPath2);13 const screenshotPath3 = path.join(__dirname, 'images', 'screenshot3.png');14 await t.takeScreenshot(screenshotPath3);15 const screenshotPath4 = path.join(__dirname, 'images', 'screenshot4.png');16 await t.takeScreenshot(screenshotPath4);17 const screenshotPath5 = path.join(__dirname, 'images', 'screenshot5.png');18 await t.takeScreenshot(screenshotPath5);19 const screenshotPath6 = path.join(__dirname, 'images', 'screenshot6.png');20 await t.takeScreenshot(screenshotPath6);21 const screenshotPath7 = path.join(__dirname, 'images', 'screenshot7.png');22 await t.takeScreenshot(screenshotPath7);23 const screenshotPath8 = path.join(__dirname, 'images', 'screenshot8.png');24 await t.takeScreenshot(screenshotPath8);25 const screenshotPath9 = path.join(__dirname, 'images', 'screenshot9.png');26 await t.takeScreenshot(screenshotPath9);27 const screenshotPath10 = path.join(__dirname, 'images', 'screenshot10.png');28 await t.takeScreenshot(screenshotPath10);29 const screenshotPath11 = path.join(__dirname, 'images', 'screenshot11.png');30 await t.takeScreenshot(screenshotPath11);31 const screenshotPath12 = path.join(__dirname, 'images', 'screenshot12.png');32 await t.takeScreenshot(screenshotPath12);33 const screenshotPath13 = path.join(__dirname, 'images', 'screenshot13.png');34 await t.takeScreenshot(screenshotPath13);35 const screenshotPath14 = path.join(__dirname, 'images', '

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { unifiedDiff } from 'testcafe';2import fs from 'fs';3import path from 'path';4import process from 'process';5import mkdirp from 'mkdirp';6import rimraf from 'rimraf';7import { createHtmlReport } from 'testcafe-reporter-html';8import { createXUnitReport } from 'testcafe-reporter-xunit';9import { createJsonReport } from 'testcafe-reporter-json';10import { createListReport } from 'testcafe-reporter-list';11import { createMinimalReport } from 'testcafe-reporter-minimal';12import { createSpecReport } from 'testcafe-reporter-spec';13import { createJsonStreamReport } from 'testcafe-reporter-json-stream';14import { createXmlReport } from 'testcafe-reporter-xml';15import { createErrorMessageReport } from 'testcafe-reporter-errormessage';16import { createTeamCityReport } from 'testcafe-reporter-teamcity';17import { createDotReport } from 'testcafe-reporter-dot';18import { createJsonCucumberReport } from 'testcafe-reporter-json-cucumber';

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { ReporterPlugin } from 'testcafe';2import { createWriteStream } from 'fs';3import { join } from 'path';4import { diffLines } from 'diff';5import { promisify } from 'util';6import { mkdir } from 'fs';7import { existsSync } from 'fs';8import { writeFile } from 'fs';9import { readFile } from 'fs';10import { unlink } from 'fs';11import { readdir } from 'fs';12import { rmdir } from 'fs';13class MyReporter extends ReporterPlugin {14 constructor (options) {15 super(options);16 this.reportPath = options.reportPath;17 this.reportFileName = options.reportFileName;18 this.reportFileExt = options.reportFileExt;19 this.unifiedDiff = options.unifiedDiff;20 this.diffLines = options.diffLines;21 this.reportFile = join(this.reportPath, this.reportFileName + this.reportFileExt);22 this.testResults = [];23 this.testResultsDetails = [];24 this.testResultsDetailsDiff = [];25 this.testResultsDetailsDiffUnified = [];26 this.testResultsDetailsDiffUnifiedString = [];27 this.testResultsDetailsDiffUnifiedStringFormatted = [];28 this.testResultsDetailsDiffUnifiedStringFormattedString = [];29 this.testResultsDetailsDiffUnifiedStringFormattedStringFinal = [];30 this.testResultsDetailsDiffUnifiedStringFormattedStringFinalString = [];31 this.testResultsDetailsDiffUnifiedStringFormattedStringFinalStringFinal = [];32 this.testResultsDetailsDiffUnifiedStringFormattedStringFinalStringFinalString = [];33 this.testResultsDetailsDiffUnifiedStringFormattedStringFinalStringFinalStringFinal = [];34 this.testResultsDetailsDiffUnifiedStringFormattedStringFinalStringFinalStringFinalString = [];35 this.testResultsDetailsDiffUnifiedStringFormattedStringFinalStringFinalStringFinalStringFinal = [];36 this.testResultsDetailsDiffUnifiedStringFormattedStringFinalStringFinalStringFinalStringFinalString = [];37 this.testResultsDetailsDiffUnifiedStringFormattedStringFinalStringFinalStringFinalStringFinalStringFinal = [];38 this.testResultsDetailsDiffUnifiedStringFormattedStringFinalStringFinalStringFinalStringFinalStringFinalString = [];39 this.testResultsDetailsDiffUnifiedStringFormattedStringFinalStringFinalStringFinalStringFinalStringFinalStringFinal = [];40 this.testResultsDetailsDiffUnifiedStringFormattedStringFinalStringFinalStringFinalStringFinalStringFinalStringFinalString = [];

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { Selector } from 'testcafe';2import { unifiedDiff } from 'testcafe-browser-tools';3test('TestCafe', async t => {4 const image1 = await t.takeScreenshot();5 const image2 = await t.takeScreenshot();6 const diff = await unifiedDiff(image1, image2);7 console.log(diff);8});9import { Selector } from 'testcafe';10import { unifiedDiff } from 'testcafe-browser-tools';11test('TestCafe', async t => {12 const image1 = await t.takeScreenshot();13 const image2 = await t.takeScreenshot();14 const diff = await unifiedDiff(image1, image2);15 console.log(diff);16});17import { Selector } from 'testcafe';18import

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { ReporterPluginHost, TestRunInfo } from 'testcafe';2import { createWriteStream } from 'fs';3import { createReadStream } from 'fs';4import { createInterface } from 'readline';5import { createInterface } from 'readline';6const host = new ReporterPluginHost();7host.pluginMethod('createTestRun', (testRunInfo: TestRunInfo) => {8 const stream = createWriteStream('test.txt');9 const diff = host.pluginMethod('unifiedDiff', testRunInfo, {10 });11 diff.on('done', () => {12 stream.close();13 });14 const rl = createInterface({15 input: createReadStream('test.txt'),16 });17 rl.on('line', (line) => {18 console.log(line);19 });20});21test('Test', async t => {22 await t.expect(true).ok();23});

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { ClientFunction } from 'testcafe';2test('test', async t => {3 await t.expect(true).ok();4});5const getDiff = ClientFunction(() => {6 return window.unifiedDiff;7});8test('test2', async t => {9 await t.expect(true).notOk();10 const diff = await getDiff();11 console.log(diff);12});13import { ClientFunction } from 'testcafe';14test('test', async t => {15 await t.expect(true).ok();16});17const getDiff = ClientFunction(() => {18 return window.unifiedDiff;19});20test('test2', async t => {21 await t.expect(true).notOk();22 const diff = await getDiff();23 console.log(diff);24});25import { ClientFunction } from 'testcafe';26test('test', async t => {27 await t.expect(true).ok();28});29const getDiff = ClientFunction(() => {30 return window.unifiedDiff;31});32test('test2', async t => {33 await t.expect(true).notOk();34 const diff = await getDiff();35 console.log(diff);36});37import { ClientFunction } from 'testcafe';38test('test', async t => {39 await t.expect(true).ok();40});41const getDiff = ClientFunction(() => {42 return window.unifiedDiff;43});44test('test2', async t => {45 await t.expect(true).notOk();46 const diff = await getDiff();47 console.log(diff);48});

Full Screen

Full Screen

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.

LambdaTest Learning Hubs:

YouTube

You could also refer to video tutorials over LambdaTest YouTube channel to get step by step demonstration from industry experts.

Run Testcafe automation tests on LambdaTest cloud grid

Perform automation testing on 3000+ real desktop and mobile devices online.

... View sample repo... View DocumentationSign up Free
›
_

Try LambdaTest Now !!

Get 100 minutes of automation test minutes FREE!!

...
Sign up with GoogleSign up with Email
Next-Gen App & Browser Testing Cloud

Was this article helpful?

Helpful

NotHelpful