How to use blur method in Cypress

Best JavaScript code snippet using cypress

divisao-parte3.js

Source:divisao-parte3.js Github

copy

Full Screen

...13 // Ao clicar na tabuada, o filtro de blur some14 divisao_1.click(function () {15 // Alvo16 divisao_1.css({ 'filter': 'none' })17 divisao_2.css({ 'filter': 'blur(10px)' })18 divisao_3.css({ 'filter': 'blur(10px)' })19 divisao_4.css({ 'filter': 'blur(10px)' })20 divisao_5.css({ 'filter': 'blur(10px)' })21 divisao_6.css({ 'filter': 'blur(10px)' })22 divisao_7.css({ 'filter': 'blur(10px)' })23 divisao_8.css({ 'filter': 'blur(10px)' })24 divisao_9.css({ 'filter': 'blur(10px)' })25 divisao_10.css({ 'filter': 'blur(10px)' })26 })27 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece28 $('#botao-1').click(function () {29 $('.resultado-1').removeClass('transparencia');30 })31 // Ao clicar no botão de esconder a resposta, o resultado desaparece32 $('#btn-esconder-1').click(function () {33 $('.resultado-1').addClass('transparencia');34 })35 // Tabuada do 2 (parte 2)36 let divisao_2 = $('#divisao-2').addClass('transparencia');37 divisao_2.click(function () {38 // Alvo39 divisao_2.css({ 'filter': 'none' })40 // Tabuadas ficam com blur de novo41 divisao_1.css({ 'filter': 'blur(10px)' })42 divisao_3.css({ 'filter': 'blur(10px)' })43 divisao_4.css({ 'filter': 'blur(10px)' })44 divisao_5.css({ 'filter': 'blur(10px)' })45 divisao_6.css({ 'filter': 'blur(10px)' })46 divisao_7.css({ 'filter': 'blur(10px)' })47 divisao_8.css({ 'filter': 'blur(10px)' })48 divisao_9.css({ 'filter': 'blur(10px)' })49 divisao_10.css({ 'filter': 'blur(10px)' })50 })51 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece52 $('#botao-2').click(function () {53 $('.resultado-2').removeClass('transparencia');54 })55 // Ao clicar no botão de esconder a resposta, o resultado desaparece56 $('#btn-esconder-2').click(function () {57 $('.resultado-2').addClass('transparencia');58 })59 // Tabuada do 2 (parte 3)60 let divisao_3 = $('#divisao-3').addClass('transparencia');61 divisao_3.click(function () {62 // alvo63 divisao_3.css({ 'filter': 'none' })64 divisao_1.css({ 'filter': 'blur(10px)' })65 divisao_2.css({ 'filter': 'blur(10px)' })66 divisao_4.css({ 'filter': 'blur(10px)' })67 divisao_5.css({ 'filter': 'blur(10px)' })68 divisao_6.css({ 'filter': 'blur(10px)' })69 divisao_7.css({ 'filter': 'blur(10px)' })70 divisao_8.css({ 'filter': 'blur(10px)' })71 divisao_9.css({ 'filter': 'blur(10px)' })72 divisao_10.css({ 'filter': 'blur(10px)' })73 })74 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece75 $('#botao-3').click(function () {76 $('.resultado-3').removeClass('transparencia');77 })78 // Ao clicar no botão de esconder a resposta, o resultado desaparece79 $('#btn-esconder-3').click(function () {80 $('.resultado-3').addClass('transparencia');81 })82 // Tabuada do 2 (parte 4)83 let divisao_4 = $('#divisao-4').addClass('transparencia');84 divisao_4.click(function () {85 // Alvo86 divisao_4.css({ 'filter': 'none' })87 divisao_1.css({ 'filter': 'blur(10px)' })88 divisao_2.css({ 'filter': 'blur(10px)' })89 divisao_3.css({ 'filter': 'blur(10px)' })90 divisao_5.css({ 'filter': 'blur(10px)' })91 divisao_6.css({ 'filter': 'blur(10px)' })92 divisao_7.css({ 'filter': 'blur(10px)' })93 divisao_8.css({ 'filter': 'blur(10px)' })94 divisao_9.css({ 'filter': 'blur(10px)' })95 divisao_10.css({ 'filter': 'blur(10px)' })96 })97 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece98 $('#botao-4').click(function () {99 $('.resultado-4').removeClass('transparencia');100 })101 // Ao clicar no botão de esconder a resposta, o resultado desaparece102 $('#btn-esconder-4').click(function () {103 $('.resultado-4').addClass('transparencia');104 })105 // Tabuada do 2 (parte 5)106 let divisao_5 = $('#divisao-5').addClass('transparencia');107 divisao_5.click(function () {108 // Alvo109 divisao_5.css({ 'filter': 'none' })110 divisao_1.css({ 'filter': 'blur(10px)' })111 divisao_2.css({ 'filter': 'blur(10px)' })112 divisao_3.css({ 'filter': 'blur(10px)' })113 divisao_4.css({ 'filter': 'blur(10px)' })114 divisao_6.css({ 'filter': 'blur(10px)' })115 divisao_7.css({ 'filter': 'blur(10px)' })116 divisao_8.css({ 'filter': 'blur(10px)' })117 divisao_9.css({ 'filter': 'blur(10px)' })118 divisao_10.css({ 'filter': 'blur(10px)' })119 })120 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece121 $('#botao-5').click(function () {122 $('.resultado-5').removeClass('transparencia');123 })124 // Ao clicar no botão de esconder a resposta, o resultado desaparece125 $('#btn-esconder-5').click(function () {126 $('.resultado-5').addClass('transparencia');127 })128 // Tabuada do 2 (parte 6)129 let divisao_6 = $('#divisao-6').addClass('transparencia');130 divisao_6.click(function () {131 // Alvo132 divisao_6.css({ 'filter': 'none' })133 divisao_1.css({ 'filter': 'blur(10px)' })134 divisao_2.css({ 'filter': 'blur(10px)' })135 divisao_3.css({ 'filter': 'blur(10px)' })136 divisao_4.css({ 'filter': 'blur(10px)' })137 divisao_5.css({ 'filter': 'blur(10px)' })138 divisao_7.css({ 'filter': 'blur(10px)' })139 divisao_8.css({ 'filter': 'blur(10px)' })140 divisao_9.css({ 'filter': 'blur(10px)' })141 divisao_10.css({ 'filter': 'blur(10px)' })142 })143 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece144 $('#botao-6').click(function () {145 $('.resultado-6').removeClass('transparencia');146 })147 // Ao clicar no botão de esconder a resposta, o resultado desaparece148 $('#btn-esconder-6').click(function () {149 $('.resultado-6').addClass('transparencia');150 })151 // Tabuada do 2 (parte 7)152 let divisao_7 = $('#divisao-7').addClass('transparencia');153 divisao_7.click(function () {154 // Alvo155 divisao_7.css({ 'filter': 'none' })156 divisao_1.css({ 'filter': 'blur(10px)' })157 divisao_2.css({ 'filter': 'blur(10px)' })158 divisao_3.css({ 'filter': 'blur(10px)' })159 divisao_4.css({ 'filter': 'blur(10px)' })160 divisao_5.css({ 'filter': 'blur(10px)' })161 divisao_6.css({ 'filter': 'blur(10px)' })162 divisao_8.css({ 'filter': 'blur(10px)' })163 divisao_9.css({ 'filter': 'blur(10px)' })164 divisao_10.css({ 'filter': 'blur(10px)' })165 })166 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece167 $('#botao-7').click(function () {168 $('.resultado-7').removeClass('transparencia');169 })170 // Ao clicar no botão de esconder a resposta, o resultado desaparece171 $('#btn-esconder-7').click(function () {172 $('.resultado-7').addClass('transparencia');173 })174 // Tabuada do 2 (parte 8)175 let divisao_8 = $('#divisao-8').addClass('transparencia');176 divisao_8.click(function () {177 // Alvo178 divisao_8.css({ 'filter': 'none' })179 divisao_1.css({ 'filter': 'blur(10px)' })180 divisao_2.css({ 'filter': 'blur(10px)' })181 divisao_3.css({ 'filter': 'blur(10px)' })182 divisao_4.css({ 'filter': 'blur(10px)' })183 divisao_5.css({ 'filter': 'blur(10px)' })184 divisao_6.css({ 'filter': 'blur(10px)' })185 divisao_7.css({ 'filter': 'blur(10px)' })186 divisao_9.css({ 'filter': 'blur(10px)' })187 divisao_10.css({ 'filter': 'blur(10px)' })188 })189 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece190 $('#botao-8').click(function () {191 $('.resultado-8').removeClass('transparencia');192 })193 // Ao clicar no botão de esconder a resposta, o resultado desaparece194 $('#btn-esconder-8').click(function () {195 $('.resultado-8').addClass('transparencia');196 })197 // Tabuada do 2 (parte 9)198 let divisao_9 = $('#divisao-9').addClass('transparencia');199 divisao_9.click(function () {200 // Alvo201 divisao_9.css({ 'filter': 'none' })202 divisao_1.css({ 'filter': 'blur(10px)' })203 divisao_2.css({ 'filter': 'blur(10px)' })204 divisao_3.css({ 'filter': 'blur(10px)' })205 divisao_4.css({ 'filter': 'blur(10px)' })206 divisao_5.css({ 'filter': 'blur(10px)' })207 divisao_6.css({ 'filter': 'blur(10px)' })208 divisao_7.css({ 'filter': 'blur(10px)' })209 divisao_8.css({ 'filter': 'blur(10px)' })210 divisao_10.css({ 'filter': 'blur(10px)' })211 })212 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece213 $('#botao-9').click(function () {214 $('.resultado-9').removeClass('transparencia');215 })216 // Ao clicar no botão de esconder a resposta, o resultado desaparece217 $('#btn-esconder-9').click(function () {218 $('.resultado-9').addClass('transparencia');219 })220 // Tabuada do 2 (parte 10)221 let divisao_10 = $('#divisao-10').addClass('transparencia');222 divisao_10.click(function () {223 // Alvo224 divisao_10.css({ 'filter': 'none' })225 divisao_1.css({ 'filter': 'blur(10px)' })226 divisao_2.css({ 'filter': 'blur(10px)' })227 divisao_3.css({ 'filter': 'blur(10px)' })228 divisao_4.css({ 'filter': 'blur(10px)' })229 divisao_5.css({ 'filter': 'blur(10px)' })230 divisao_6.css({ 'filter': 'blur(10px)' })231 divisao_7.css({ 'filter': 'blur(10px)' })232 divisao_8.css({ 'filter': 'blur(10px)' })233 divisao_9.css({ 'filter': 'blur(10px)' })234 })235 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece236 $('#botao-10').click(function () {237 $('.resultado-10').removeClass('transparencia');238 })239 // Ao clicar no botão de esconder a resposta, o resultado desaparece240 $('#btn-esconder-10').click(function () {241 $('.resultado-10').addClass('transparencia');242 })...

