How to use toHaveClass method in Playwright Internal

Best JavaScript code snippet using playwright-internal

buttons.spec.js

Source:buttons.spec.js Github

copy

Full Screen

...22 //model -> UI23 it('should work correctly with default model values', function() {24 $scope.model = false;25 var btn = compileButton('<button ng-model="model" uib-btn-checkbox>click</button>', $scope);26 expect(btn).not.toHaveClass('active');27 $scope.model = true;28 $scope.$digest();29 expect(btn).toHaveClass('active');30 });31 it('should bind custom model values', function() {32 $scope.model = 1;33 var btn = compileButton('<button ng-model="model" uib-btn-checkbox btn-checkbox-true="1" btn-checkbox-false="0">click</button>', $scope);34 expect(btn).toHaveClass('active');35 $scope.model = 0;36 $scope.$digest();37 expect(btn).not.toHaveClass('active');38 });39 //UI-> model40 it('should toggle default model values on click', function() {41 $scope.model = false;42 var btn = compileButton('<button ng-model="model" uib-btn-checkbox>click</button>', $scope);43 btn.click();44 expect($scope.model).toEqual(true);45 expect(btn).toHaveClass('active');46 btn.click();47 expect($scope.model).toEqual(false);48 expect(btn).not.toHaveClass('active');49 });50 it('should toggle custom model values on click', function() {51 $scope.model = 0;52 var btn = compileButton('<button ng-model="model" uib-btn-checkbox btn-checkbox-true="1" btn-checkbox-false="0">click</button>', $scope);53 btn.click();54 expect($scope.model).toEqual(1);55 expect(btn).toHaveClass('active');56 btn.click();57 expect($scope.model).toEqual(0);58 expect(btn).not.toHaveClass('active');59 });60 it('should monitor true / false value changes - issue 666', function() {61 $scope.model = 1;62 $scope.trueVal = 1;63 var btn = compileButton('<button ng-model="model" uib-btn-checkbox btn-checkbox-true="trueVal">click</button>', $scope);64 expect(btn).toHaveClass('active');65 expect($scope.model).toEqual(1);66 $scope.model = 2;67 $scope.trueVal = 2;68 $scope.$digest();69 expect(btn).toHaveClass('active');70 expect($scope.model).toEqual(2);71 });72 it('should not toggle when disabled - issue 4013', function() {73 $scope.model = 1;74 $scope.falseVal = 0;75 var btn = compileButton('<button disabled ng-model="model" uib-btn-checkbox btn-checkbox-true="falseVal">click</button>', $scope);76 expect(btn).not.toHaveClass('active');77 expect($scope.model).toEqual(1);78 btn.click();79 expect(btn).not.toHaveClass('active');80 $scope.$digest();81 expect(btn).not.toHaveClass('active');82 });83 describe('setting buttonConfig', function() {84 var uibButtonConfig, originalActiveClass, originalToggleEvent;85 beforeEach(inject(function(_uibButtonConfig_) {86 uibButtonConfig = _uibButtonConfig_;87 originalActiveClass = uibButtonConfig.activeClass;88 originalToggleEvent = uibButtonConfig.toggleEvent;89 uibButtonConfig.activeClass = false;90 uibButtonConfig.toggleEvent = false;91 }));92 afterEach(function() {93 // return it to the original value94 uibButtonConfig.activeClass = originalActiveClass;95 uibButtonConfig.toggleEvent = originalToggleEvent;96 });97 it('should use default config when buttonConfig.activeClass and buttonConfig.toggleEvent is false', function() {98 $scope.model = false;99 var btn = compileButton('<button ng-model="model" uib-btn-checkbox>click</button>', $scope);100 expect(btn).not.toHaveClass('active');101 $scope.model = true;102 $scope.$digest();103 expect(btn).toHaveClass('active');104 });105 it('should be able to use a different active class', function() {106 uibButtonConfig.activeClass = 'foo';107 $scope.model = false;108 var btn = compileButton('<button ng-model="model" uib-btn-checkbox>click</button>', $scope);109 expect(btn).not.toHaveClass('foo');110 $scope.model = true;111 $scope.$digest();112 expect(btn).toHaveClass('foo');113 });114 it('should be able to use a different toggle event', function() {115 uibButtonConfig.toggleEvent = 'mouseenter';116 $scope.model = false;117 var btn = compileButton('<button ng-model="model" uib-btn-checkbox>click</button>', $scope);118 expect(btn).not.toHaveClass('active');119 btn.trigger('mouseenter');120 $scope.$digest();121 expect(btn).toHaveClass('active');122 });123 });124 });125 describe('radio', function() {126 var compileButtons = function(markup, scope) {127 var el = $compile('<div>'+markup+'</div>')(scope);128 scope.$digest();129 return el.find('button');130 };131 it('should expose the controller to the view', inject(function($templateCache) {132 var btn = compileButtons('<button ng-model="model" uib-btn-radio="1">{{buttons.text}}</button>', $scope);133 var ctrl = btn.controller('uibBtnRadio');134 expect(ctrl).toBeDefined();135 ctrl.text = 'foo';136 $scope.$digest();137 expect(btn.html()).toBe('foo');138 }));139 //model -> UI140 it('should set active class based on model', function() {141 var btns = compileButtons('<button ng-model="model" uib-btn-radio="1">click1</button><button ng-model="model" uib-btn-radio="2">click2</button>', $scope);142 expect(btns.eq(0)).not.toHaveClass('active');143 expect(btns.eq(1)).not.toHaveClass('active');144 $scope.model = 2;145 $scope.$digest();146 expect(btns.eq(0)).not.toHaveClass('active');147 expect(btns.eq(1)).toHaveClass('active');148 });149 //UI->model150 it('should set active class via click', function() {151 var btns = compileButtons('<button ng-model="model" uib-btn-radio="1">click1</button><button ng-model="model" uib-btn-radio="2">click2</button>', $scope);152 expect($scope.model).toBeUndefined();153 btns.eq(0).click();154 expect($scope.model).toEqual(1);155 expect(btns.eq(0)).toHaveClass('active');156 expect(btns.eq(1)).not.toHaveClass('active');157 btns.eq(1).click();158 expect($scope.model).toEqual(2);159 expect(btns.eq(1)).toHaveClass('active');160 expect(btns.eq(0)).not.toHaveClass('active');161 });162 it('should watch uib-btn-radio values and update state accordingly', function() {163 $scope.values = ['value1', 'value2'];164 var btns = compileButtons('<button ng-model="model" uib-btn-radio="values[0]">click1</button><button ng-model="model" uib-btn-radio="values[1]">click2</button>', $scope);165 expect(btns.eq(0)).not.toHaveClass('active');166 expect(btns.eq(1)).not.toHaveClass('active');167 $scope.model = 'value2';168 $scope.$digest();169 expect(btns.eq(0)).not.toHaveClass('active');170 expect(btns.eq(1)).toHaveClass('active');171 $scope.values[1] = 'value3';172 $scope.model = 'value3';173 $scope.$digest();174 expect(btns.eq(0)).not.toHaveClass('active');175 expect(btns.eq(1)).toHaveClass('active');176 });177 it('should do nothing when clicking an active radio', function() {178 $scope.model = 1;179 var btns = compileButtons('<button ng-model="model" uib-btn-radio="1">click1</button><button ng-model="model" uib-btn-radio="2">click2</button>', $scope);180 expect(btns.eq(0)).toHaveClass('active');181 expect(btns.eq(1)).not.toHaveClass('active');182 btns.eq(0).click();183 $scope.$digest();184 expect(btns.eq(0)).toHaveClass('active');185 expect(btns.eq(1)).not.toHaveClass('active');186 });187 it('should not toggle when disabled - issue 4013', function() {188 $scope.model = 1;189 var btns = compileButtons('<button ng-model="model" uib-btn-radio="1">click1</button><button disabled ng-model="model" uib-btn-radio="2">click2</button>', $scope);190 expect(btns.eq(0)).toHaveClass('active');191 expect(btns.eq(1)).not.toHaveClass('active');192 btns.eq(1).click();193 expect(btns.eq(0)).toHaveClass('active');194 expect(btns.eq(1)).not.toHaveClass('active');195 $scope.$digest();196 expect(btns.eq(0)).toHaveClass('active');197 expect(btns.eq(1)).not.toHaveClass('active');198 });199 it('should handle string values in uib-btn-radio value', function() {200 $scope.model = 'Two';201 var btns = compileButtons('<button ng-model="model" uib-btn-radio="\'One\'">click1</button><button ng-model="model" uib-btn-radio="\'Two\'">click2</button>', $scope);202 expect(btns.eq(0)).not.toHaveClass('active');203 expect(btns.eq(1)).toHaveClass('active');204 btns.eq(0).click();205 expect(btns.eq(0)).toHaveClass('active');206 expect(btns.eq(1)).not.toHaveClass('active');207 expect($scope.model).toEqual('One');208 $scope.$digest();209 expect(btns.eq(0)).toHaveClass('active');210 expect(btns.eq(1)).not.toHaveClass('active');211 expect($scope.model).toEqual('One');212 });213 describe('uncheckable', function() {214 //model -> UI215 it('should set active class based on model', function() {216 var btns = compileButtons('<button ng-model="model" uib-btn-radio="1" uncheckable>click1</button><button ng-model="model" uib-btn-radio="2" uncheckable>click2</button>', $scope);217 expect(btns.eq(0)).not.toHaveClass('active');218 expect(btns.eq(1)).not.toHaveClass('active');219 $scope.model = 2;220 $scope.$digest();221 expect(btns.eq(0)).not.toHaveClass('active');222 expect(btns.eq(1)).toHaveClass('active');223 });224 //UI->model225 it('should unset active class via click', function() {226 var btns = compileButtons('<button ng-model="model" uib-btn-radio="1" uncheckable>click1</button><button ng-model="model" uib-btn-radio="2" uncheckable>click2</button>', $scope);227 expect($scope.model).toBeUndefined();228 btns.eq(0).click();229 expect($scope.model).toEqual(1);230 expect(btns.eq(0)).toHaveClass('active');231 expect(btns.eq(1)).not.toHaveClass('active');232 btns.eq(0).click();233 expect($scope.model).toBeNull();234 expect(btns.eq(1)).not.toHaveClass('active');235 expect(btns.eq(0)).not.toHaveClass('active');236 });237 it('should watch uib-btn-radio values and update state', function() {238 $scope.values = ['value1', 'value2'];239 var btns = compileButtons('<button ng-model="model" uib-btn-radio="values[0]" uncheckable>click1</button><button ng-model="model" uib-btn-radio="values[1]" uncheckable>click2</button>', $scope);240 expect(btns.eq(0)).not.toHaveClass('active');241 expect(btns.eq(1)).not.toHaveClass('active');242 $scope.model = 'value2';243 $scope.$digest();244 expect(btns.eq(0)).not.toHaveClass('active');245 expect(btns.eq(1)).toHaveClass('active');246 $scope.model = undefined;247 $scope.$digest();248 expect(btns.eq(0)).not.toHaveClass('active');249 expect(btns.eq(1)).not.toHaveClass('active');250 });251 });252 describe('uibUncheckable', function() {253 it('should set uncheckable', function() {254 $scope.uncheckable = false;255 var btns = compileButtons('<button ng-model="model" uib-btn-radio="1">click1</button><button ng-model="model" uib-btn-radio="2" uib-uncheckable="uncheckable">click2</button>', $scope);256 expect(btns.eq(0).attr('uncheckable')).toBeUndefined();257 expect(btns.eq(1).attr('uncheckable')).toBeUndefined();258 expect($scope.model).toBeUndefined();259 btns.eq(0).click();260 expect($scope.model).toEqual(1);261 btns.eq(0).click();262 expect($scope.model).toEqual(1);263 btns.eq(1).click();...