Full Screen

Full Screen

divisao.js

Source:divisao.js Github

copy

Full Screen

...13 // Ao clicar na tabuada, o filtro de blur some14 divisao_1.click(function () {15 // Alvo16 divisao_1.css({ 'filter': 'none' })17 divisao_2.css({ 'filter': 'blur(10px)' })18 divisao_3.css({ 'filter': 'blur(10px)' })19 divisao_4.css({ 'filter': 'blur(10px)' })20 divisao_5.css({ 'filter': 'blur(10px)' })21 divisao_6.css({ 'filter': 'blur(10px)' })22 divisao_7.css({ 'filter': 'blur(10px)' })23 divisao_8.css({ 'filter': 'blur(10px)' })24 divisao_9.css({ 'filter': 'blur(10px)' })25 divisao_10.css({ 'filter': 'blur(10px)' })26 })27 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece28 $('#botao-1').click(function () {29 $('.resultado-1').removeClass('transparencia');30 })31 // Ao clicar no botão de esconder a resposta, o resultado desaparece32 $('#btn-esconder-1').click(function () {33 $('.resultado-1').addClass('transparencia');34 })35 // Tabuada do 2 (parte 2)36 let divisao_2 = $('#divisao-2').addClass('transparencia');37 divisao_2.click(function () {38 // Alvo39 divisao_2.css({ 'filter': 'none' })40 // Tabuadas ficam com blur de novo41 divisao_1.css({ 'filter': 'blur(10px)' })42 divisao_3.css({ 'filter': 'blur(10px)' })43 divisao_4.css({ 'filter': 'blur(10px)' })44 divisao_5.css({ 'filter': 'blur(10px)' })45 divisao_6.css({ 'filter': 'blur(10px)' })46 divisao_7.css({ 'filter': 'blur(10px)' })47 divisao_8.css({ 'filter': 'blur(10px)' })48 divisao_9.css({ 'filter': 'blur(10px)' })49 divisao_10.css({ 'filter': 'blur(10px)' })50 })51 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece52 $('#botao-2').click(function () {53 $('.resultado-2').removeClass('transparencia');54 })55 // Ao clicar no botão de esconder a resposta, o resultado desaparece56 $('#btn-esconder-2').click(function () {57 $('.resultado-2').addClass('transparencia');58 })59 // Tabuada do 2 (parte 3)60 let divisao_3 = $('#divisao-3').addClass('transparencia');61 divisao_3.click(function () {62 // alvo63 divisao_3.css({ 'filter': 'none' })64 divisao_1.css({ 'filter': 'blur(10px)' })65 divisao_2.css({ 'filter': 'blur(10px)' })66 divisao_4.css({ 'filter': 'blur(10px)' })67 divisao_5.css({ 'filter': 'blur(10px)' })68 divisao_6.css({ 'filter': 'blur(10px)' })69 divisao_7.css({ 'filter': 'blur(10px)' })70 divisao_8.css({ 'filter': 'blur(10px)' })71 divisao_9.css({ 'filter': 'blur(10px)' })72 divisao_10.css({ 'filter': 'blur(10px)' })73 })74 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece75 $('#botao-3').click(function () {76 $('.resultado-3').removeClass('transparencia');77 })78 // Ao clicar no botão de esconder a resposta, o resultado desaparece79 $('#btn-esconder-3').click(function () {80 $('.resultado-3').addClass('transparencia');81 })82 // Tabuada do 2 (parte 4)83 let divisao_4 = $('#divisao-4').addClass('transparencia');84 divisao_4.click(function () {85 // Alvo86 divisao_4.css({ 'filter': 'none' })87 divisao_1.css({ 'filter': 'blur(10px)' })88 divisao_2.css({ 'filter': 'blur(10px)' })89 divisao_3.css({ 'filter': 'blur(10px)' })90 divisao_5.css({ 'filter': 'blur(10px)' })91 divisao_6.css({ 'filter': 'blur(10px)' })92 divisao_7.css({ 'filter': 'blur(10px)' })93 divisao_8.css({ 'filter': 'blur(10px)' })94 divisao_9.css({ 'filter': 'blur(10px)' })95 divisao_10.css({ 'filter': 'blur(10px)' })96 })97 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece98 $('#botao-4').click(function () {99 $('.resultado-4').removeClass('transparencia');100 })101 // Ao clicar no botão de esconder a resposta, o resultado desaparece102 $('#btn-esconder-4').click(function () {103 $('.resultado-4').addClass('transparencia');104 })105 // Tabuada do 2 (parte 5)106 let divisao_5 = $('#divisao-5').addClass('transparencia');107 divisao_5.click(function () {108 // Alvo109 divisao_5.css({ 'filter': 'none' })110 divisao_1.css({ 'filter': 'blur(10px)' })111 divisao_2.css({ 'filter': 'blur(10px)' })112 divisao_3.css({ 'filter': 'blur(10px)' })113 divisao_4.css({ 'filter': 'blur(10px)' })114 divisao_6.css({ 'filter': 'blur(10px)' })115 divisao_7.css({ 'filter': 'blur(10px)' })116 divisao_8.css({ 'filter': 'blur(10px)' })117 divisao_9.css({ 'filter': 'blur(10px)' })118 divisao_10.css({ 'filter': 'blur(10px)' })119 })120 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece121 $('#botao-5').click(function () {122 $('.resultado-5').removeClass('transparencia');123 })124 // Ao clicar no botão de esconder a resposta, o resultado desaparece125 $('#btn-esconder-5').click(function () {126 $('.resultado-5').addClass('transparencia');127 })128 // Tabuada do 2 (parte 6)129 let divisao_6 = $('#divisao-6').addClass('transparencia');130 divisao_6.click(function () {131 // Alvo132 divisao_6.css({ 'filter': 'none' })133 divisao_1.css({ 'filter': 'blur(10px)' })134 divisao_2.css({ 'filter': 'blur(10px)' })135 divisao_3.css({ 'filter': 'blur(10px)' })136 divisao_4.css({ 'filter': 'blur(10px)' })137 divisao_5.css({ 'filter': 'blur(10px)' })138 divisao_7.css({ 'filter': 'blur(10px)' })139 divisao_8.css({ 'filter': 'blur(10px)' })140 divisao_9.css({ 'filter': 'blur(10px)' })141 divisao_10.css({ 'filter': 'blur(10px)' })142 })143 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece144 $('#botao-6').click(function () {145 $('.resultado-6').removeClass('transparencia');146 })147 // Ao clicar no botão de esconder a resposta, o resultado desaparece148 $('#btn-esconder-6').click(function () {149 $('.resultado-6').addClass('transparencia');150 })151 // Tabuada do 2 (parte 7)152 let divisao_7 = $('#divisao-7').addClass('transparencia');153 divisao_7.click(function () {154 // Alvo155 divisao_7.css({ 'filter': 'none' })156 divisao_1.css({ 'filter': 'blur(10px)' })157 divisao_2.css({ 'filter': 'blur(10px)' })158 divisao_3.css({ 'filter': 'blur(10px)' })159 divisao_4.css({ 'filter': 'blur(10px)' })160 divisao_5.css({ 'filter': 'blur(10px)' })161 divisao_6.css({ 'filter': 'blur(10px)' })162 divisao_8.css({ 'filter': 'blur(10px)' })163 divisao_9.css({ 'filter': 'blur(10px)' })164 divisao_10.css({ 'filter': 'blur(10px)' })165 })166 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece167 $('#botao-7').click(function () {168 $('.resultado-7').removeClass('transparencia');169 })170 // Ao clicar no botão de esconder a resposta, o resultado desaparece171 $('#btn-esconder-7').click(function () {172 $('.resultado-7').addClass('transparencia');173 })174 // Tabuada do 2 (parte 8)175 let divisao_8 = $('#divisao-8').addClass('transparencia');176 divisao_8.click(function () {177 // Alvo178 divisao_8.css({ 'filter': 'none' })179 divisao_1.css({ 'filter': 'blur(10px)' })180 divisao_2.css({ 'filter': 'blur(10px)' })181 divisao_3.css({ 'filter': 'blur(10px)' })182 divisao_4.css({ 'filter': 'blur(10px)' })183 divisao_5.css({ 'filter': 'blur(10px)' })184 divisao_6.css({ 'filter': 'blur(10px)' })185 divisao_7.css({ 'filter': 'blur(10px)' })186 divisao_9.css({ 'filter': 'blur(10px)' })187 divisao_10.css({ 'filter': 'blur(10px)' })188 })189 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece190 $('#botao-8').click(function () {191 $('.resultado-8').removeClass('transparencia');192 })193 // Ao clicar no botão de esconder a resposta, o resultado desaparece194 $('#btn-esconder-8').click(function () {195 $('.resultado-8').addClass('transparencia');196 })197 // Tabuada do 2 (parte 9)198 let divisao_9 = $('#divisao-9').addClass('transparencia');199 divisao_9.click(function () {200 // Alvo201 divisao_9.css({ 'filter': 'none' })202 divisao_1.css({ 'filter': 'blur(10px)' })203 divisao_2.css({ 'filter': 'blur(10px)' })204 divisao_3.css({ 'filter': 'blur(10px)' })205 divisao_4.css({ 'filter': 'blur(10px)' })206 divisao_5.css({ 'filter': 'blur(10px)' })207 divisao_6.css({ 'filter': 'blur(10px)' })208 divisao_7.css({ 'filter': 'blur(10px)' })209 divisao_8.css({ 'filter': 'blur(10px)' })210 divisao_10.css({ 'filter': 'blur(10px)' })211 })212 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece213 $('#botao-9').click(function () {214 $('.resultado-9').removeClass('transparencia');215 })216 // Ao clicar no botão de esconder a resposta, o resultado desaparece217 $('#btn-esconder-9').click(function () {218 $('.resultado-9').addClass('transparencia');219 })220 // Tabuada do 2 (parte 10)221 let divisao_10 = $('#divisao-10').addClass('transparencia');222 divisao_10.click(function () {223 // Alvo224 divisao_10.css({ 'filter': 'none' })225 divisao_1.css({ 'filter': 'blur(10px)' })226 divisao_2.css({ 'filter': 'blur(10px)' })227 divisao_3.css({ 'filter': 'blur(10px)' })228 divisao_4.css({ 'filter': 'blur(10px)' })229 divisao_5.css({ 'filter': 'blur(10px)' })230 divisao_6.css({ 'filter': 'blur(10px)' })231 divisao_7.css({ 'filter': 'blur(10px)' })232 divisao_8.css({ 'filter': 'blur(10px)' })233 divisao_9.css({ 'filter': 'blur(10px)' })234 })235 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece236 $('#botao-10').click(function () {237 $('.resultado-10').removeClass('transparencia');238 })239 // Ao clicar no botão de esconder a resposta, o resultado desaparece240 $('#btn-esconder-10').click(function () {241 $('.resultado-10').addClass('transparencia');242 })...

Full Screen

Full Screen

divisao-parte2.js

Source:divisao-parte2.js Github

copy

Full Screen

...13 // Ao clicar na tabuada, o filtro de blur some14 divisao_1.click(function () {15 // Alvo16 divisao_1.css({ 'filter': 'none' })17 divisao_2.css({ 'filter': 'blur(10px)' })18 divisao_3.css({ 'filter': 'blur(10px)' })19 divisao_4.css({ 'filter': 'blur(10px)' })20 divisao_5.css({ 'filter': 'blur(10px)' })21 divisao_6.css({ 'filter': 'blur(10px)' })22 divisao_7.css({ 'filter': 'blur(10px)' })23 divisao_8.css({ 'filter': 'blur(10px)' })24 divisao_9.css({ 'filter': 'blur(10px)' })25 divisao_10.css({ 'filter': 'blur(10px)' })26 })27 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece28 $('#botao-1').click(function () {29 $('.resultado-1').removeClass('transparencia');30 })31 // Ao clicar no botão de esconder a resposta, o resultado desaparece32 $('#btn-esconder-1').click(function () {33 $('.resultado-1').addClass('transparencia');34 })35 // Tabuada do 2 (parte 2)36 let divisao_2 = $('#divisao-2').addClass('transparencia');37 divisao_2.click(function () {38 // Alvo39 divisao_2.css({ 'filter': 'none' })40 // Tabuadas ficam com blur de novo41 divisao_1.css({ 'filter': 'blur(10px)' })42 divisao_3.css({ 'filter': 'blur(10px)' })43 divisao_4.css({ 'filter': 'blur(10px)' })44 divisao_5.css({ 'filter': 'blur(10px)' })45 divisao_6.css({ 'filter': 'blur(10px)' })46 divisao_7.css({ 'filter': 'blur(10px)' })47 divisao_8.css({ 'filter': 'blur(10px)' })48 divisao_9.css({ 'filter': 'blur(10px)' })49 divisao_10.css({ 'filter': 'blur(10px)' })50 })51 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece52 $('#botao-2').click(function () {53 $('.resultado-2').removeClass('transparencia');54 })55 // Ao clicar no botão de esconder a resposta, o resultado desaparece56 $('#btn-esconder-2').click(function () {57 $('.resultado-2').addClass('transparencia');58 })59 // Tabuada do 2 (parte 3)60 let divisao_3 = $('#divisao-3').addClass('transparencia');61 divisao_3.click(function () {62 // alvo63 divisao_3.css({ 'filter': 'none' })64 divisao_1.css({ 'filter': 'blur(10px)' })65 divisao_2.css({ 'filter': 'blur(10px)' })66 divisao_4.css({ 'filter': 'blur(10px)' })67 divisao_5.css({ 'filter': 'blur(10px)' })68 divisao_6.css({ 'filter': 'blur(10px)' })69 divisao_7.css({ 'filter': 'blur(10px)' })70 divisao_8.css({ 'filter': 'blur(10px)' })71 divisao_9.css({ 'filter': 'blur(10px)' })72 divisao_10.css({ 'filter': 'blur(10px)' })73 })74 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece75 $('#botao-3').click(function () {76 $('.resultado-3').removeClass('transparencia');77 })78 // Ao clicar no botão de esconder a resposta, o resultado desaparece79 $('#btn-esconder-3').click(function () {80 $('.resultado-3').addClass('transparencia');81 })82 // Tabuada do 2 (parte 4)83 let divisao_4 = $('#divisao-4').addClass('transparencia');84 divisao_4.click(function () {85 // Alvo86 divisao_4.css({ 'filter': 'none' })87 divisao_1.css({ 'filter': 'blur(10px)' })88 divisao_2.css({ 'filter': 'blur(10px)' })89 divisao_3.css({ 'filter': 'blur(10px)' })90 divisao_5.css({ 'filter': 'blur(10px)' })91 divisao_6.css({ 'filter': 'blur(10px)' })92 divisao_7.css({ 'filter': 'blur(10px)' })93 divisao_8.css({ 'filter': 'blur(10px)' })94 divisao_9.css({ 'filter': 'blur(10px)' })95 divisao_10.css({ 'filter': 'blur(10px)' })96 })97 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece98 $('#botao-4').click(function () {99 $('.resultado-4').removeClass('transparencia');100 })101 // Ao clicar no botão de esconder a resposta, o resultado desaparece102 $('#btn-esconder-4').click(function () {103 $('.resultado-4').addClass('transparencia');104 })105 // Tabuada do 2 (parte 5)106 let divisao_5 = $('#divisao-5').addClass('transparencia');107 divisao_5.click(function () {108 // Alvo109 divisao_5.css({ 'filter': 'none' })110 divisao_1.css({ 'filter': 'blur(10px)' })111 divisao_2.css({ 'filter': 'blur(10px)' })112 divisao_3.css({ 'filter': 'blur(10px)' })113 divisao_4.css({ 'filter': 'blur(10px)' })114 divisao_6.css({ 'filter': 'blur(10px)' })115 divisao_7.css({ 'filter': 'blur(10px)' })116 divisao_8.css({ 'filter': 'blur(10px)' })117 divisao_9.css({ 'filter': 'blur(10px)' })118 divisao_10.css({ 'filter': 'blur(10px)' })119 })120 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece121 $('#botao-5').click(function () {122 $('.resultado-5').removeClass('transparencia');123 })124 // Ao clicar no botão de esconder a resposta, o resultado desaparece125 $('#btn-esconder-5').click(function () {126 $('.resultado-5').addClass('transparencia');127 })128 // Tabuada do 2 (parte 6)129 let divisao_6 = $('#divisao-6').addClass('transparencia');130 divisao_6.click(function () {131 // Alvo132 divisao_6.css({ 'filter': 'none' })133 divisao_1.css({ 'filter': 'blur(10px)' })134 divisao_2.css({ 'filter': 'blur(10px)' })135 divisao_3.css({ 'filter': 'blur(10px)' })136 divisao_4.css({ 'filter': 'blur(10px)' })137 divisao_5.css({ 'filter': 'blur(10px)' })138 divisao_7.css({ 'filter': 'blur(10px)' })139 divisao_8.css({ 'filter': 'blur(10px)' })140 divisao_9.css({ 'filter': 'blur(10px)' })141 divisao_10.css({ 'filter': 'blur(10px)' })142 })143 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece144 $('#botao-6').click(function () {145 $('.resultado-6').removeClass('transparencia');146 })147 // Ao clicar no botão de esconder a resposta, o resultado desaparece148 $('#btn-esconder-6').click(function () {149 $('.resultado-6').addClass('transparencia');150 })151 // Tabuada do 2 (parte 7)152 let divisao_7 = $('#divisao-7').addClass('transparencia');153 divisao_7.click(function () {154 // Alvo155 divisao_7.css({ 'filter': 'none' })156 divisao_1.css({ 'filter': 'blur(10px)' })157 divisao_2.css({ 'filter': 'blur(10px)' })158 divisao_3.css({ 'filter': 'blur(10px)' })159 divisao_4.css({ 'filter': 'blur(10px)' })160 divisao_5.css({ 'filter': 'blur(10px)' })161 divisao_6.css({ 'filter': 'blur(10px)' })162 divisao_8.css({ 'filter': 'blur(10px)' })163 divisao_9.css({ 'filter': 'blur(10px)' })164 divisao_10.css({ 'filter': 'blur(10px)' })165 })166 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece167 $('#botao-7').click(function () {168 $('.resultado-7').removeClass('transparencia');169 })170 // Ao clicar no botão de esconder a resposta, o resultado desaparece171 $('#btn-esconder-7').click(function () {172 $('.resultado-7').addClass('transparencia');173 })174 // Tabuada do 2 (parte 8)175 let divisao_8 = $('#divisao-8').addClass('transparencia');176 divisao_8.click(function () {177 // Alvo178 divisao_8.css({ 'filter': 'none' })179 divisao_1.css({ 'filter': 'blur(10px)' })180 divisao_2.css({ 'filter': 'blur(10px)' })181 divisao_3.css({ 'filter': 'blur(10px)' })182 divisao_4.css({ 'filter': 'blur(10px)' })183 divisao_5.css({ 'filter': 'blur(10px)' })184 divisao_6.css({ 'filter': 'blur(10px)' })185 divisao_7.css({ 'filter': 'blur(10px)' })186 divisao_9.css({ 'filter': 'blur(10px)' })187 divisao_10.css({ 'filter': 'blur(10px)' })188 })189 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece190 $('#botao-8').click(function () {191 $('.resultado-8').removeClass('transparencia');192 })193 // Ao clicar no botão de esconder a resposta, o resultado desaparece194 $('#btn-esconder-8').click(function () {195 $('.resultado-8').addClass('transparencia');196 })197 // Tabuada do 2 (parte 9)198 let divisao_9 = $('#divisao-9').addClass('transparencia');199 divisao_9.click(function () {200 // Alvo201 divisao_9.css({ 'filter': 'none' })202 divisao_1.css({ 'filter': 'blur(10px)' })203 divisao_2.css({ 'filter': 'blur(10px)' })204 divisao_3.css({ 'filter': 'blur(10px)' })205 divisao_4.css({ 'filter': 'blur(10px)' })206 divisao_5.css({ 'filter': 'blur(10px)' })207 divisao_6.css({ 'filter': 'blur(10px)' })208 divisao_7.css({ 'filter': 'blur(10px)' })209 divisao_8.css({ 'filter': 'blur(10px)' })210 divisao_10.css({ 'filter': 'blur(10px)' })211 })212 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece213 $('#botao-9').click(function () {214 $('.resultado-9').removeClass('transparencia');215 })216 // Ao clicar no botão de esconder a resposta, o resultado desaparece217 $('#btn-esconder-9').click(function () {218 $('.resultado-9').addClass('transparencia');219 })220 // Tabuada do 2 (parte 10)221 let divisao_10 = $('#divisao-10').addClass('transparencia');222 divisao_10.click(function () {223 // Alvo224 divisao_10.css({ 'filter': 'none' })225 divisao_1.css({ 'filter': 'blur(10px)' })226 divisao_2.css({ 'filter': 'blur(10px)' })227 divisao_3.css({ 'filter': 'blur(10px)' })228 divisao_4.css({ 'filter': 'blur(10px)' })229 divisao_5.css({ 'filter': 'blur(10px)' })230 divisao_6.css({ 'filter': 'blur(10px)' })231 divisao_7.css({ 'filter': 'blur(10px)' })232 divisao_8.css({ 'filter': 'blur(10px)' })233 divisao_9.css({ 'filter': 'blur(10px)' })234 })235 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece236 $('#botao-10').click(function () {237 $('.resultado-10').removeClass('transparencia');238 })239 // Ao clicar no botão de esconder a resposta, o resultado desaparece240 $('#btn-esconder-10').click(function () {241 $('.resultado-10').addClass('transparencia');242 })...