Full Screen

Full Screen

isRTL.js

Source:isRTL.js Github

copy

Full Screen

...87 var cal = $('#cal');88 });89 it('should have have days ordered sun to sat', function() {90 var fc = $(cal).find('.fc-day-header');91 expect(fc[0]).toHaveClass('fc-sun');92 expect(fc[1]).toHaveClass('fc-mon');93 expect(fc[2]).toHaveClass('fc-tue');94 expect(fc[3]).toHaveClass('fc-wed');95 expect(fc[4]).toHaveClass('fc-thu');96 expect(fc[5]).toHaveClass('fc-fri');97 expect(fc[6]).toHaveClass('fc-sat');98 });99 });100 describe('using default isRTL is set to false', function() {101 beforeEach(function() {102 var options = {};103 $('#cal').fullCalendar({104 isRTL: false105 });106 var cal = $('#cal');107 });108 it('should have have days ordered sun to sat', function() {109 var fc = $(cal).find('.fc-day-header');110 expect(fc[0]).toHaveClass('fc-sun');111 expect(fc[1]).toHaveClass('fc-mon');112 expect(fc[2]).toHaveClass('fc-tue');113 expect(fc[3]).toHaveClass('fc-wed');114 expect(fc[4]).toHaveClass('fc-thu');115 expect(fc[5]).toHaveClass('fc-fri');116 expect(fc[6]).toHaveClass('fc-sat');117 });118 });119 describe('using default isRTL is set to false', function() {120 beforeEach(function() {121 var options = {};122 $('#cal').fullCalendar({123 isRTL: true124 });125 var cal = $('#cal');126 });127 it('should have have days ordered back sat to sun', function() {128 var fc = $(cal).find('.fc-day-header');129 expect(fc[6]).toHaveClass('fc-sun');130 expect(fc[5]).toHaveClass('fc-mon');131 expect(fc[4]).toHaveClass('fc-tue');132 expect(fc[3]).toHaveClass('fc-wed');133 expect(fc[2]).toHaveClass('fc-thu');134 expect(fc[1]).toHaveClass('fc-fri');135 expect(fc[0]).toHaveClass('fc-sat');136 });137 });138 });139 describe('when using agendaWeek view', function() {140 describe('when using default isRTL', function() {141 beforeEach(function() {142 var options = {};143 $('#cal').fullCalendar({144 defaultView: 'agendaWeek'145 });146 });147 it('should have have days ordered sun to sat', function() {148 var fc = $(cal).find('.fc-agenda-days th');149 expect(fc[0]).toHaveClass('fc-agenda-axis');150 expect(fc[1]).toHaveClass('fc-sun');151 expect(fc[2]).toHaveClass('fc-mon');152 expect(fc[3]).toHaveClass('fc-tue');153 expect(fc[4]).toHaveClass('fc-wed');154 expect(fc[5]).toHaveClass('fc-thu');155 expect(fc[6]).toHaveClass('fc-fri');156 expect(fc[7]).toHaveClass('fc-sat');157 });158 });159 describe('when using isRTL false', function() {160 beforeEach(function() {161 var options = {};162 $('#cal').fullCalendar({163 defaultView: 'agendaWeek',164 isRTL: false165 });166 });167 it('should have have days ordered sun to sat', function() {168 var fc = $(cal).find('.fc-agenda-days th');169 expect(fc[0]).toHaveClass('fc-agenda-axis');170 expect(fc[1]).toHaveClass('fc-sun');171 expect(fc[2]).toHaveClass('fc-mon');172 expect(fc[3]).toHaveClass('fc-tue');173 expect(fc[4]).toHaveClass('fc-wed');174 expect(fc[5]).toHaveClass('fc-thu');175 expect(fc[6]).toHaveClass('fc-fri');176 expect(fc[7]).toHaveClass('fc-sat');177 });178 });179 describe('when using isRTL true', function() {180 beforeEach(function() {181 var options = {};182 $('#cal').fullCalendar({183 defaultView: 'agendaWeek',184 isRTL: true185 });186 });187 it('should have have days ordered sun to sat', function() {188 var fc = $(cal).find('.fc-agenda-days th');189 expect(fc[0]).toHaveClass('fc-agenda-axis');190 expect(fc[1]).toHaveClass('fc-sat');191 expect(fc[2]).toHaveClass('fc-fri');192 expect(fc[3]).toHaveClass('fc-thu');193 expect(fc[4]).toHaveClass('fc-wed');194 expect(fc[5]).toHaveClass('fc-tue');195 expect(fc[6]).toHaveClass('fc-mon');196 expect(fc[7]).toHaveClass('fc-sun');197 });198 });199 });200 xdescribe('when using agendaWeek view', function() {201 describe('and switching from isRTL false to true', function() {202 beforeEach(function() {203 $('#cal').fullCalendar({204 defaultView: 'agendaWeek',205 isRTL: false206 });207 });208 it('should result in sunday moving from first to last day', function() {209 var fcDaysBefore = $(cal).find('.fc-agenda-days th');210 $('#cal').fullCalendar('isRTL', 'true');211 var fcDaysAfter = $(cal).find('.fc-agenda-days th');212 expect(fcDaysBefore[1]).toHaveClass('fc-sun');213 expect(fcDaysAfter[7]).toHaveCalss('fc-sun');214 });215 });216 });...