Full Screen

Full Screen

script.js

Source:script.js Github

copy

Full Screen

...13 // Ao clicar na tabuada, o filtro de blur some14 adicao_1.click(function () {15 // Alvo16 adicao_1.css({ 'filter': 'none' })17 adicao_2.css({ 'filter': 'blur(10px)' })18 adicao_3.css({ 'filter': 'blur(10px)' })19 adicao_4.css({ 'filter': 'blur(10px)' })20 adicao_5.css({ 'filter': 'blur(10px)' })21 adicao_6.css({ 'filter': 'blur(10px)' })22 adicao_7.css({ 'filter': 'blur(10px)' })23 adicao_8.css({ 'filter': 'blur(10px)' })24 adicao_9.css({ 'filter': 'blur(10px)' })25 adicao_10.css({ 'filter': 'blur(10px)' })26 })27 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece28 $('#botao-1').click(function () {29 $('.resultado-1').removeClass('transparencia');30 })31 // Ao clicar no botão de esconder a resposta, o resultado desaparece32 $('#btn-esconder-1').click(function () {33 $('.resultado-1').addClass('transparencia');34 })35 // Tabuada do 2 (parte 2)36 let adicao_2 = $('#adicao-2').addClass('transparencia');37 adicao_2.click(function () {38 // Alvo39 adicao_2.css({ 'filter': 'none' })40 // Tabuadas ficam com blur de novo41 adicao_1.css({ 'filter': 'blur(10px)' })42 adicao_3.css({ 'filter': 'blur(10px)' })43 adicao_4.css({ 'filter': 'blur(10px)' })44 adicao_5.css({ 'filter': 'blur(10px)' })45 adicao_6.css({ 'filter': 'blur(10px)' })46 adicao_7.css({ 'filter': 'blur(10px)' })47 adicao_8.css({ 'filter': 'blur(10px)' })48 adicao_9.css({ 'filter': 'blur(10px)' })49 adicao_10.css({ 'filter': 'blur(10px)' })50 })51 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece52 $('#botao-2').click(function () {53 $('.resultado-2').removeClass('transparencia');54 })55 // Ao clicar no botão de esconder a resposta, o resultado desaparece56 $('#btn-esconder-2').click(function () {57 $('.resultado-2').addClass('transparencia');58 })59 // Tabuada do 2 (parte 3)60 let adicao_3 = $('#adicao-3').addClass('transparencia');61 adicao_3.click(function () {62 // alvo63 adicao_3.css({ 'filter': 'none' })64 adicao_1.css({ 'filter': 'blur(10px)' })65 adicao_2.css({ 'filter': 'blur(10px)' })66 adicao_4.css({ 'filter': 'blur(10px)' })67 adicao_5.css({ 'filter': 'blur(10px)' })68 adicao_6.css({ 'filter': 'blur(10px)' })69 adicao_7.css({ 'filter': 'blur(10px)' })70 adicao_8.css({ 'filter': 'blur(10px)' })71 adicao_9.css({ 'filter': 'blur(10px)' })72 adicao_10.css({ 'filter': 'blur(10px)' })73 })74 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece75 $('#botao-3').click(function () {76 $('.resultado-3').removeClass('transparencia');77 })78 // Ao clicar no botão de esconder a resposta, o resultado desaparece79 $('#btn-esconder-3').click(function () {80 $('.resultado-3').addClass('transparencia');81 })82 // Tabuada do 2 (parte 4)83 let adicao_4 = $('#adicao-4').addClass('transparencia');84 adicao_4.click(function () {85 // Alvo86 adicao_4.css({ 'filter': 'none' })87 adicao_1.css({ 'filter': 'blur(10px)' })88 adicao_2.css({ 'filter': 'blur(10px)' })89 adicao_3.css({ 'filter': 'blur(10px)' })90 adicao_5.css({ 'filter': 'blur(10px)' })91 adicao_6.css({ 'filter': 'blur(10px)' })92 adicao_7.css({ 'filter': 'blur(10px)' })93 adicao_8.css({ 'filter': 'blur(10px)' })94 adicao_9.css({ 'filter': 'blur(10px)' })95 adicao_10.css({ 'filter': 'blur(10px)' })96 })97 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece98 $('#botao-4').click(function () {99 $('.resultado-4').removeClass('transparencia');100 })101 // Ao clicar no botão de esconder a resposta, o resultado desaparece102 $('#btn-esconder-4').click(function () {103 $('.resultado-4').addClass('transparencia');104 })105 // Tabuada do 2 (parte 5)106 let adicao_5 = $('#adicao-5').addClass('transparencia');107 adicao_5.click(function () {108 // Alvo109 adicao_5.css({ 'filter': 'none' })110 adicao_1.css({ 'filter': 'blur(10px)' })111 adicao_2.css({ 'filter': 'blur(10px)' })112 adicao_3.css({ 'filter': 'blur(10px)' })113 adicao_4.css({ 'filter': 'blur(10px)' })114 adicao_6.css({ 'filter': 'blur(10px)' })115 adicao_7.css({ 'filter': 'blur(10px)' })116 adicao_8.css({ 'filter': 'blur(10px)' })117 adicao_9.css({ 'filter': 'blur(10px)' })118 adicao_10.css({ 'filter': 'blur(10px)' })119 })120 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece121 $('#botao-5').click(function () {122 $('.resultado-5').removeClass('transparencia');123 })124 // Ao clicar no botão de esconder a resposta, o resultado desaparece125 $('#btn-esconder-5').click(function () {126 $('.resultado-5').addClass('transparencia');127 })128 // Tabuada do 2 (parte 6)129 let adicao_6 = $('#adicao-6').addClass('transparencia');130 adicao_6.click(function () {131 // Alvo132 adicao_6.css({ 'filter': 'none' })133 adicao_1.css({ 'filter': 'blur(10px)' })134 adicao_2.css({ 'filter': 'blur(10px)' })135 adicao_3.css({ 'filter': 'blur(10px)' })136 adicao_4.css({ 'filter': 'blur(10px)' })137 adicao_5.css({ 'filter': 'blur(10px)' })138 adicao_7.css({ 'filter': 'blur(10px)' })139 adicao_8.css({ 'filter': 'blur(10px)' })140 adicao_9.css({ 'filter': 'blur(10px)' })141 adicao_10.css({ 'filter': 'blur(10px)' })142 })143 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece144 $('#botao-6').click(function () {145 $('.resultado-6').removeClass('transparencia');146 })147 // Ao clicar no botão de esconder a resposta, o resultado desaparece148 $('#btn-esconder-6').click(function () {149 $('.resultado-6').addClass('transparencia');150 })151 // Tabuada do 2 (parte 7)152 let adicao_7 = $('#adicao-7').addClass('transparencia');153 adicao_7.click(function () {154 // Alvo155 adicao_7.css({ 'filter': 'none' })156 adicao_1.css({ 'filter': 'blur(10px)' })157 adicao_2.css({ 'filter': 'blur(10px)' })158 adicao_3.css({ 'filter': 'blur(10px)' })159 adicao_4.css({ 'filter': 'blur(10px)' })160 adicao_5.css({ 'filter': 'blur(10px)' })161 adicao_6.css({ 'filter': 'blur(10px)' })162 adicao_8.css({ 'filter': 'blur(10px)' })163 adicao_9.css({ 'filter': 'blur(10px)' })164 adicao_10.css({ 'filter': 'blur(10px)' })165 })166 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece167 $('#botao-7').click(function () {168 $('.resultado-7').removeClass('transparencia');169 })170 // Ao clicar no botão de esconder a resposta, o resultado desaparece171 $('#btn-esconder-7').click(function () {172 $('.resultado-7').addClass('transparencia');173 })174 // Tabuada do 2 (parte 8)175 let adicao_8 = $('#adicao-8').addClass('transparencia');176 adicao_8.click(function () {177 // Alvo178 adicao_8.css({ 'filter': 'none' })179 adicao_1.css({ 'filter': 'blur(10px)' })180 adicao_2.css({ 'filter': 'blur(10px)' })181 adicao_3.css({ 'filter': 'blur(10px)' })182 adicao_4.css({ 'filter': 'blur(10px)' })183 adicao_5.css({ 'filter': 'blur(10px)' })184 adicao_6.css({ 'filter': 'blur(10px)' })185 adicao_7.css({ 'filter': 'blur(10px)' })186 adicao_9.css({ 'filter': 'blur(10px)' })187 adicao_10.css({ 'filter': 'blur(10px)' })188 })189 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece190 $('#botao-8').click(function () {191 $('.resultado-8').removeClass('transparencia');192 })193 // Ao clicar no botão de esconder a resposta, o resultado desaparece194 $('#btn-esconder-8').click(function () {195 $('.resultado-8').addClass('transparencia');196 })197 // Tabuada do 2 (parte 9)198 let adicao_9 = $('#adicao-9').addClass('transparencia');199 adicao_9.click(function () {200 // Alvo201 adicao_9.css({ 'filter': 'none' })202 adicao_1.css({ 'filter': 'blur(10px)' })203 adicao_2.css({ 'filter': 'blur(10px)' })204 adicao_3.css({ 'filter': 'blur(10px)' })205 adicao_4.css({ 'filter': 'blur(10px)' })206 adicao_5.css({ 'filter': 'blur(10px)' })207 adicao_6.css({ 'filter': 'blur(10px)' })208 adicao_7.css({ 'filter': 'blur(10px)' })209 adicao_8.css({ 'filter': 'blur(10px)' })210 adicao_10.css({ 'filter': 'blur(10px)' })211 })212 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece213 $('#botao-9').click(function () {214 $('.resultado-9').removeClass('transparencia');215 })216 // Ao clicar no botão de esconder a resposta, o resultado desaparece217 $('#btn-esconder-9').click(function () {218 $('.resultado-9').addClass('transparencia');219 })220 // Tabuada do 2 (parte 10)221 let adicao_10 = $('#adicao-10').addClass('transparencia');222 adicao_10.click(function () {223 // Alvo224 adicao_10.css({ 'filter': 'none' })225 adicao_1.css({ 'filter': 'blur(10px)' })226 adicao_2.css({ 'filter': 'blur(10px)' })227 adicao_3.css({ 'filter': 'blur(10px)' })228 adicao_4.css({ 'filter': 'blur(10px)' })229 adicao_5.css({ 'filter': 'blur(10px)' })230 adicao_6.css({ 'filter': 'blur(10px)' })231 adicao_7.css({ 'filter': 'blur(10px)' })232 adicao_8.css({ 'filter': 'blur(10px)' })233 adicao_9.css({ 'filter': 'blur(10px)' })234 })235 // Ao clicar no botão de mostrar a resposta, o resultado da operação aparece236 $('#botao-10').click(function () {237 $('.resultado-10').removeClass('transparencia');238 })239 // Ao clicar no botão de esconder a resposta, o resultado desaparece240 $('#btn-esconder-10').click(function () {241 $('.resultado-10').addClass('transparencia');242 })...