Full Screen

Full Screen

firstDay.js

Source:firstDay.js Github

copy

Full Screen

...7 $('#cal').fullCalendar();8 });9 it('should make Sunday the first day of the week', function() {10 var dayFirst = $('.fc-day-header')[0];11 expect(dayFirst).toHaveClass('fc-sun');12 });13 });14 describe('when setting firstDay to 0', function() {15 beforeEach(function() {16 var options = {17 firstDay: 018 };19 $('#cal').fullCalendar(options);20 });21 it('should make Sunday the first day of the week', function() {22 var daysOfWeek = $('.fc-day-header');23 expect(daysOfWeek[0]).toHaveClass('fc-sun');24 expect(daysOfWeek[1]).toHaveClass('fc-mon');25 expect(daysOfWeek[2]).toHaveClass('fc-tue');26 expect(daysOfWeek[3]).toHaveClass('fc-wed');27 expect(daysOfWeek[4]).toHaveClass('fc-thu');28 expect(daysOfWeek[5]).toHaveClass('fc-fri');29 expect(daysOfWeek[6]).toHaveClass('fc-sat');30 });31 });32 describe('when setting firstDay to 1', function() {33 beforeEach(function() {34 var options = {35 firstDay: 136 };37 $('#cal').fullCalendar(options);38 });39 it('should make Monday the first day of the week', function() {40 var daysOfWeek = $('.fc-day-header');41 expect(daysOfWeek[0]).toHaveClass('fc-mon');42 expect(daysOfWeek[1]).toHaveClass('fc-tue');43 expect(daysOfWeek[2]).toHaveClass('fc-wed');44 expect(daysOfWeek[3]).toHaveClass('fc-thu');45 expect(daysOfWeek[4]).toHaveClass('fc-fri');46 expect(daysOfWeek[5]).toHaveClass('fc-sat');47 expect(daysOfWeek[6]).toHaveClass('fc-sun');48 });49 });50 describe('when setting firstDay to 2', function() {51 beforeEach(function() {52 var options = {53 firstDay: 254 };55 $('#cal').fullCalendar(options);56 });57 it('should make Tuesday the first day of the week', function() {58 var daysOfWeek = $('.fc-day-header');59 expect(daysOfWeek[0]).toHaveClass('fc-tue');60 expect(daysOfWeek[1]).toHaveClass('fc-wed');61 expect(daysOfWeek[2]).toHaveClass('fc-thu');62 expect(daysOfWeek[3]).toHaveClass('fc-fri');63 expect(daysOfWeek[4]).toHaveClass('fc-sat');64 expect(daysOfWeek[5]).toHaveClass('fc-sun');65 expect(daysOfWeek[6]).toHaveClass('fc-mon');66 });67 });68 describe('when setting firstDay to 3', function() {69 beforeEach(function() {70 var options = {71 firstDay: 372 };73 $('#cal').fullCalendar(options);74 });75 it('should make Wednesday the first day of the week', function() {76 var daysOfWeek = $('.fc-day-header');77 expect(daysOfWeek[0]).toHaveClass('fc-wed');78 expect(daysOfWeek[1]).toHaveClass('fc-thu');79 expect(daysOfWeek[2]).toHaveClass('fc-fri');80 expect(daysOfWeek[3]).toHaveClass('fc-sat');81 expect(daysOfWeek[4]).toHaveClass('fc-sun');82 expect(daysOfWeek[5]).toHaveClass('fc-mon');83 expect(daysOfWeek[6]).toHaveClass('fc-tue');84 });85 });86 describe('when setting firstDay to 4', function() {87 beforeEach(function() {88 var options = {89 firstDay: 490 };91 $('#cal').fullCalendar(options);92 });93 it('should make Thursday the first day of the week', function() {94 var daysOfWeek = $('.fc-day-header');95 expect(daysOfWeek[0]).toHaveClass('fc-thu');96 expect(daysOfWeek[1]).toHaveClass('fc-fri');97 expect(daysOfWeek[2]).toHaveClass('fc-sat');98 expect(daysOfWeek[3]).toHaveClass('fc-sun');99 expect(daysOfWeek[4]).toHaveClass('fc-mon');100 expect(daysOfWeek[5]).toHaveClass('fc-tue');101 expect(daysOfWeek[6]).toHaveClass('fc-wed');102 });103 });104 describe('when setting firstDay to 5', function() {105 beforeEach(function() {106 var options = {107 firstDay: 5108 };109 $('#cal').fullCalendar(options);110 });111 it('should make Friday the first day of the week', function() {112 var daysOfWeek = $('.fc-day-header');113 expect(daysOfWeek[0]).toHaveClass('fc-fri');114 expect(daysOfWeek[1]).toHaveClass('fc-sat');115 expect(daysOfWeek[2]).toHaveClass('fc-sun');116 expect(daysOfWeek[3]).toHaveClass('fc-mon');117 expect(daysOfWeek[4]).toHaveClass('fc-tue');118 expect(daysOfWeek[5]).toHaveClass('fc-wed');119 expect(daysOfWeek[6]).toHaveClass('fc-thu');120 });121 });122 describe('when setting firstDay to 6', function() {123 beforeEach(function() {124 var options = {125 firstDay: 6126 };127 $('#cal').fullCalendar(options);128 });129 it('should make Saturday the first day of the week', function() {130 var daysOfWeek = $('.fc-day-header');131 expect(daysOfWeek[0]).toHaveClass('fc-sat');132 expect(daysOfWeek[1]).toHaveClass('fc-sun');133 expect(daysOfWeek[2]).toHaveClass('fc-mon');134 expect(daysOfWeek[3]).toHaveClass('fc-tue');135 expect(daysOfWeek[4]).toHaveClass('fc-wed');136 expect(daysOfWeek[5]).toHaveClass('fc-thu');137 expect(daysOfWeek[6]).toHaveClass('fc-fri');138 });139 });140 describe('when new firstDay options are set', function() {141 it('should change the first day of week to Monday', function() {142 $('#cal').fullCalendar({143 firstDay: 1144 });145 expect($('.fc-day-header')[0]).toHaveClass('fc-mon');146 });147 it('shoule change the first day of week to Thursday', function() {148 $('#cal').fullCalendar({149 firstDay: 4150 });151 expect($('.fc-day-header')[0]).toHaveClass('fc-thu');152 });153 });154 describe('when first day is set to Tuesday and isRTL is true', function() {155 beforeEach(function() {156 var options = {157 firstDay: 2,158 isRTL: true159 };160 $('#cal').fullCalendar(options);161 });162 it('should put days mon, sun, sat ...', function() {163 var daysOfWeek = $('.fc-day-header');164 expect(daysOfWeek[0]).toHaveClass('fc-mon');165 expect(daysOfWeek[1]).toHaveClass('fc-sun');166 expect(daysOfWeek[2]).toHaveClass('fc-sat');167 expect(daysOfWeek[3]).toHaveClass('fc-fri');168 expect(daysOfWeek[4]).toHaveClass('fc-thu');169 expect(daysOfWeek[5]).toHaveClass('fc-wed');170 expect(daysOfWeek[6]).toHaveClass('fc-tue');171 });172 });173 it('should have a different default value based on the language', function() {174 $('#cal').fullCalendar({175 lang: 'en-gb'176 });177 // firstDay will be 1 (Monday) in Great Britain178 var daysOfWeek = $('.fc-day-header');179 expect(daysOfWeek[0]).toHaveClass('fc-mon');180 expect(daysOfWeek[1]).toHaveClass('fc-tue');181 expect(daysOfWeek[2]).toHaveClass('fc-wed');182 expect(daysOfWeek[3]).toHaveClass('fc-thu');183 expect(daysOfWeek[4]).toHaveClass('fc-fri');184 expect(daysOfWeek[5]).toHaveClass('fc-sat');185 expect(daysOfWeek[6]).toHaveClass('fc-sun');186 });...

Full Screen

Full Screen

class.spec.js

Source:class.spec.js Github

copy

Full Screen

...3describe('vdom class module', () => {4 it('should create an element with staticClass', () => {5 const vnode = new VNode('p', { staticClass: 'class1' })6 const elm = patch(null, vnode)7 expect(elm).toHaveClass('class1')8 })9 it('should create an element with class', () => {10 const vnode = new VNode('p', { class: 'class1' })11 const elm = patch(null, vnode)12 expect(elm).toHaveClass('class1')13 })14 it('should create an element with array class', () => {15 const vnode = new VNode('p', { class: ['class1', 'class2'] })16 const elm = patch(null, vnode)17 expect(elm).toHaveClass('class1')18 expect(elm).toHaveClass('class2')19 })20 it('should create an element with object class', () => {21 const vnode = new VNode('p', {22 class: { class1: true, class2: false, class3: true }23 })24 const elm = patch(null, vnode)25 expect(elm).toHaveClass('class1')26 expect(elm).not.toHaveClass('class2')27 expect(elm).toHaveClass('class3')28 })29 it('should create an element with mixed class', () => {30 const vnode = new VNode('p', {31 class: [{ class1: false, class2: true, class3: false }, 'class4', ['class5', 'class6']]32 })33 const elm = patch(null, vnode)34 expect(elm).not.toHaveClass('class1')35 expect(elm).toHaveClass('class2')36 expect(elm).not.toHaveClass('class3')37 expect(elm).toHaveClass('class4')38 expect(elm).toHaveClass('class5')39 expect(elm).toHaveClass('class6')40 })41 it('should create an element with staticClass and class', () => {42 const vnode = new VNode('p', { staticClass: 'class1', class: 'class2' })43 const elm = patch(null, vnode)44 expect(elm).toHaveClass('class1')45 expect(elm).toHaveClass('class2')46 })47 it('should handle transition class', () => {48 const vnode1 = new VNode('p', {49 class: { class1: true, class2: false, class3: true }50 })51 let elm = patch(null, vnode1)52 elm._transitionClasses = ['class4']53 const vnode2 = new VNode('p', {54 class: { class1: true, class2: true, class3: true }55 })56 elm = patch(vnode1, vnode2)57 expect(elm).toHaveClass('class1')58 expect(elm).toHaveClass('class2')59 expect(elm).toHaveClass('class3')60 expect(elm).toHaveClass('class4')61 })62 it('should change the elements class', () => {63 const vnode1 = new VNode('p', {64 class: { class1: true, class2: false, class3: true }65 })66 const vnode2 = new VNode('p', { staticClass: 'foo bar' })67 let elm = patch(null, vnode1)68 elm = patch(vnode1, vnode2)69 expect(elm).not.toHaveClass('class1')70 expect(elm).not.toHaveClass('class2')71 expect(elm).not.toHaveClass('class3')72 expect(elm).toHaveClass('foo')73 expect(elm).toHaveClass('bar')74 })75 it('should remove the elements class', () => {76 const vnode1 = new VNode('p', {77 class: { class1: true, class2: false, class3: true }78 })79 const vnode2 = new VNode('p', { class: {}})80 let elm = patch(null, vnode1)81 elm = patch(vnode1, vnode2)82 expect(elm).not.toHaveClass('class1')83 expect(elm).not.toHaveClass('class2')84 expect(elm).not.toHaveClass('class3')85 })86 it('should remove class for new nodes without class data', () => {87 const vnode1 = new VNode('p', {88 class: { class1: true, class2: false, class3: true }89 })90 const vnode2 = new VNode('p', {})91 let elm = patch(null, vnode1)92 elm = patch(vnode1, vnode2)93 expect(elm).not.toHaveClass('class1')94 expect(elm).not.toHaveClass('class2')95 expect(elm).not.toHaveClass('class3')96 })...

Full Screen

Full Screen

agenda-view.js

Source:agenda-view.js Github

copy

Full Screen

...10 });11 });12 it('should have have days ordered sun to sat', function() {13 var fc = $('#cal').find('.fc-view > table > thead th');14 expect(fc[0]).toHaveClass('fc-axis');15 expect(fc[1]).toHaveClass('fc-sun');16 expect(fc[2]).toHaveClass('fc-mon');17 expect(fc[3]).toHaveClass('fc-tue');18 expect(fc[4]).toHaveClass('fc-wed');19 expect(fc[5]).toHaveClass('fc-thu');20 expect(fc[6]).toHaveClass('fc-fri');21 expect(fc[7]).toHaveClass('fc-sat');22 });23 });24 describe('when isRTL is true', function() {25 beforeEach(function() {26 $('#cal').fullCalendar({27 defaultView: 'agendaWeek',28 isRTL: true29 });30 });31 it('should have have days ordered sat to sun', function() {32 var fc = $('#cal').find('.fc-view > table > thead th');33 expect(fc[0]).toHaveClass('fc-sat');34 expect(fc[1]).toHaveClass('fc-fri');35 expect(fc[2]).toHaveClass('fc-thu');36 expect(fc[3]).toHaveClass('fc-wed');37 expect(fc[4]).toHaveClass('fc-tue');38 expect(fc[5]).toHaveClass('fc-mon');39 expect(fc[6]).toHaveClass('fc-sun');40 expect(fc[7]).toHaveClass('fc-axis');41 });42 });...