Full Screen

Full Screen

applications.js

Source:applications.js Github

copy

Full Screen

...20 });21 this.windowActorBlurMap = new Map();22 this.pid = 0;23 this.override_map = {};24 Utils.setInterval(() => this.fix_blur(), 1);25 }26 create_blur_actor(pid) {27 let wab = this.windowActorBlurMap.get(pid);28 let meta_window = wab.window;29 let window_actor = wab.actor;30 let blurEffect = new Shell.BlurEffect({31 brightness: this.effect.brightness,32 sigma: this.effect.sigma,33 mode: this.effect.mode,34 });35 const frame = meta_window.get_frame_rect();36 const buffer = meta_window.get_buffer_rect();37 const offsetX = frame.x - buffer.x;38 const offsetY = frame.y - buffer.y;39 const offsetWidth = buffer.width - frame.width;40 const offsetHeight = buffer.height - frame.height;41 let constraintPosX = new Clutter.BindConstraint({42 source: window_actor,43 coordinate: Clutter.BindCoordinate.X,44 offset: offsetX,45 });46 let constraintPosY = new Clutter.BindConstraint({47 source: window_actor,48 coordinate: Clutter.BindCoordinate.Y,49 offset: offsetY,50 });51 let constraintSizeX = new Clutter.BindConstraint({52 source: window_actor,53 coordinate: Clutter.BindCoordinate.WIDTH,54 offset: -offsetWidth,55 });56 let constraintSizeY = new Clutter.BindConstraint({57 source: window_actor,58 coordinate: Clutter.BindCoordinate.HEIGHT,59 offset: -offsetHeight,60 });61 let blurActor = new Clutter.Actor();62 blurActor.add_constraint(constraintPosX);63 blurActor.add_constraint(constraintPosY);64 blurActor.add_constraint(constraintSizeX);65 blurActor.add_constraint(constraintSizeY);66 blurActor.add_effect_with_name("blur-effect", blurEffect);67 wab.blurActor = blurActor;68 if (wab.actor.visible && !wab.excluded) {69 blurActor.show();70 } else {71 blurActor.hide();72 }73 meta_window.connect("size-changed", (...args) => {74 const frame = meta_window.get_frame_rect();75 const buffer = meta_window.get_buffer_rect();76 const offsetX = frame.x - buffer.x;77 const offsetY = frame.y - buffer.y;78 const offsetWidth = buffer.width - frame.width;79 const offsetHeight = buffer.height - frame.height;80 blurActor.remove_constraint(constraintPosX);81 constraintPosX = new Clutter.BindConstraint({82 source: window_actor,83 coordinate: Clutter.BindCoordinate.X,84 offset: offsetX,85 });86 blurActor.remove_constraint(constraintPosY);87 constraintPosY = new Clutter.BindConstraint({88 source: window_actor,89 coordinate: Clutter.BindCoordinate.Y,90 offset: offsetY,91 });92 blurActor.remove_constraint(constraintSizeX);93 constraintSizeX = new Clutter.BindConstraint({94 source: window_actor,95 coordinate: Clutter.BindCoordinate.WIDTH,96 offset: -offsetWidth,97 });98 blurActor.remove_constraint(constraintSizeY);99 constraintSizeY = new Clutter.BindConstraint({100 source: window_actor,101 coordinate: Clutter.BindCoordinate.HEIGHT,102 offset: -offsetHeight,103 });104 blurActor.add_constraint(constraintPosX);105 blurActor.add_constraint(constraintPosY);106 blurActor.add_constraint(constraintSizeX);107 blurActor.add_constraint(constraintSizeY);108 });109 return blurActor;110 }111 update_blur(pid) {112 if (this.windowActorBlurMap.has(pid)) {113 let wab = this.windowActorBlurMap.get(pid);114 wab.excluded = this.override_map[Utils.get_process_name_from_window(wab.window)] === false;115 if (wab.blurActor) {116 this.update_blur_actor(pid);117 } else {118 this.init_blur_actor(pid);119 }120 }121 }122 set_blur_behind(blurActor, actor) {123 if (actor.get_parent() === blurActor.get_parent()) {124 global.window_group.set_child_below_sibling(blurActor, actor);125 }126 }127 remove_blur(pid) {128 if (this.windowActorBlurMap.has(pid)) {129 let wab = this.windowActorBlurMap.get(pid);130 delete wab.window["blur_provider_pid"];131 global.window_group.remove_actor(wab.blurActor);132 this.windowActorBlurMap.delete(pid);133 }134 }135 update_blur_actor(pid) {136 if (this.windowActorBlurMap.has(pid)) {137 let wab = this.windowActorBlurMap.get(pid);138 let blur_actor = wab.blurActor;139 if (blur_actor) {140 let blurEffect = new Shell.BlurEffect({141 brightness: this.effect.brightness,142 sigma: this.effect.sigma,143 mode: this.effect.mode,144 });145 blur_actor.remove_effect_by_name("blur-effect");146 blur_actor.add_effect_with_name("blur-effect", blurEffect);147 if (wab.actor.visible && !wab.excluded) {148 blur_actor.show();149 } else {150 blur_actor.hide();151 }152 }153 }154 }155 init_blur_actor(pid) {156 let wab = this.windowActorBlurMap.get(pid);157 if (!wab.blurActor) {158 let blurActor = this.create_blur_actor(pid);159 wab.blurActor = blurActor;160 global.window_group.insert_child_below(blurActor, wab.actor);161 blurActor["blur_provider_pid"] = pid;162 this.connections.connect(wab.actor, "notify::visible", (window_actor) => {163 let pid = window_actor.blur_provider_pid;164 if (this.windowActorBlurMap.has(pid)) {165 let blurActor = this.windowActorBlurMap.get(pid).blurActor;166 if (blurActor) {167 if (168 window_actor.visible &&169 !this.windowActorBlurMap.get(pid).excluded170 ) {171 blurActor.show();172 } else {173 blurActor.hide();174 }175 }176 }177 });178 }179 }180 track_new(actor, window) {181 let pid = window["blur_provider_pid"] || this.pid++;182 if (!this.windowActorBlurMap.has(pid)) {183 actor["blur_provider_pid"] = pid;184 window["blur_provider_pid"] = pid;185 let wab = { window: window, actor: actor, blurActor: null };186 this.windowActorBlurMap.set(pid, wab);187 this.connections.connect(actor, "destroy", (window_actor) => {188 this.actor_destroyed(window_actor);189 });190 this.connections.connect(window, "unmanaged", (meta_window) =>191 this.window_unmanaged(meta_window)192 );193 this.update_blur(pid);194 }195 }196 cleanup_things() {197 this.windowActorBlurMap.forEach((value, pid) => {198 this.destroy_wab(pid);199 });200 }201 focus_changed() {202 if (this.windowActorBlurMap.size > 0) {203 Meta.later_add(Meta.LaterType.BEFORE_REDRAW, () => this.fix_blur());204 }205 }206 blur_setting_changed() {207 this.windowActorBlurMap.forEach((wab, pid) => {208 this.update_blur(pid);209 });210 }211 fix_blur() {212 this.windowActorBlurMap.forEach((wab) => {213 this.set_blur_behind(wab.blurActor, wab.actor);214 });215 }216 destroy_wab(pid) {217 this.remove_blur(pid);218 this.windowActorBlurMap.delete(pid);219 }220 window_unmanaged(meta_window) {221 this._log("window_unmanaged");222 try {223 let pid = meta_window.blur_provider_pid;224 this.destroy_wab(pid);225 } catch (e) {}226 }227 actor_destroyed(window_actor) {228 let pid = window_actor.blur_provider_pid;229 try {230 let pid = meta_window.blur_provider_pid;231 this.destroy_wab(pid);...

Full Screen

Full Screen

extension.js

Source:extension.js Github

copy

Full Screen

1'use strict';2const { St, Shell } = imports.gi;3const Main = imports.ui.main;4const Me = imports.misc.extensionUtils.getCurrentExtension();5const Settings = Me.imports.settings;6const Connections = Me.imports.connections;7const Panel = Me.imports.panel;8const Dash = Me.imports.dash;9const Overview = Me.imports.overview;10const DashToDock = Me.imports.dash_to_dock;11const Lockscreen = Me.imports.lockscreen;12const Applications = Me.imports.applications;13const PanelIndicator = Me.imports.panel_indicator;14const Other = Me.imports.other;15class Extension {16 constructor() { }17 enable() {18 this._log("enabling extension...");19 this._connections = [];20 this._prefs = new Settings.Prefs;21 this._panel_blur = new Panel.PanelBlur(new Connections.Connections);22 this._dash_blur = new Dash.DashBlur(new Connections.Connections);23 this._dash_to_dock_blur = new DashToDock.DashBlur(new Connections.Connections);24 this._overview_blur = new Overview.OverviewBlur(new Connections.Connections);25 this._lockscreen_blur = new Lockscreen.LockscreenBlur(new Connections.Connections);26 this._applications_blur = new Applications.ApplicationsBlur(new Connections.Connections);27 this._other_blur = new Other.OtherBlur(new Connections.Connections);28 this._panel_indicator = new PanelIndicator.PanelIndicator(new Connections.Connections);29 this._connections.push(this._panel_blur.connections, this._dash_blur.connections,30 this._dash_to_dock_blur.connections, this._overview_blur.connections,31 this._lockscreen_blur.connections,this._applications_blur.connections,32 this._other_blur.connections, this._panel_indicator.connections);33 this._connect_to_settings();34 if (this._prefs.BLUR_PANEL.get()) {35 this._panel_blur.enable();36 }37 if (this._prefs.BLUR_DASH.get()) {38 this._dash_blur.enable();39 this._dash_to_dock_blur.enable();40 }41 if (this._prefs.BLUR_OVERVIEW.get()) {42 this._overview_blur.enable();43 }44 if (this._prefs.BLUR_LOCKSCREEN.get()) {45 this._lockscreen_blur.enable();46 }47 if (this._prefs.BLUR_APPLICATIONS.get()) {48 this._applications_blur.enable();49 }50 if (this._prefs.BLUR_OTHER.get()) {51 this._other_blur.enable();52 }53 if (this._prefs.TOGGLE_APP_BLUR.get()) {54 this._panel_indicator.enable();55 }56 this._update_sigma();57 this._update_brightness();58 this._applications_blur.set_overrides(this._prefs.WINDOW_CLASS_OVERRIDES.get());59 this._log("extension enabled.");60 }61 disable() {62 this._log("disabling extension...");63 this._panel_blur.disable();64 this._dash_blur.disable();65 this._dash_to_dock_blur.disable();66 this._overview_blur.disable();67 this._lockscreen_blur.disable();68 this._applications_blur.disable();69 this._other_blur.disable();70 this._panel_indicator.disable();71 this._disconnect_settings();72 // in theory, this shouldn't be needed if we switch to making modules responsible for disconnecting their own73 // signals. For now, I will leave this small bit of code in. Calling disable on all modules has already74 // done the same thing75 this._connections.forEach((connections) => {76 connections.disconnect_all();77 })78 this._connections = [];79 this._log("extension disabled.");80 }81 _connect_to_settings() {82 this._prefs.SIGMA.changed(() => {83 this._update_sigma();84 });85 this._prefs.BRIGHTNESS.changed(() => {86 this._update_brightness();87 });88 this._prefs.BLUR_DASH.changed(() => {89 if (this._prefs.BLUR_DASH.get()) {90 this._dash_blur.enable();91 this._dash_to_dock_blur.enable();92 } else {93 this._dash_blur.disable();94 this._dash_to_dock_blur.disable();95 }96 });97 this._prefs.BLUR_PANEL.changed(() => {98 if (this._prefs.BLUR_PANEL.get()) {99 this._panel_blur.enable();100 } else {101 this._panel_blur.disable();102 }103 });104 this._prefs.BLUR_OVERVIEW.changed(() => {105 if (this._prefs.BLUR_OVERVIEW.get()) {106 this._overview_blur.enable();107 } else {108 this._overview_blur.disable();109 }110 });111 this._prefs.BLUR_LOCKSCREEN.changed(() => {112 if (this._prefs.BLUR_LOCKSCREEN.get()) {113 this._lockscreen_blur.enable();114 } else {115 this._lockscreen_blur.disable();116 }117 });118 this._prefs.BLUR_APPLICATIONS.changed(() => {119 if (this._prefs.BLUR_APPLICATIONS.get()) {120 this._applications_blur.enable();121 this._panel_indicator.enable();122 } else {123 this._applications_blur.disable();124 this._panel_indicator.disable();125 }126 });127 this._prefs.WINDOW_CLASS_OVERRIDES.changed(() => {128 this._applications_blur.set_overrides(this._prefs.WINDOW_CLASS_OVERRIDES.get());129 });130 this._prefs.BLUR_OTHER.changed(() => {131 if (this._prefs.BLUR_OTHER.get()) {132 this._other_blur.enable();133 } else {134 this._other_blur.disable();135 }136 });137 this._prefs.TOGGLE_APP_BLUR.changed(() => {138 if (this._prefs.TOGGLE_APP_BLUR.get()) {139 this._panel_indicator.enable();140 } else {141 this._panel_indicator.disable();142 }143 });144 this._prefs.DASH_OPACITY.changed(() => {145 this._dash_blur.update();146 });147 this._prefs.STATIC_BLUR.changed(() => {148 this._panel_blur.change_blur_type()149 });150 }151 _disconnect_settings() {152 this._prefs.SIGMA.disconnect();153 this._prefs.BRIGHTNESS.disconnect();154 this._prefs.WINDOW_CLASS_OVERRIDES.disconnect();155 }156 _update_sigma() {157 let sigma = this._prefs.SIGMA.get();158 this._panel_blur.set_sigma(sigma);159 this._dash_to_dock_blur.set_sigma(sigma);160 this._overview_blur.set_sigma(sigma);161 this._lockscreen_blur.set_sigma(sigma);162 this._applications_blur.set_sigma(sigma);163 this._other_blur.set_sigma(sigma);164 }165 _update_brightness() {166 let brightness = this._prefs.BRIGHTNESS.get();167 this._panel_blur.set_brightness(brightness);168 this._dash_to_dock_blur.set_brightness(brightness);169 this._overview_blur.set_brightness(brightness);170 this._lockscreen_blur.set_brightness(brightness);171 this._applications_blur.set_brightness(brightness);172 this._other_blur.set_brightness(brightness);173 }174 _log(str) {175 log(`[Blur Me] ${str}`)176 }177}178// Called on gnome-shell loading, even if extension is deactivated179function init() {180 return new Extension();...

Full Screen

Full Screen

laya.filter.js

Source:laya.filter.js Github

copy

Full Screen

1(function(window,document,Laya){2 var __un=Laya.un,__uns=Laya.uns,__static=Laya.static,__class=Laya.class,__getset=Laya.getset,__newvec=Laya.__newvec;3 var ColorUtils=laya.utils.ColorUtils,Filter=laya.filters.Filter,Matrix=laya.maths.Matrix,Render=laya.renders.Render;4 var RunDriver=laya.utils.RunDriver,ShaderDefines2D=laya.webgl.shader.d2.ShaderDefines2D,Sprite=laya.display.Sprite;5 var Value2D=laya.webgl.shader.d2.value.Value2D;6/**7*@private8*/9//class laya.filters.GlowFilterGLRender10var GlowFilterGLRender=(function(){11 function GlowFilterGLRender(){}12 __class(GlowFilterGLRender,'laya.filters.GlowFilterGLRender');13 var __proto=GlowFilterGLRender.prototype;14 __proto.setShaderInfo=function(shader,w,h,data){15 shader.defines.add(data.type);16 var sv=shader;17 sv.u_blurInfo1=data._sv_blurInfo1;18 var info2=data._sv_blurInfo2;19 info2[0]=w;info2[1]=h;20 sv.u_blurInfo2=info2;21 sv.u_color=data.getColor();22 }23 __proto.render=function(rt,ctx,width,height,filter){24 var w=width,h=height;25 var svBlur=Value2D.create(/*laya.webgl.shader.d2.ShaderDefines2D.TEXTURE2D*/0x01,0);26 this.setShaderInfo(svBlur,w,h,filter);27 var svCP=Value2D.create(/*laya.webgl.shader.d2.ShaderDefines2D.TEXTURE2D*/0x01,0);28 var matI=Matrix.TEMP.identity();29 ctx.drawTarget(rt,0,0,w,h,matI,svBlur);30 ctx.drawTarget(rt,0,0,w,h,matI,svCP);31 }32 return GlowFilterGLRender;33})()34/**35*@private36*/37//class laya.filters.BlurFilterGLRender38var BlurFilterGLRender=(function(){39 function BlurFilterGLRender(){}40 __class(BlurFilterGLRender,'laya.filters.BlurFilterGLRender');41 var __proto=BlurFilterGLRender.prototype;42 __proto.render=function(rt,ctx,width,height,filter){43 var shaderValue=Value2D.create(/*laya.webgl.shader.d2.ShaderDefines2D.TEXTURE2D*/0x01,0);44 this.setShaderInfo(shaderValue,filter,rt.width,rt.height);45 ctx.drawTarget(rt,0,0,width,height,Matrix.EMPTY.identity(),shaderValue);46 }47 __proto.setShaderInfo=function(shader,filter,w,h){48 shader.defines.add(/*laya.filters.Filter.BLUR*/0x10);49 var sv=shader;50 BlurFilterGLRender.blurinfo[0]=w;BlurFilterGLRender.blurinfo[1]=h;51 sv.blurInfo=BlurFilterGLRender.blurinfo;52 var sigma=filter.strength/3.0;53 var sigma2=sigma*sigma;54 filter.strength_sig2_2sig2_gauss1[0]=filter.strength;55 filter.strength_sig2_2sig2_gauss1[1]=sigma2;56 filter.strength_sig2_2sig2_gauss1[2]=2.0*sigma2;57 filter.strength_sig2_2sig2_gauss1[3]=1.0/(2.0*Math.PI*sigma2);58 sv.strength_sig2_2sig2_gauss1=filter.strength_sig2_2sig2_gauss1;59 }60 __static(BlurFilterGLRender,61 ['blurinfo',function(){return this.blurinfo=new Array(2);}62 ]);63 return BlurFilterGLRender;64})()65/**66*模糊滤镜67*/68//class laya.filters.BlurFilter extends laya.filters.Filter69var BlurFilter=(function(_super){70 function BlurFilter(strength){71 /**模糊滤镜的强度(值越大，越不清晰 */72 this.strength=NaN;73 this.strength_sig2_2sig2_gauss1=[];74 //给shader用的。避免创建对象75 this.strength_sig2_native=null;76 //给native用的77 this.renderFunc=null;78 BlurFilter.__super.call(this);79 (strength===void 0)&& (strength=4);80 this.strength=strength;81 this._action=null;82 this._glRender=new BlurFilterGLRender();83 }84 __class(BlurFilter,'laya.filters.BlurFilter',_super);85 var __proto=BlurFilter.prototype;86 __proto.getStrenth_sig2_2sig2_native=function(){87 if (!this.strength_sig2_native){88 this.strength_sig2_native=new Float32Array(4);89 };90 var sigma=this.strength/3.0;91 var sigma2=sigma *sigma;92 this.strength_sig2_native[0]=this.strength;93 this.strength_sig2_native[1]=sigma2;94 this.strength_sig2_native[2]=2.0*sigma2;95 this.strength_sig2_native[3]=1.0 / (2.0 *Math.PI *sigma2);96 return this.strength_sig2_native;97 }98 /**99 *@private100 *当前滤镜的类型101 */102 __getset(0,__proto,'type',function(){103 return 0x10;104 });105 return BlurFilter;106})(Filter)107/**108*发光滤镜(也可以当成阴影滤使用）109*/110//class laya.filters.GlowFilter extends laya.filters.Filter111var GlowFilter=(function(_super){112 function GlowFilter(color,blur,offX,offY){113 //给shader用114 this._sv_blurInfo2=[0,0,1,0];115 /**滤镜的颜色*/116 this._color=null;117 this._color_native=null;118 this._blurInof1_native=null;119 this._blurInof2_native=null;120 GlowFilter.__super.call(this);121 this._elements=new Float32Array(9);122 this._sv_blurInfo1=new Array(4);123 (blur===void 0)&& (blur=4);124 (offX===void 0)&& (offX=6);125 (offY===void 0)&& (offY=6);126 this._color=new ColorUtils(color);127 this.blur=Math.min(blur,20);128 this.offX=offX;129 this.offY=offY;130 this._sv_blurInfo1[0]=this._sv_blurInfo1[1]=this.blur;this._sv_blurInfo1[2]=offX;this._sv_blurInfo1[3]=-offY;131 this._glRender=new GlowFilterGLRender();132 }133 __class(GlowFilter,'laya.filters.GlowFilter',_super);134 var __proto=GlowFilter.prototype;135 /**@private */136 __proto.getColor=function(){137 return this._color.arrColor;138 }139 __proto.getColorNative=function(){140 if (!this._color_native){141 this._color_native=new Float32Array(4);142 };143 var color=this.getColor();144 this._color_native[0]=color[0];145 this._color_native[1]=color[1];146 this._color_native[2]=color[2];147 this._color_native[3]=color[3];148 return this._color_native;149 }150 __proto.getBlurInfo1Native=function(){151 if (!this._blurInof1_native){152 this._blurInof1_native=new Float32Array(4);153 }154 this._blurInof1_native[0]=this._blurInof1_native[1]=this.blur;155 this._blurInof1_native[2]=this.offX;156 this._blurInof1_native[3]=this.offY;157 return this._blurInof1_native;158 }159 __proto.getBlurInfo2Native=function(){160 if (!this._blurInof2_native){161 this._blurInof2_native=new Float32Array(4);162 }163 this._blurInof2_native[2]=1;164 return this._blurInof2_native;165 }166 /**167 *@private168 *滤镜类型169 */170 __getset(0,__proto,'type',function(){171 return 0x08;172 });173 /**@private */174 /**@private */175 __getset(0,__proto,'offY',function(){176 return this._elements[6];177 },function(value){178 this._elements[6]=value;179 this._sv_blurInfo1[3]=-value;180 });181 /**@private */182 /**@private */183 __getset(0,__proto,'offX',function(){184 return this._elements[5];185 },function(value){186 this._elements[5]=value;187 this._sv_blurInfo1[2]=value;188 });189 /**@private */190 /**@private */191 __getset(0,__proto,'blur',function(){192 return this._elements[4];193 },function(value){194 this._elements[4]=value;195 this._sv_blurInfo1[0]=this._sv_blurInfo1[1]=value;196 });197 return GlowFilter;198})(Filter)...

Full Screen

Full Screen

BlurFilter.js

Source:BlurFilter.js Github

copy

Full Screen

1/**2 * @author Mat Groves http://matgroves.com/ @Doormat233 */4/**5 * The BlurFilter applies a Gaussian blur to an object.6 * The strength of the blur can be set for x- and y-axis separately (always relative to the stage).7 *8 * @class BlurFilter9 * @extends AbstractFilter10 * @constructor11 */12PIXI.BlurFilter = function()13{14 this.blurXFilter = new PIXI.BlurXFilter();15 this.blurYFilter = new PIXI.BlurYFilter();16 this.passes =[this.blurXFilter, this.blurYFilter];17};18PIXI.BlurFilter.prototype = Object.create( PIXI.AbstractFilter.prototype );19PIXI.BlurFilter.prototype.constructor = PIXI.BlurFilter;20/**21 * Sets the strength of both the blurX and blurY properties simultaneously22 *23 * @property blur24 * @type Number25 * @default 226 */27Object.defineProperty(PIXI.BlurFilter.prototype, 'blur', {28 get: function() {29 return this.blurXFilter.blur;30 },31 set: function(value) {32 this.blurXFilter.blur = this.blurYFilter.blur = value;33 }34});35/**36 * Sets the strength of the blurX property37 *38 * @property blurX39 * @type Number40 * @default 241 */42Object.defineProperty(PIXI.BlurFilter.prototype, 'blurX', {43 get: function() {44 return this.blurXFilter.blur;45 },46 set: function(value) {47 this.blurXFilter.blur = value;48 }49});50/**51 * Sets the strength of the blurY property52 *53 * @property blurY54 * @type Number55 * @default 256 */57Object.defineProperty(PIXI.BlurFilter.prototype, 'blurY', {58 get: function() {59 return this.blurYFilter.blur;60 },61 set: function(value) {62 this.blurYFilter.blur = value;63 }...

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1cy.get('input').blur()2cy.get('input').focus()3cy.get('input').clear()4cy.get('input').clear()5cy.get('input').type('Hello')6cy.get('input').check()7cy.get('input').uncheck()8cy.get('select').select('option')9cy.get('button').click()10cy.get('button').dblclick()11cy.get('button').rightclick()12cy.get('button').trigger('mouseover')13cy.get('button').scrollIntoView()14cy.get('button').scrollTo('bottom')15cy.get('button').scrollIntoView()16cy.get('button').scrollTo('bottom')17cy.get('button').trigger('mouseover')18cy.get('button').scrollIntoView()19cy.get('button').scrollTo('bottom')20cy.get('button').trigger('mouseover')21cy.get('button').scrollIntoView()

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1cy.get('input').blur()2cy.get('input').clear()3cy.get('input').click()4cy.get('input').dblclick()5cy.get('input').focus()6cy.get('input').hover()7cy.get('input').invoke('attr', 'value')8cy.get('input').rightclick()9cy.get('input').scrollIntoView()10cy.get('input').select()11cy.get('input').type()12cy.get('input').check()13cy.get('input').uncheck()14cy.get('input').trigger()15cy.get('input').wait()16cy.get('input').and()17cy.get('input').as()18cy.get('input').assign()19cy.get('input').at()20cy.get('input').end()21cy.get('input').eq()22cy.get('input').filter()

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1describe('My first test', function() {2 it('Does not do much!', function() {3 cy.contains('type').click()4 cy.url().should('include', '/commands/actions')5 cy.get('.action-email')6 .type('

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1cy.get('.selector').blur()2cy.get('.selector').clear()3cy.get('.selector').click()4cy.get('.selector').dblclick()5cy.get('.selector').focus()6cy.get('.selector').hover()7cy.get('.selector').rightclick()8cy.get('.selector').select()9cy.get('.selector').type()10cy.get('.selector').check()11cy.get('.selector').uncheck()12cy.get('.selector').invoke()13cy.get('.selector').trigger()14cy.get('.selector').scrollIntoView()15cy.get('.selector').scrollTo()16cy.get('.selector').wait()17cy.get('.selector').and()18cy.get('.selector').as()19cy.get('.selector').assign()20cy.get('.selector').end()21cy.get('.selector').eq()22cy.get('.selector').filter()23cy.get('.selector').first()24cy.get('.selector').last()25cy.get('.selector').next()26cy.get('.selector').nextAll()27cy.get('.selector').nextUntil()28cy.get('.selector').not()29cy.get('.selector').parent()30cy.get('.selector').parents()

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1cy.get('#element').blur()2cy.get('#element').focus()3cy.get('#element').clear()4cy.get('#element').type('Hello World')5cy.get('#element').click()6cy.get('#element').dblclick()7cy.get('#element').rightclick()8cy.get('#element').check()9cy.get('#element').uncheck()10cy.get('#element').select('option')11cy.get('#element').trigger('mouseover')12cy.get('#element').scrollIntoView()13cy.get('#element').scrollTo('top')14cy.get('#element').scrollBy(100, 100)15cy.get('#element').should('have.class', 'active')16cy.get('#element').should('have.class', 'active').and('have.attr', 'href')17cy.wrap('Hello World').should('have.length', 11)18cy.get('#element').invoke('text').should('equal', 'Hello World')19cy.get('#element').then(($el) => {20 expect($el).to.have.length(1)21})22cy.get('#element').log('Hello World')23cy.get('#element').as('hello')24cy.wrap('Hello World').as('hello')25cy.get('#element').its('length').should('be.gt', 0)26cy.wrap(['Hello', 'World']).spread

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1cy.get('input').blur();2cy.get('button').click();3cy.get('input').clear();4cy.get('input').check();5cy.get('input').uncheck();6cy.get('select').select('option');7cy.get('button').trigger('click');8cy.get('input').type('text');9cy.get('input').focus();10cy.get('button').dblclick();11cy.get('button').rightclick();12cy.get('button').scrollIntoView();13cy.get('button').scrollTo();14cy.get('input').check();15cy.get('input').uncheck();16cy.get('select').select('option');17cy.get('button').trigger('click');18cy.get('input').type('text');19cy.get('input').focus();20cy.get('button').dblclick();21cy.get('button').rightclick();22cy.get('button').scroll

Full Screen

Full Screen

Cypress Tutorial

Cypress is a renowned Javascript-based open-source, easy-to-use end-to-end testing framework primarily used for testing web applications. Cypress is a relatively new player in the automation testing space and has been gaining much traction lately, as evidenced by the number of Forks (2.7K) and Stars (42.1K) for the project. LambdaTest’s Cypress Tutorial covers step-by-step guides that will help you learn from the basics till you run automation tests on LambdaTest.

Chapters:

  1. What is Cypress? -
  2. Why Cypress? - Learn why Cypress might be a good choice for testing your web applications.
  3. Features of Cypress Testing - Learn about features that make Cypress a powerful and flexible tool for testing web applications.
  4. Cypress Drawbacks - Although Cypress has many strengths, it has a few limitations that you should be aware of.
  5. Cypress Architecture - Learn more about Cypress architecture and how it is designed to be run directly in the browser, i.e., it does not have any additional servers.
  6. Browsers Supported by Cypress - Cypress is built on top of the Electron browser, supporting all modern web browsers. Learn browsers that support Cypress.
  7. Selenium vs Cypress: A Detailed Comparison - Compare and explore some key differences in terms of their design and features.
  8. Cypress Learning: Best Practices - Take a deep dive into some of the best practices you should use to avoid anti-patterns in your automation tests.
  9. How To Run Cypress Tests on LambdaTest? - Set up a LambdaTest account, and now you are all set to learn how to run Cypress tests.

Certification

You can elevate your expertise with end-to-end testing using the Cypress automation framework and stay one step ahead in your career by earning a Cypress certification. Check out our Cypress 101 Certification.

YouTube

Watch this 3 hours of complete tutorial to learn the basics of Cypress and various Cypress commands with the Cypress testing at LambdaTest.

Run Cypress 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