Full Screen

Full Screen

basic-view.js

Source:basic-view.js Github

copy

Full Screen

...10 });11 });12 it('should have have days ordered sun to sat', function() {13 var fc = $('#cal').find('.fc-day-header');14 expect(fc[0]).toHaveClass('fc-sun');15 expect(fc[1]).toHaveClass('fc-mon');16 expect(fc[2]).toHaveClass('fc-tue');17 expect(fc[3]).toHaveClass('fc-wed');18 expect(fc[4]).toHaveClass('fc-thu');19 expect(fc[5]).toHaveClass('fc-fri');20 expect(fc[6]).toHaveClass('fc-sat');21 });22 });23 describe('when isRTL is true', function() {24 beforeEach(function() {25 $('#cal').fullCalendar({26 defaultView: 'month',27 isRTL: true28 });29 });30 it('should have have days ordered sat to sun', function() {31 var fc = $('#cal').find('.fc-day-header');32 expect(fc[0]).toHaveClass('fc-sat');33 expect(fc[1]).toHaveClass('fc-fri');34 expect(fc[2]).toHaveClass('fc-thu');35 expect(fc[3]).toHaveClass('fc-wed');36 expect(fc[4]).toHaveClass('fc-tue');37 expect(fc[5]).toHaveClass('fc-mon');38 expect(fc[6]).toHaveClass('fc-sun');39 });40 });...

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1const { test, expect } = require('@playwright/test');2test('should have class', async ({ page }) => {3 const element = await page.$('text=Get started');4 expect(element).toHaveClass('navbar__item');5});6const { test, expect } = require('@playwright/test');7test('should have class', async ({ page }) => {8 const element = await page.$('text=Get started');9 await expect(element).toHaveClass('navbar__item');10});11const { test, expect } = require('@playwright/test');12test('should have class', async ({ page }) => {13 const element = await page.$('text=Get started');14 expect(element).toHaveClass(['navbar__item', 'navbar__item--get-started']);15});16const { test, expect } = require('@playwright/test');17test('should have class', async ({ page }) => {18 const element = await page.$('text=Get started');19 await expect(element).toHaveClass(['navbar__item', 'navbar__item--get-started']);20});21const { test, expect } = require('@playwright/test');22test('should have class', async ({ page }) => {23 const element = await page.$('text=Get started');24 expect(element).toHaveClass(['navbar__item', /navbar__item--get/]);25});26const { test, expect } = require('@playwright/test');27test('should have class', async ({ page }) => {28 const element = await page.$('text=Get started');29 await expect(element).toHaveClass(['navbar__item', /navbar__item--get/]);30});

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1const { test, expect } = require('@playwright/test');2test('should have class', async ({ page }) => {3 const selector = 'text=Get started';4 const element = await page.waitForSelector(selector);5 expect(element).toHaveClass('navbar__inner');6});7 7 | const element = await page.waitForSelector(selector);8 8 | expect(element).toHaveClass('navbar__inner');9 > 9 | });10const { test, expect } = require('@playwright/test');11test('should have class', async ({ page }) => {12 const selector = 'text=Get started';13 const element = await page.waitForSelector(selector);14 expect(await element.getAttribute('class')).toBe('navbar__inner');15});16const { test, expect } = require('@playwright/test');17test('should have class', async ({ page }) => {18 const selector = 'text=Get started';19 const element = await page.waitForSelector(selector);20 expect(element).toContainClass('navbar__inner');21});22const { test, expect } = require('@playwright/test');23test('should have class',

Full Screen

Full Screen

Playwright tutorial

LambdaTest’s Playwright tutorial will give you a broader idea about the Playwright automation framework, its unique features, and use cases with examples to exceed your understanding of Playwright testing. This tutorial will give A to Z guidance, from installing the Playwright framework to some best practices and advanced concepts.

Chapters:

  1. What is Playwright : Playwright is comparatively new but has gained good popularity. Get to know some history of the Playwright with some interesting facts connected with it.
  2. How To Install Playwright : Learn in detail about what basic configuration and dependencies are required for installing Playwright and run a test. Get a step-by-step direction for installing the Playwright automation framework.
  3. Playwright Futuristic Features: Launched in 2020, Playwright gained huge popularity quickly because of some obliging features such as Playwright Test Generator and Inspector, Playwright Reporter, Playwright auto-waiting mechanism and etc. Read up on those features to master Playwright testing.
  4. What is Component Testing: Component testing in Playwright is a unique feature that allows a tester to test a single component of a web application without integrating them with other elements. Learn how to perform Component testing on the Playwright automation framework.
  5. Inputs And Buttons In Playwright: Every website has Input boxes and buttons; learn about testing inputs and buttons with different scenarios and examples.
  6. Functions and Selectors in Playwright: Learn how to launch the Chromium browser with Playwright. Also, gain a better understanding of some important functions like “BrowserContext,” which allows you to run multiple browser sessions, and “newPage” which interacts with a page.
  7. Handling Alerts and Dropdowns in Playwright : Playwright interact with different types of alerts and pop-ups, such as simple, confirmation, and prompt, and different types of dropdowns, such as single selector and multi-selector get your hands-on with handling alerts and dropdown in Playright testing.
  8. Playwright vs Puppeteer: Get to know about the difference between two testing frameworks and how they are different than one another, which browsers they support, and what features they provide.
  9. Run Playwright Tests on LambdaTest: Playwright testing with LambdaTest leverages test performance to the utmost. You can run multiple Playwright tests in Parallel with the LammbdaTest test cloud. Get a step-by-step guide to run your Playwright test on the LambdaTest platform.
  10. Playwright Python Tutorial: Playwright automation framework support all major languages such as Python, JavaScript, TypeScript, .NET and etc. However, there are various advantages to Python end-to-end testing with Playwright because of its versatile utility. Get the hang of Playwright python testing with this chapter.
  11. Playwright End To End Testing Tutorial: Get your hands on with Playwright end-to-end testing and learn to use some exciting features such as TraceViewer, Debugging, Networking, Component testing, Visual testing, and many more.
  12. Playwright Video Tutorial: Watch the video tutorials on Playwright testing from experts and get a consecutive in-depth explanation of Playwright automation testing.

Run Playwright Internal 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